.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{background:var(--gradient-cta);color:#0b0906;border-radius:var(--radius-btn);cursor:pointer;transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Cabinet Grotesk,sans-serif;font-size:14px;font-weight:700;display:inline-flex;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;box-shadow:none;transform:none}.btn-primary:after{content:"";pointer-events:none;background:#ffffff26;width:40%;height:200%;transition:left .4s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-primary:hover:after{left:120%}.btn-ghost{color:var(--ink-secondary);border-radius:var(--radius-btn);cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-family:Cabinet Grotesk,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-elevated);color:var(--ink-primary);border-color:var(--border-dim)}.btn-ghost:active{transform:scale(.97)}.segmented-control{background:var(--bg-elevated);border-radius:var(--radius-btn);gap:2px;padding:3px;display:flex;position:relative}.segmented-control button{color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-base) var(--ease);white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 12px;font-family:Cabinet Grotesk,sans-serif;font-size:12px;font-weight:500;position:relative}.segmented-control button:hover{color:var(--ink-primary)}.segmented-control button.active{color:#0b0906}.segmented-pill{background:var(--amber);height:calc(100% - 6px);transition:transform var(--dur-base) var(--ease), width var(--dur-base) var(--ease);z-index:0;border-radius:7px;position:absolute;top:3px}.mode-selector{scrollbar-width:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.mode-selector::-webkit-scrollbar{display:none}.mode-card{background:var(--bg-elevated);border:1px solid var(--border-dim);cursor:pointer;width:96px;min-width:96px;height:80px;transition:all var(--dur-fast) var(--ease);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;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:"";background:var(--amber);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-1px}.mode-icon{color:var(--ink-tertiary);transition:all var(--dur-fast) var(--ease);font-size:22px;line-height:1}.mode-card.active .mode-icon{color:var(--amber)}.mode-label{color:var(--ink-tertiary);transition:color var(--dur-fast) var(--ease);font-family:Cabinet Grotesk,sans-serif;font-size:11px;font-weight:500}.mode-card.active .mode-label{color:var(--amber)}.chip{background:var(--bg-elevated);border-radius:var(--radius-chip);color:var(--ink-secondary);align-items:center;gap:4px;padding:4px 10px;font-family:Commit Mono,monospace;font-size:11px;display:inline-flex}.chip-amber{background:var(--amber-dim);color:var(--amber)}.chip-sage{color:var(--sage);background:#6eba7f1f}.chip-terra{background:var(--terra-dim);color:var(--terra)}.chip-sky{color:var(--sky);background:#5b9bd51f}.keyword-chip{border:1px solid var(--amber);border-radius:var(--radius-chip);color:var(--amber);animation:tagSlideIn .15s var(--spring) forwards;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-family:Commit Mono,monospace;font-size:11px;display:inline-flex}.section-header{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-tertiary);padding:0 0 8px;font-family:Commit Mono,monospace;font-size:10px;font-weight:500}.tooltip{background:var(--bg-overlay);color:var(--ink-primary);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);padding:6px 10px;font-family:Commit Mono,monospace;font-size:12px;position:absolute}.tooltip.visible{opacity:1}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-overlay) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-chip);background-size:200%;animation:1.5s linear infinite shimmer}.toast{background:var(--bg-overlay);border:1px solid var(--amber);border-radius:var(--radius-btn);color:var(--amber);box-shadow:var(--glow-amber);z-index:100;animation:toastSlideIn .2s var(--spring) forwards;padding:12px 20px;font-family:Cabinet Grotesk,sans-serif;font-size:13px;font-weight:500;position:fixed;bottom:24px;right:24px}.toast.exiting{animation:toastSlideOut .2s var(--ease) forwards}.pulse-dot{background:var(--sage);border-radius:50%;width:6px;height:6px}.pulse-dot.live{animation:2s infinite pulseDot}.loading-dot{background:var(--amber);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite amberPulseDot;display:inline-block}.stat-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-card);transition:border-color var(--dur-base) var(--ease);padding:24px}.stat-card:hover{border-color:var(--border-lit)}.stat-card .stat-value{color:var(--amber);font-family:Instrument Serif,Georgia,serif;font-size:42px;font-weight:400;line-height:1}.stat-card .stat-label{color:var(--ink-secondary);margin-top:8px;font-family:Cabinet Grotesk,sans-serif;font-size:13px}.compression-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.compression-bar .fill{height:100%;transition:width .6s var(--ease);border-radius:3px}.word-stream-word{animation:wordIn .2s var(--ease) forwards;opacity:0;display:inline}.word-count-flip{animation:flipDown .2s var(--ease);display:inline-block}.markdown-body p{margin:0 0 8px}.markdown-body ul,.markdown-body ol{margin:0 0 8px;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.advanced-toggle{cursor:pointer;width:100%;color:var(--ink-tertiary);background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;font-family:Commit Mono,monospace;font-size:12px;display:flex}.advanced-toggle:before,.advanced-toggle:after{content:"";background:var(--border-dim);flex:1;height:1px}.advanced-content{max-height:0;transition:max-height .3s var(--ease), opacity .3s var(--ease);opacity:0;overflow:hidden}.advanced-content.open{opacity:1;max-height:800px}.intelligence-meter{align-items:center;gap:12px;padding:12px 0;display:flex}.intelligence-meter .track{background:var(--bg-elevated);border-radius:2px;flex:1;height:3px;position:relative}.intelligence-meter .indicator{width:8px;height:8px;transition:left .3s var(--ease), background .3s var(--ease);border-radius:50%;position:absolute;top:-2.5px}.intelligence-meter .label{min-width:70px;font-family:Commit Mono,monospace;font-size:11px}.shortcuts-overlay{z-index:200;animation:fadeSlideUp .2s var(--ease) forwards;background:#0b0906b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-modal{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-card);width:420px;max-width:90vw;box-shadow:var(--shadow-modal);padding:32px}.shortcut-row{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{gap:4px;display:flex}.shortcut-key{background:var(--bg-elevated);border:1px solid var(--border-dim);color:var(--ink-secondary);border-radius:4px;padding:3px 8px;font-family:Commit Mono,monospace;font-size:11px}.custom-cursor{background:var(--amber);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:10px;height:10px;transition:transform .15s,opacity .15s,background .15s,width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovering{border:1.5px solid var(--amber);background:0 0;width:32px;height:32px}.custom-cursor.hidden{opacity:0}.focus-mode-active .focus-fade{pointer-events:none;transition:opacity .3s var(--ease);opacity:.05!important}.focus-mode-active .focus-target{z-index:100;background:var(--bg-surface);border-radius:var(--radius-card);border:1px solid var(--border-dim);width:640px;max-width:90vw;box-shadow:var(--shadow-modal);padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-node{cursor:pointer;transition:all var(--dur-fast) var(--ease)}.theme-node:hover{filter:brightness(1.3)}.theme-node-label{fill:var(--ink-secondary);text-anchor:middle;pointer-events:none;font-family:Cabinet Grotesk,sans-serif;font-size:11px}.theme-edge{stroke:var(--border-lit);stroke-width:1px;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:#e8960c33;--amber-bright:#f5aa1e;--amber-dim:#e8960c1a;--terra:#d05a2a;--terra-dim:#d05a2a26;--sage:#6eba7f;--rose:#e05c5c;--sky:#5b9bd5;--gradient-cta:linear-gradient(135deg, #e8960c 0%, #d05a2a 100%);--shadow-sm:0 1px 3px #0000004d;--shadow-float:0 2px 8px #00000059, 0 0 0 1px #ffffff0a;--shadow-lift:0 8px 24px #00000080, 0 0 0 1px #ffffff0d;--shadow-modal:0 24px 64px #000000b3;--glow-amber:0 0 24px #e8960c40, 0 0 64px #e8960c14;--glow-terra:0 0 20px #d05a2a33;--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:#fff;--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:#c07a0826;--amber-bright:#d08a10;--amber-dim:#c07a0814;--terra:#b04820;--terra-dim:#b048201a;--shadow-sm:0 1px 3px #0000000f;--shadow-float:0 2px 8px #00000014;--shadow-lift:0 8px 24px #0000001a;--shadow-modal:0 24px 64px #00000026;--glow-amber:0 0 24px #c07a0826, 0 0 64px #c07a080d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}body{background:var(--bg-base);color:var(--ink-primary);overflow-x:hidden}body:before{content:"";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;position:fixed;inset:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{pointer-events:none;z-index:0;background:radial-gradient(circle,#e8960c12 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite drift-a;position:fixed;top:-200px;right:-100px}.bg-orb-b{pointer-events:none;z-index:0;background:radial-gradient(circle,#d05a2a0d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite drift-b;position:fixed;bottom:-150px;left:-100px}@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:0s}.anim-sidebar{animation:slideFromLeft .4s var(--spring) forwards;opacity:0;animation-delay:80ms}.anim-header{animation:fadeSlideUp .4s var(--spring) forwards;opacity:0;animation-delay:.16s}.anim-input{animation:fadeSlideUp .4s var(--spring) forwards;opacity:0;animation-delay:.24s}.anim-modes{animation:fadeSlideUp .4s var(--spring) forwards;opacity:0;animation-delay:.32s}.anim-actions{animation:fadeSlideUp .4s var(--spring) forwards;opacity:0;animation-delay:.4s}.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{background:var(--amber);border-radius:1px;height:2px;animation:3s ease-in-out infinite progressGrow;position:absolute;top:0;left:0}@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%}to{background-position:200%}}@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{background:var(--amber-glow);pointer-events:none;width:0;height:0;animation:inkDrop .4s var(--ease) forwards;border-radius:50%;position:absolute}@keyframes inkDrop{0%{opacity:1;width:0;height:0}to{opacity:0;width:120px;height:120px;margin-top:-60px;margin-left:-60px}}@keyframes flipDown{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes amberPulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@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)}}@keyframes cookieBannerIn{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=1280px){:root{--sidebar-w:56px}}@media (width<=768px){:root{--sidebar-w:0px}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.mode-selector-wrap .mode-selector{grid-template-columns:repeat(7,1fr);display:grid;overflow-x:visible}.mode-fade-mask{display:none!important}}