*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#0a0a0a;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--bg: #ffffff;--fg: #0a0a0a;--muted: #6b7280;--muted2: #9ca3af;--border: rgba(10,10,10,.1);--card: #ffffff;--soft: rgba(10,10,10,.04);--shadow: 0 8px 30px rgba(10,10,10,.06);--radius: 14px;--radius2: 18px}.ui-shell{height:100vh;display:flex;flex-direction:column}.ui-topbar{position:sticky;top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ui-topbar-inner{width:min(1180px,100%);margin:0 auto;padding:16px 24px;display:flex;gap:14px;justify-content:space-between;align-items:center}.ui-chat-wrap{flex:1;display:flex;justify-content:center;background:var(--bg)}.ui-chat-panel{width:min(900px,100%);display:flex;flex-direction:column;height:100%}.ui-chat-body{flex:1;overflow-y:auto;padding:26px 18px;display:flex;flex-direction:column;gap:14px}.ui-error{border:1px solid var(--border);background:var(--soft);border-radius:var(--radius);padding:12px 14px;white-space:pre-wrap}.ui-row{display:flex;gap:10px;align-items:center}.ui-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--fg);padding:10px 14px;border-radius:12px;font-weight:650;font-size:13px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.ui-btn:hover{background:#0a0a0a08}.ui-btn:active{transform:scale(.98)}.ui-btn-primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.ui-btn-primary:hover{background:#111}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-badge{font-size:13px;font-weight:700;color:var(--fg);text-decoration:none}.msg-row{display:flex}.msg-bubble{max-width:72%;border-radius:var(--radius2);padding:14px 16px;border:1px solid var(--border);background:var(--card);box-shadow:0 1px #0a0a0a05}.msg-user{margin-left:auto;background:#0a0a0a;color:#fff;border-color:#0a0a0a;box-shadow:none}.msg-ai{margin-right:auto;background:#0a0a0a08}.msg-meta{font-size:11px;color:#0a0a0a8c;margin-bottom:6px}.msg-user .msg-meta{color:#ffffffa6}.msg-text{white-space:pre-wrap;font-size:14.5px;line-height:1.55}.ui-composer{border-top:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 18px}.ui-textarea{width:100%;resize:none;border:1px solid var(--border);background:#fff;color:var(--fg);border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.45;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ui-textarea:focus{border-color:#0a0a0a59;box-shadow:0 0 0 4px #0a0a0a0f}.typing{display:inline-flex;gap:6px;align-items:center}.typing span{width:6px;height:6px;border-radius:99px;background:#0a0a0abf;animation:blink 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%{opacity:.25}20%{opacity:1}to{opacity:.25}}.ui-chat-body::-webkit-scrollbar{width:10px}.ui-chat-body::-webkit-scrollbar-thumb{background:#0a0a0a1f;border-radius:999px;border:3px solid transparent;background-clip:content-box}.ui-chat-body::-webkit-scrollbar-thumb:hover{background:#0a0a0a33;border:3px solid transparent;background-clip:content-box}.ui-muted{color:var(--muted)}.ui-muted2{color:var(--muted2)}@font-face{font-family:Vonca;src:url(/fonts/vonca-extralight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-semibold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vonca;src:url(/fonts/vonca-extrabold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--color-white: #ffffff;--color-black: #000000;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #09090b;--accent: #18181b;--accent-hover: #27272a;--accent-light: #f4f4f5;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--warning-light: #fffbeb;--error: #ef4444;--error-light: #fef2f2;--info: #3b82f6;--info-light: #eff6ff;--bg-base: #ffffff;--bg-subtle: #fafafa;--bg-muted: #f4f4f5;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--text-placeholder: #a1a1aa;--text-disabled: #d4d4d8;--text-inverse: #ffffff;--border-default: #e4e4e7;--border-subtle: #f4f4f5;--border-strong: #d4d4d8;--border-focus: #18181b;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "Vonca", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:var(--z-sticky);height:60px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.app-header-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.app-logo{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.025em;color:var(--text-primary)}.app-nav{display:flex;align-items:center;gap:var(--space-1)}.app-main{flex:1;display:flex;flex-direction:column}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6)}.app-container--narrow{max-width:640px}.app-container--medium{max-width:800px}.heading-1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary)}.heading-2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary)}.heading-3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary)}.heading-4{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.text-caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-icon{width:40px;padding:0}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input,.form-textarea{width:100%;height:44px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--border-strong)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b1a}.form-input:disabled,.form-textarea:disabled{background:var(--bg-muted);color:var(--text-disabled);cursor:not-allowed}.form-textarea{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--error)}.card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.card-hover{transition:all var(--duration-normal) var(--ease-default)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:active{transform:scale(.99)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--bg-subtle);border-top:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full)}.badge-default{background:var(--bg-muted);color:var(--text-secondary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg)}.alert-error{background:var(--error-light);color:var(--error)}.alert-success{background:var(--success-light);color:var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning)}.alert-info{background:var(--info-light);color:var(--info)}.chat-layout{display:flex;flex-direction:column;height:calc(100vh - 60px)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6) 0}.chat-messages-inner{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.chat-message{display:flex;gap:var(--space-4);padding:var(--space-6) 0}.chat-message+.chat-message{border-top:1px solid var(--border-subtle)}.chat-message-avatar{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold)}.chat-message-avatar--user{background:var(--accent);color:var(--text-inverse)}.chat-message-avatar--assistant{background:var(--success);color:var(--text-inverse)}.chat-message-content{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.chat-message-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.chat-message-time{font-size:var(--text-xs);color:var(--text-muted)}.chat-message-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.chat-typing{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.chat-typing-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);animation:typing-bounce 1.4s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-composer{border-top:1px solid var(--border-subtle);background:var(--bg-base)}.chat-composer-inner{max-width:800px;margin:0 auto;padding:var(--space-4) var(--space-6)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--duration-fast) var(--ease-default)}.chat-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b1a}.chat-input{flex:1;min-height:24px;max-height:200px;padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:transparent;border:none;outline:none;resize:none}.chat-send-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-subtle)}.auth-card{width:100%;max-width:400px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.auth-body{padding:0 var(--space-8) var(--space-8)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider-text{font-size:var(--text-sm);color:var(--text-muted)}.auth-footer{padding:var(--space-4) var(--space-8);background:var(--bg-subtle);border-top:1px solid var(--border-subtle);text-align:center}.auth-footer-text{font-size:var(--text-sm);color:var(--text-muted)}.auth-footer-link{font-weight:var(--font-semibold);color:var(--text-primary)}.auth-footer-link:hover{text-decoration:underline}.btn-google{width:100%;height:44px;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-weight:var(--font-medium);gap:var(--space-3)}.btn-google:hover{background:var(--bg-muted);border-color:var(--border-strong)}.creations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.creation-card{display:flex;flex-direction:column}.creation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.creation-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.01em}.creation-card-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.creation-card-actions{display:flex;gap:var(--space-2)}.creation-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.creation-card-notes{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.creation-note{display:flex;flex-direction:column;gap:var(--space-1)}.creation-note-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.creation-note-value{font-size:var(--text-sm);color:var(--text-primary)}.order-section{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.order-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.order-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.order-option.selected{border-color:var(--accent);background:var(--accent-light)}.order-option-left{display:flex;align-items:center;gap:var(--space-3)}.order-option-radio{width:20px;height:20px;accent-color:var(--accent)}.order-option-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.order-option-price{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--text-disabled)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.items-start{align-items:flex-start}.h-full{height:100%}@media (max-width: 768px){.app-header-inner,.app-container,.chat-composer-inner,.chat-messages-inner{padding-left:var(--space-4);padding-right:var(--space-4)}.creations-grid{grid-template-columns:1fr}.auth-card{border:none;border-radius:0;box-shadow:none}.auth-layout{padding:0;align-items:flex-start}}.ui-shell{min-height:100vh;display:flex;flex-direction:column}.ui-topbar{position:sticky;top:0;z-index:200;height:60px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.ui-topbar-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.ui-container{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6)}.ui-card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)}.ui-btn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.ui-btn-primary:hover{background:var(--accent-hover)}.ui-btn-ghost{background:transparent;border-color:transparent}.ui-btn-ghost:hover{background:var(--bg-muted)}.ui-btn-danger{color:var(--error);border-color:var(--error);background:transparent}.ui-btn-danger:hover{background:var(--error-light)}.ui-input,.ui-textarea{width:100%;height:44px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);outline:none;transition:all var(--duration-fast)}.ui-input:focus,.ui-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b1a}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-placeholder)}.ui-textarea{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.ui-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.ui-badge{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--bg-muted);color:var(--text-secondary);border-radius:var(--radius-full)}.ui-error{padding:var(--space-4);background:var(--error-light);color:var(--error);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ui-success{padding:var(--space-4);background:var(--success-light);color:var(--success);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ui-muted{color:var(--text-secondary)}.ui-muted2{color:var(--text-muted)}.ui-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}.ui-grid{display:grid;gap:var(--space-4)}.ui-row{display:flex;gap:var(--space-3);align-items:center}.section-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.ui-chat-wrap{flex:1;display:flex;justify-content:center;padding:var(--space-6);background:var(--bg-subtle)}.ui-chat-panel{width:100%;max-width:800px;height:calc(100vh - 140px);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.ui-chat-body{flex:1;padding:var(--space-6);overflow-y:auto}.ui-composer{border-top:1px solid var(--border-subtle);padding:var(--space-4);background:var(--bg-subtle)}.msg-row{display:flex;margin:var(--space-4) 0}.msg-bubble{max-width:80%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl)}.msg-user{margin-left:auto;background:var(--accent);color:var(--text-inverse)}.msg-ai{margin-right:auto;background:var(--bg-muted)}.msg-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.msg-user .msg-meta{color:#ffffffb3}.msg-text{font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap}.typing{display:flex;gap:var(--space-2);padding:var(--space-2) 0}.typing span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);animation:typing-bounce 1.4s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.chat-list-item{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--duration-fast)}.chat-list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.app-wrapper{display:flex;height:100vh;overflow:hidden;background:var(--bg-base)}.sidebar{width:260px;height:100vh;background:var(--gray-900);display:flex;flex-direction:column;transition:width var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.sidebar--closed{width:0;overflow:hidden}.sidebar-inner{display:flex;flex-direction:column;height:100%;width:260px}.sidebar-brand{padding:28px 24px 16px;cursor:pointer;display:flex;align-items:center}.sidebar-top{padding:var(--space-3)}.new-chat-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-100);background:transparent;border:1px solid var(--gray-700);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.new-chat-btn:hover{background:var(--gray-800)}.new-chat-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-chats{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.sidebar-chats::-webkit-scrollbar{width:6px}.sidebar-chats::-webkit-scrollbar-track{background:transparent}.sidebar-chats::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}.sidebar-loading,.sidebar-empty{padding:var(--space-4);text-align:center;color:var(--gray-500);font-size:var(--text-sm)}.chat-list{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar .chat-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--gray-300);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar .chat-list-item:hover{background:var(--gray-800);box-shadow:none;transform:none}.sidebar .chat-list-item--active{background:var(--gray-800);color:var(--gray-100)}.chat-list-icon{flex-shrink:0;opacity:.6}.chat-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-list-title{font-size:var(--text-sm);font-weight:var(--font-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-date{font-size:var(--text-xs);color:var(--gray-500)}.chat-list-delete{opacity:0;padding:var(--space-1);color:var(--gray-500);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.sidebar .chat-list-item:hover .chat-list-delete{opacity:1}.chat-list-delete:hover{color:var(--error);background:var(--gray-700)}.sidebar-bottom{padding:var(--space-3);border-top:1px solid var(--gray-800)}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);color:var(--gray-400);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar-nav-item:hover{background:var(--gray-800);color:var(--gray-100)}.sidebar-divider{height:1px;background:var(--gray-800);margin:var(--space-2) 0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast)}.sidebar-user:hover{background:var(--gray-800)}.sidebar-user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);background:var(--gray-300);border-radius:var(--radius-md)}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-menu{padding:var(--space-2);color:var(--gray-500);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.sidebar-user-menu:hover{color:var(--gray-100);background:var(--gray-700)}.sidebar-toggle{position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar-toggle:hover{background:var(--bg-muted)}.sidebar--open~.sidebar-toggle{left:calc(260px + var(--space-4))}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:margin-left var(--duration-normal) var(--ease-default)}.main-content--expanded{margin-left:0}.home-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.home-content{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center}.home-brand{text-align:center;margin-bottom:var(--space-10)}.home-logo{margin-bottom:var(--space-4);display:flex;justify-content:center}.home-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.home-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:480px;line-height:var(--leading-relaxed)}.home-suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;margin-bottom:var(--space-8)}.suggestion-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.suggestion-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.suggestion-icon{font-size:var(--text-xl);line-height:1}.suggestion-text{display:flex;flex-direction:column;gap:2px}.suggestion-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.suggestion-desc{font-size:var(--text-sm);color:var(--text-muted)}.home-input-form{width:100%}.home-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);transition:all var(--duration-fast) var(--ease-default)}.home-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b14}.home-input{flex:1;min-height:24px;max-height:200px;padding:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:transparent;border:none;outline:none;resize:none}.home-input::placeholder{color:var(--text-placeholder)}.home-send-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);background:var(--accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.home-send-btn:hover:not(:disabled){background:var(--accent-hover)}.home-send-btn:disabled{background:var(--gray-300);cursor:not-allowed}.home-hint{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);text-align:center}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto}.chat-messages-inner{max-width:800px;margin:0 auto;padding:var(--space-6)}.message{display:flex;gap:var(--space-4);padding:var(--space-5) 0}.message+.message{border-top:1px solid var(--border-subtle)}.message-avatar{flex-shrink:0}.avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold)}.avatar--user{background:var(--accent);color:var(--text-inverse)}.avatar--assistant{background:var(--success);color:var(--text-inverse)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.message-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.message-time{font-size:var(--text-xs);color:var(--text-muted)}.message-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.typing-indicator{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:var(--radius-full);animation:typing-bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-error{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin:0 var(--space-4);font-size:var(--text-sm);color:var(--error);background:var(--error-light);border-radius:var(--radius-md)}.chat-error button{padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--error);cursor:pointer;font-size:var(--text-lg)}.chat-credit-toast{margin:0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:#92400e;background:#fef3c7;border:1px solid #f59e0b33;box-shadow:0 8px 24px #f59e0b1f}.chat-input-area{border-top:1px solid var(--border-subtle);padding:var(--space-4);background:var(--bg-base)}.chat-input-form{max-width:800px;margin:0 auto}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-2xl);transition:all var(--duration-fast) var(--ease-default)}.chat-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b14}.chat-input{flex:1;min-height:24px;max-height:200px;padding:var(--space-1);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:transparent;border:none;outline:none;resize:none}.chat-input::placeholder{color:var(--text-placeholder)}.chat-send-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{background:var(--gray-300);cursor:not-allowed}.spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:calc(var(--z-modal) + 10);transform:translate(0)}.sidebar--closed{transform:translate(-100%);width:260px}.sidebar-toggle{left:var(--space-4);z-index:calc(var(--z-modal) + 20)}.sidebar--open~.sidebar-toggle{left:calc(260px + var(--space-4))}.home-suggestions{grid-template-columns:1fr}.chat-messages-inner,.chat-input-form{padding-left:var(--space-4);padding-right:var(--space-4)}}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.page-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-base);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc}.page-header-inner{max-width:1280px;margin:0 auto;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.page-header-actions{display:flex;align-items:center;gap:var(--space-2)}.page-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-default)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted)}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);background:var(--bg-subtle)}.card-footer .btn{min-width:0;flex:1 1 0;justify-content:center}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--text-muted);opacity:.5}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:480px;margin-bottom:var(--space-6)}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.alert-error{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.alert-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.alert-info{background:var(--info-light);color:var(--info);border:1px solid var(--info)}.pyramid-notes{display:grid;gap:var(--space-4)}.note-group{display:flex;flex-direction:column;gap:var(--space-1)}.note-label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.note-value{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.order-list{display:grid;gap:var(--space-4)}.order-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.order-detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.order-detail-label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.order-detail-value{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);font-weight:var(--font-medium)}@keyframes typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.page-header-inner{padding-left:calc(var(--space-4) + 40px + var(--space-4));flex-direction:column;align-items:flex-start;gap:var(--space-3)}.order-details{grid-template-columns:1fr}.card-footer{flex-direction:column}.card-footer .btn{width:100%;flex:1 1 100%;min-height:44px;height:44px}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-subtle)}.auth-card{width:100%;max-width:440px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.auth-header{padding:var(--space-8) var(--space-8) var(--space-8);text-align:center}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-3)}.auth-subtitle{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.auth-body{padding:0 var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-3) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.auth-divider span{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.auth-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--text-sm)}.auth-link{color:var(--text-primary);font-weight:var(--font-semibold);transition:color var(--duration-fast) var(--ease-default)}.auth-link:hover{color:var(--accent)}.auth-legal{margin-top:var(--space-6);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted);text-align:center;max-width:440px}.success-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-full);background:var(--success-light);color:var(--success);display:flex;align-items:center;justify-content:center}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #18181b14}.input:disabled{background:var(--bg-subtle);color:var(--text-disabled);cursor:not-allowed}.input::placeholder{color:var(--text-placeholder)}.input-lg{height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.input-sm{height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.textarea{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:40px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--error);border-color:var(--error)}.btn-danger:hover:not(:disabled){background:var(--error-light)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:40px;padding:0;justify-content:center}.btn-icon.btn-sm{width:32px}.btn-icon.btn-lg{width:48px}@media (max-width: 640px){.auth-container{padding:var(--space-4)}.auth-card{max-width:100%}.auth-header{padding:var(--space-6) var(--space-6) var(--space-4)}.auth-body{padding:0 var(--space-6) var(--space-6)}.auth-footer{padding:var(--space-4) var(--space-6)}}.profile-info{display:grid;gap:var(--space-5)}.profile-item{display:flex;flex-direction:column;gap:var(--space-1)}.profile-label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.profile-value{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);font-weight:var(--font-medium)}.profile-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.order-summary{background:var(--bg-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8);display:grid;gap:var(--space-3)}.order-summary-item{display:flex;justify-content:space-between;align-items:center}.order-summary-label{font-size:var(--text-sm);color:var(--text-muted)}.order-summary-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.bubble-row{display:flex;gap:var(--space-3);padding:var(--space-3) 0;align-items:flex-start}.bubble-row--user{flex-direction:row-reverse}.bubble-avatar{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold)}.bubble-avatar--assistant{background:var(--success);color:var(--text-inverse)}.bubble-avatar--user{background:var(--accent);color:var(--text-inverse)}.bubble-body{display:flex;flex-direction:column;gap:var(--space-1);max-width:72%}.bubble-row--user .bubble-body{align-items:flex-end}.bubble-meta{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.bubble-meta--user{flex-direction:row-reverse}.bubble-author{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.bubble-time{font-size:var(--text-xs);color:var(--text-muted)}.bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word;display:flex;flex-direction:column;gap:var(--space-2)}.bubble--assistant{background:var(--bg-muted);border:1px solid var(--border-subtle);border-top-left-radius:var(--radius-sm);color:var(--text-primary)}.bubble--user{background:var(--accent);color:var(--text-inverse);border-top-right-radius:var(--radius-sm)}.bubble-image{width:100%;max-width:260px;border-radius:var(--radius-lg);object-fit:cover;display:block}.pyramid-card{margin-top:var(--space-4);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 12px #0000000f;min-width:240px;max-width:320px}.pyramid-card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gray-900);color:var(--color-white)}.pyramid-card-header-icon{opacity:.7}.pyramid-card-title{font-size:10px;font-weight:var(--font-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-white)}.pyramid-sections{display:flex;flex-direction:column}.pyramid-section{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--border-subtle)}.pyramid-section:last-child{border-bottom:none}.pyramid-section-header{display:flex;align-items:center;gap:var(--space-2)}.pyramid-section-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pyramid-section-label{font-size:10px;font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.pyramid-notes-list{display:flex;flex-direction:column;gap:5px;padding-left:15px}.pyramid-note-item{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pyramid-note-item:before{content:"—";margin-right:var(--space-2);color:var(--text-muted);font-weight:var(--font-normal)}.pyramid-pending{padding-left:15px;font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.btn-confirm-fragrance{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--accent);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-full);cursor:pointer;letter-spacing:.01em;transition:background var(--duration-fast),transform var(--duration-fast)}.btn-confirm-fragrance:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-confirm-fragrance:disabled{opacity:.6;cursor:not-allowed}.pyramid-confirmed-tag{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--success-light);color:var(--success);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.chat-image-preview{position:relative;margin-bottom:var(--space-2);width:fit-content;overflow:hidden}.chat-image-preview img{height:80px;border-radius:var(--radius-lg);border:1px solid var(--border-default);object-fit:cover}.chat-image-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-attach-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.chat-attach-btn:hover:not(.chat-attach-btn--disabled){color:var(--text-primary);background:var(--bg-muted)}.chat-attach-btn--disabled{opacity:.35;cursor:not-allowed}.btn-finalize{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#ef44441f,#ef444414);border:1px solid rgba(239,68,68,.22);font-size:var(--text-xs);font-weight:600;color:#b91c1c;cursor:pointer;padding:7px 10px;border-radius:999px;transition:transform var(--duration-fast),box-shadow var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.btn-finalize:hover{transform:translateY(-1px);border-color:#ef444459;background:linear-gradient(180deg,#ef44442e,#ef44441a);box-shadow:0 6px 18px #ef444426}.chat-finalized-banner{text-align:center;padding:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.order-page-wrapper{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden}.scroll-progress-track{position:sticky;top:0;z-index:50;width:100%;height:3px;background:var(--border-subtle);flex-shrink:0}.scroll-progress-bar{height:100%;background:var(--accent);border-radius:0 2px 2px 0;transition:width .1s linear;min-width:0}.order-page-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.order-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.order-options-grid--3{grid-template-columns:repeat(3,1fr)}.order-option{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.order-option input[type=radio]{display:none}.order-option:hover{border-color:var(--border-strong)}.order-option--selected{border-color:var(--accent);background:var(--bg-subtle)}.order-option-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.order-option-desc{font-size:var(--text-xs);color:var(--text-muted)}.order-address-list{display:flex;flex-direction:column;gap:var(--space-3)}.order-address-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast)}.order-address-item input[type=radio]{margin-top:3px;accent-color:var(--accent)}.order-address-item--selected{border-color:var(--accent)}.order-badge-principal{display:inline-block;margin-left:var(--space-2);padding:1px 6px;font-size:10px;font-weight:var(--font-semibold);background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-full);vertical-align:middle}.msg-row{width:100%;padding:8px 0}.msg-row--user{display:flex;justify-content:flex-end;padding:8px 0}.msg-user-bubble{max-width:70%;background:#18181b;color:#fff;padding:12px 18px;border-radius:18px 18px 4px;font-size:.95rem;line-height:1.6;word-break:break-word}.msg-row--assistant{display:flex;justify-content:flex-start;padding:16px 0}.msg-assistant-block{width:100%;max-width:760px}.msg-assistant-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.msg-assistant-logo{height:16px;width:auto;opacity:.7}.msg-assistant-time{font-size:.72rem;color:var(--text-muted, #999);opacity:.7}.msg-assistant-text{font-size:.97rem;line-height:1.75;color:var(--text-primary);word-break:break-word}.pyramid-inline{margin-top:20px;padding-top:18px;border-top:1px solid rgba(0,0,0,.07)}.pyramid-inline-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #999);margin-bottom:12px;font-weight:500}.pyramid-inline-creation-title{margin:0 0 8px;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text, #1f1f1f)}.pyramid-inline-rows{display:flex;flex-direction:column;gap:8px}.pyramid-inline-row{display:flex;align-items:baseline;gap:12px;font-size:.9rem}.pyramid-inline-section{display:flex;align-items:center;gap:5px;min-width:80px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #999);font-weight:500;flex-shrink:0}.pyramid-inline-emoji{font-size:.85rem}.pyramid-inline-notes{color:var(--text-primary);font-size:.92rem;line-height:1.5;letter-spacing:.01em}.chat-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0}.credits-indicator{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted, #888);opacity:.7}.credits-indicator--empty{color:#f87171;opacity:1}.chat-list-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}.chat-list-item:hover .chat-list-actions{opacity:1}.chat-list-edit,.chat-list-delete{background:none;border:none;cursor:pointer;padding:3px;border-radius:4px;color:var(--text-muted, #888);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.chat-list-edit:hover{color:var(--text, #fff);background:#ffffff14}.chat-list-delete:hover{color:#f87171;background:#f871711a}.chat-title-input{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:inherit;font-size:inherit;font-family:inherit;padding:1px 6px;width:100%;outline:none}.chat-title-input:focus{border-color:#fff6;background:#ffffff1f}.sidebar-logo-full{height:20px;width:auto;max-width:120px;object-fit:contain;display:block;opacity:.9}.sidebar-logo-icon{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.05em;font-family:serif}.auth-logo-img{height:36px;width:auto;max-width:200px;object-fit:contain;display:block;margin:0 auto var(--space-4)}.home-logo-img{height:52px;width:auto;max-width:280px;object-fit:contain;display:block;margin:0 auto 8px}