.card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-card);transition:border-color var(--dur-base) var(--ease)}.card:hover{border-color:var(--border-lit)}.card-focused{border-color:#e8960c66}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--gradient-cta);color:#0b0906;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:14px;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--glow-amber);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:#ffffff26;transform:skew(-20deg);transition:left .4s ease;pointer-events:none}.btn-primary:hover:after{left:120%}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;color:var(--ink-secondary);font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-size:13px;border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--ink-primary);border-color:var(--border-dim)}.btn-ghost:active{transform:scale(.97)}.segmented-control{display:flex;background:var(--bg-elevated);border-radius:var(--radius-btn);padding:3px;gap:2px;position:relative}.segmented-control button{flex:1;padding:6px 12px;font-size:12px;font-weight:500;font-family:Cabinet Grotesk,sans-serif;color:var(--ink-secondary);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:all var(--dur-base) var(--ease);white-space:nowrap;position:relative;z-index:1}.segmented-control button:hover{color:var(--ink-primary)}.segmented-control button.active{color:#0b0906}.segmented-pill{position:absolute;top:3px;height:calc(100% - 6px);background:var(--amber);border-radius:7px;transition:transform var(--dur-base) var(--ease),width var(--dur-base) var(--ease);z-index:0}.mode-selector{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.mode-selector::-webkit-scrollbar{display:none}.mode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:96px;min-width:96px;height:80px;background:var(--bg-elevated);border:1px solid var(--border-dim);border-radius:12px;cursor:pointer;transition:all var(--dur-fast) var(--ease);position:relative}.mode-card:hover{background:var(--bg-overlay);border-color:var(--border-lit)}.mode-card:hover .mode-icon{transform:translateY(-2px)}.mode-card.active{background:var(--amber-dim);border:1.5px solid var(--amber);box-shadow:var(--glow-amber)}.mode-card.active:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;background:var(--amber);border-radius:0 3px 3px 0}.mode-icon{font-size:22px;color:var(--ink-tertiary);transition:all var(--dur-fast) var(--ease);line-height:1}.mode-card.active .mode-icon{color:var(--amber)}.mode-label{font-size:11px;font-weight:500;color:var(--ink-tertiary);font-family:Cabinet Grotesk,sans-serif;transition:color var(--dur-fast) var(--ease)}.mode-card.active .mode-label{color:var(--amber)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-elevated);border-radius:var(--radius-chip);font-family:Commit Mono,monospace;font-size:11px;color:var(--ink-secondary)}.chip-amber{background:var(--amber-dim);color:var(--amber)}.chip-sage{background:#6eba7f1f;color:var(--sage)}.chip-terra{background:var(--terra-dim);color:var(--terra)}.chip-sky{background:#5b9bd51f;color:var(--sky)}.keyword-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid var(--amber);border-radius:var(--radius-chip);font-family:Commit Mono,monospace;font-size:11px;color:var(--amber);animation:tagSlideIn .15s var(--spring) forwards}.section-header{font-family:Commit Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-tertiary);padding:0 0 8px}.tooltip{position:absolute;padding:6px 10px;background:var(--bg-overlay);color:var(--ink-primary);font-family:Commit Mono,monospace;font-size:12px;border-radius:var(--radius-chip);box-shadow:var(--shadow-float);white-space:nowrap;z-index:50;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.tooltip.visible{opacity:1}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% auto;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-chip)}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--bg-overlay);border:1px solid var(--amber);border-radius:var(--radius-btn);font-family:Cabinet Grotesk,sans-serif;font-size:13px;font-weight:500;color:var(--amber);box-shadow:var(--glow-amber);z-index:100;animation:toastSlideIn .2s var(--spring) forwards}.toast.exiting{animation:toastSlideOut .2s var(--ease) forwards}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--sage)}.pulse-dot.live{animation:pulseDot 2s infinite}.loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);animation:amberPulseDot 1.2s ease-in-out infinite}.stat-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-card);padding:24px;transition:border-color var(--dur-base) var(--ease)}.stat-card:hover{border-color:var(--border-lit)}.stat-card .stat-value{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:42px;color:var(--amber);line-height:1}.stat-card .stat-label{font-family:Cabinet Grotesk,sans-serif;font-size:13px;color:var(--ink-secondary);margin-top:8px}.compression-bar{height:6px;border-radius:3px;background:var(--bg-elevated);overflow:hidden}.compression-bar .fill{height:100%;border-radius:3px;transition:width .6s var(--ease)}.word-stream-word{display:inline;animation:wordIn .2s var(--ease) forwards;opacity:0}.word-count-flip{display:inline-block;animation:flipDown .2s var(--ease)}.markdown-body p{margin:0 0 8px}.markdown-body ul,.markdown-body ol{padding-left:20px;margin:0 0 8px}.markdown-body li{margin-bottom:4px}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.advanced-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;border:none;background:none;padding:8px 0;width:100%;color:var(--ink-tertiary);font-family:Commit Mono,monospace;font-size:12px}.advanced-toggle:before,.advanced-toggle:after{content:"";flex:1;height:1px;background:var(--border-dim)}.advanced-content{overflow:hidden;max-height:0;transition:max-height .3s var(--ease),opacity .3s var(--ease);opacity:0}.advanced-content.open{max-height:800px;opacity:1}.intelligence-meter{display:flex;align-items:center;gap:12px;padding:12px 0}.intelligence-meter .track{flex:1;height:3px;background:var(--bg-elevated);border-radius:2px;position:relative}.intelligence-meter .indicator{position:absolute;width:8px;height:8px;border-radius:50%;top:-2.5px;transition:left .3s var(--ease),background .3s var(--ease)}.intelligence-meter .label{font-family:Commit Mono,monospace;font-size:11px;min-width:70px}.shortcuts-overlay{position:fixed;inset:0;background:#0b0906b3;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeSlideUp .2s var(--ease) forwards}.shortcuts-modal{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-card);padding:32px;width:420px;max-width:90vw;box-shadow:var(--shadow-modal)}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-dim)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;gap:4px}.shortcut-key{padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border-dim);border-radius:4px;font-family:Commit Mono,monospace;font-size:11px;color:var(--ink-secondary)}.custom-cursor{position:fixed;width:10px;height:10px;background:var(--amber);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .15s ease,opacity .15s ease,background .15s ease,width .15s ease,height .15s ease;transform:translate(-50%,-50%);mix-blend-mode:difference}.custom-cursor.hovering{width:32px;height:32px;background:transparent;border:1.5px solid var(--amber)}.custom-cursor.hidden{opacity:0}.focus-mode-active .focus-fade{opacity:.05!important;pointer-events:none;transition:opacity .3s var(--ease)}.focus-mode-active .focus-target{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;max-width:90vw;z-index:100;background:var(--bg-surface);border-radius:var(--radius-card);border:1px solid var(--border-dim);padding:32px;box-shadow:var(--shadow-modal)}.theme-node{cursor:pointer;transition:all var(--dur-fast) var(--ease)}.theme-node:hover{filter:brightness(1.3)}.theme-node-label{font-family:Cabinet Grotesk,sans-serif;font-size:11px;fill:var(--ink-secondary);text-anchor:middle;pointer-events:none}.theme-edge{stroke:var(--border-lit);stroke-width:1;transition:stroke var(--dur-fast) var(--ease)}:root{--bg-void: #0B0906;--bg-base: #100E0A;--bg-surface: #181510;--bg-elevated: #201D17;--bg-overlay: #2A2620;--bg-input: #141210;--border-dim: #2C2820;--border-lit: #3D3828;--ink-primary: #F0EAD8;--ink-secondary: #96897A;--ink-tertiary: #5A5048;--amber: #E8960C;--amber-glow: rgba(232, 150, 12, .2);--amber-bright: #F5AA1E;--amber-dim: rgba(232, 150, 12, .1);--terra: #D05A2A;--terra-dim: rgba(208, 90, 42, .15);--sage: #6EBA7F;--rose: #E05C5C;--sky: #5B9BD5;--gradient-cta: linear-gradient(135deg, #E8960C 0%, #D05A2A 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-float: 0 2px 8px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04);--shadow-lift: 0 8px 24px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);--shadow-modal: 0 24px 64px rgba(0,0,0,.7);--glow-amber: 0 0 24px rgba(232,150,12,.25), 0 0 64px rgba(232,150,12,.08);--glow-terra: 0 0 20px rgba(208,90,42,.2);--radius-card: 16px;--radius-btn: 10px;--radius-chip: 6px;--radius-input: 12px;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-w: 248px}.light{--bg-void: #EDE8DE;--bg-base: #F5F0E8;--bg-surface: #FFFFFF;--bg-elevated: #EDE8DE;--bg-overlay: #E0DACF;--bg-input: #F0EBE2;--border-dim: #D8D0C0;--border-lit: #C0B8A8;--ink-primary: #1A1510;--ink-secondary: #7A7060;--ink-tertiary: #9E9488;--amber: #C07A08;--amber-glow: rgba(192, 122, 8, .15);--amber-bright: #D08A10;--amber-dim: rgba(192, 122, 8, .08);--terra: #B04820;--terra-dim: rgba(176, 72, 32, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-float: 0 2px 8px rgba(0,0,0,.08);--shadow-lift: 0 8px 24px rgba(0,0,0,.1);--shadow-modal: 0 24px 64px rgba(0,0,0,.15);--glow-amber: 0 0 24px rgba(192,122,8,.15), 0 0 64px rgba(192,122,8,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{background:var(--bg-base);color:var(--ink-primary);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.03;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-repeat:repeat;background-size:256px 256px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent}::placeholder{color:var(--ink-tertiary)}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-bright)}.font-display{font-family:"Instrument Serif",Georgia,serif}.font-body{font-family:Cabinet Grotesk,sans-serif}.font-mono{font-family:Commit Mono,JetBrains Mono,monospace}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.flex-wrap{flex-wrap:wrap}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.text-left{text-align:left}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shrink-0{flex-shrink:0}.hidden{display:none}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.ml-auto{margin-left:auto}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.05)}66%{transform:translate(-2%,3%) scale(.97)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4%,2%) scale(1.08)}}.bg-orb-a{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,150,12,.07) 0%,transparent 70%);top:-200px;right:-100px;animation:drift-a 20s ease-in-out infinite;pointer-events:none;z-index:0}.bg-orb-b{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(208,90,42,.05) 0%,transparent 70%);bottom:-150px;left:-100px;animation:drift-b 25s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes staggerItem{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.anim-orbs{animation:fadeSlideUp .4s var(--ease) forwards;animation-delay:0ms}.anim-sidebar{animation:slideFromLeft .4s var(--spring) forwards;animation-delay:80ms;opacity:0}.anim-header{animation:fadeSlideUp .4s var(--spring) forwards;animation-delay:.16s;opacity:0}.anim-input{animation:fadeSlideUp .4s var(--spring) forwards;animation-delay:.24s;opacity:0}.anim-modes{animation:fadeSlideUp .4s var(--spring) forwards;animation-delay:.32s;opacity:0}.anim-actions{animation:fadeSlideUp .4s var(--spring) forwards;animation-delay:.4s;opacity:0}.animate-in{animation:fadeSlideUp var(--dur-slow) var(--ease) forwards}@keyframes btnInhale{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(.96)}}@keyframes progressGrow{0%{width:0%}to{width:100%}}.progress-line{position:absolute;top:0;left:0;height:2px;background:var(--amber);border-radius:1px;animation:progressGrow 3s ease-in-out infinite}@keyframes statusFade{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes outputReveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.anim-output-reveal{animation:outputReveal .4s var(--spring) forwards}@keyframes wordIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%{border-color:var(--amber);box-shadow:var(--glow-amber)}to{border-color:var(--border-dim);box-shadow:none}}@keyframes tagSlideIn{0%{opacity:0;transform:translate(8px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 #6eba7f66}50%{opacity:.8;box-shadow:0 0 0 6px #6eba7f00}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes tilt3d{0%{transform:perspective(400px) rotateX(0)}40%{transform:perspective(400px) rotateX(8deg)}to{transform:perspective(400px) rotateX(0)}}.mode-card.tilt{animation:tilt3d .3s var(--spring)}.ink-ripple{position:absolute;width:0;height:0;border-radius:50%;background:var(--amber-glow);pointer-events:none;animation:inkDrop .4s var(--ease) forwards}@keyframes inkDrop{0%{width:0;height:0;opacity:1}to{width:120px;height:120px;opacity:0;margin-top:-60px;margin-left:-60px}}@keyframes flipDown{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes amberPulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.page-enter{animation:fadeSlideUp var(--dur-slow) var(--ease) forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){:root{--sidebar-w: 56px}}@media(max-width:768px){:root{--sidebar-w: 0px}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.mode-selector-wrap .mode-selector{display:grid;grid-template-columns:repeat(7,1fr);overflow-x:visible}.mode-fade-mask{display:none!important}}