:root{--c-bg: #080808;--c-bg-2: #0f0f0f;--c-surface: rgba(255, 255, 255, .06);--c-surface-hover: rgba(255, 255, 255, .09);--c-glass: rgba(255, 255, 255, .1);--c-glass-strong: rgba(255, 255, 255, .14);--c-border: rgba(255, 255, 255, .1);--c-border-strong: rgba(255, 255, 255, .18);--c-text: #f0f0f0;--c-text-2: rgba(255, 255, 255, .6);--c-text-3: rgba(255, 255, 255, .35);--c-text-inv: #080808;--c-accent: #ffffff;--c-accent-dim: rgba(255, 255, 255, .8);--c-danger: rgba(255, 80, 80, .9);--c-success: rgba(80, 220, 140, .9);--c-bubble-clone: rgba(255, 255, 255, .09);--c-bubble-user: rgba(255, 255, 255, .96);--blur-sm: blur(12px) saturate(160%);--blur-md: blur(20px) saturate(180%);--blur-lg: blur(32px) saturate(200%);--glass-border: 1px solid var(--c-border);--glass-border-strong: 1px solid var(--c-border-strong);--shadow-sm: 0 2px 8px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.05);--shadow-md: 0 8px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.07);--shadow-lg: 0 20px 60px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.08);--specular: linear-gradient( 180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.04) 40%, transparent 100% );--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--r-bubble-clone: 4px 18px 18px 18px;--r-bubble-user: 18px 4px 18px 18px;--font: "Inter", system-ui, sans-serif;--t-xs: 11px;--t-sm: 13px;--t-base: 15px;--t-md: 17px;--t-lg: 22px;--t-xl: 32px;--t-2xl: 48px;--t-3xl: 72px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-fast: .12s;--dur-mid: .24s;--dur-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;font-family:var(--font);font-size:var(--t-base);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{height:100%}img,svg{display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.grain-overlay{position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.025;pointer-events:none;z-index:9999;animation:grain-shift 8s steps(10) infinite}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-2%,3%)}80%{transform:translate(4%,1%)}90%{transform:translate(-1%,-2%)}to{transform:translate(0)}}.glass-card{background:var(--c-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:var(--specular);pointer-events:none;border-radius:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 24px;border-radius:var(--r-pill);font-size:var(--t-base);font-weight:600;letter-spacing:-.01em;transition:all var(--dur-fast) var(--ease);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:var(--specular);pointer-events:none}.btn-primary{background:var(--c-accent);color:var(--c-text-inv)}.btn-primary:hover{background:#ffffffe0;transform:translateY(-1px);box-shadow:0 6px 24px #ffffff26}.btn-primary:active{transform:translateY(0)}.btn-glass{background:var(--c-glass);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:var(--glass-border);color:var(--c-text)}.btn-glass:hover{background:var(--c-glass-strong);border-color:var(--c-border-strong)}.btn-ghost{color:var(--c-text-2);padding:8px 16px}.btn-ghost:hover{color:var(--c-text);background:var(--c-surface);border-radius:var(--r-pill)}.btn-sm{padding:8px 16px;font-size:var(--t-sm)}.btn-lg{padding:16px 36px;font-size:var(--t-md)}.btn-icon{padding:10px;border-radius:var(--r-md)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input{width:100%;background:var(--c-surface);border:var(--glass-border);border-radius:var(--r-md);padding:14px 16px;font-size:var(--t-base);color:var(--c-text);outline:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.input::placeholder{color:var(--c-text-3)}.input:focus{border-color:var(--c-border-strong);background:var(--c-surface-hover)}textarea.input{resize:vertical;min-height:140px;line-height:1.6}.page{min-height:100vh;display:flex;flex-direction:column}.page-center{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-8);border-bottom:var(--glass-border)}.nav-logo{font-size:var(--t-lg);font-weight:900;letter-spacing:-.04em;color:var(--c-text)}.nav-logo span{color:var(--c-text-3)}.text-muted{color:var(--c-text-2)}.text-dim{color:var(--c-text-3)}.text-sm{font-size:var(--t-sm)}.text-xs{font-size:var(--t-xs)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.w-full{width:100%}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up var(--dur-slow) var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in var(--dur-mid) var(--ease) both}.dot-pulse{display:inline-flex;gap:5px;align-items:center}.dot-pulse span{display:block;width:6px;height:6px;border-radius:50%;background:var(--c-text-3);animation:dot-bounce 1.2s ease-in-out infinite}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}#toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--c-glass-strong);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:var(--glass-border);border-radius:var(--r-pill);padding:10px 20px;font-size:var(--t-sm);color:var(--c-text);box-shadow:var(--shadow-md);animation:toast-in var(--dur-mid) var(--ease) both;white-space:nowrap}.toast.error{border-color:#ff50504d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}