:root,[data-theme=char]{--bg:#0A0A0B;--bg2:#101012;--panel:#151517;--panel2:#101012;--line:rgba(255,255,255,.08);--ink:#F2EFE9;--dim:#A39E93;--faint:#5E5A53;--gold:#E0A94F;--gold2:#F5D9A8;--brass:#B08D57;--ember:#FF5C1E;--fire:linear-gradient(100deg,#F5D9A8 0%,#E0A94F 45%,#FF5C1E 100%);--fire-ink:#1a0e02;--ok:#6FCF97;--warn:#FF8A5C;--glow:224,169,79;--glow-a:.07;--noise-op:.05;--shadow:0 30px 80px rgba(0,0,0,.55)}[data-theme=cream]{--bg:#F1EBDF;--bg2:#EAE1D0;--panel:#FAF5EA;--panel2:#F0E8D8;--line:rgba(46,34,16,.12);--ink:#231B10;--dim:#6E6452;--faint:#A0937F;--gold:#A6772A;--gold2:#8A6120;--brass:#8F6B32;--ember:#CE4712;--fire:linear-gradient(100deg,#C98F35 0%,#A6772A 45%,#CE4712 100%);--fire-ink:#FFF8EC;--ok:#2E7D4F;--warn:#B84010;--glow:166,119,42;--glow-a:.09;--noise-op:.07;--shadow:0 26px 60px rgba(70,50,20,.16)}[data-theme=clay]{--bg:#F1DCCB;--bg2:#EAD1BC;--panel:#F9EADB;--panel2:#EFDCC8;--line:rgba(84,38,14,.14);--ink:#2A160C;--dim:#7A573F;--faint:#A98B72;--gold:#B4552D;--gold2:#8F3F1D;--brass:#A05B33;--ember:#C24E1A;--fire:linear-gradient(100deg,#D98E5F 0%,#B4552D 50%,#C24E1A 100%);--fire-ink:#FFF3E8;--ok:#2E7D4F;--warn:#B84010;--glow:180,85,45;--glow-a:.09;--noise-op:.07;--shadow:0 26px 60px rgba(84,38,14,.16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Assistant,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden;transition:background .5s,color .5s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:998;opacity:var(--noise-op);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--gold);color:var(--bg)}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:Heebo,sans-serif;font-weight:800;letter-spacing:-.015em}button{font-family:Assistant,sans-serif;cursor:pointer;color:inherit}input,textarea,select{font-family:Assistant,sans-serif}.mono{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.32em;color:var(--faint);text-transform:uppercase}.mono.gold{color:var(--gold)}.btn{border:none;border-radius:12px;padding:14px 26px;font-size:16px;font-weight:700;transition:box-shadow .25s,border-color .25s,color .25s;position:relative;will-change:transform}.btn:disabled{opacity:.55;cursor:wait}.btn-fire{background:var(--fire);color:var(--fire-ink);box-shadow:0 6px 24px rgba(var(--glow),.3)}.btn-fire:hover{box-shadow:0 10px 34px rgba(var(--glow),.45)}.btn-ghost{background:transparent;color:var(--dim);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink);border-color:var(--brass)}.btn-ghost.recording{border-color:var(--warn);color:var(--warn);animation:emberPulse 1.2s infinite}.zur-mark{font-family:JetBrains Mono,monospace;font-weight:600;font-size:15px;letter-spacing:.18em;color:var(--ink);white-space:nowrap;direction:ltr}.zur-mark i{font-style:normal;color:var(--ember);text-shadow:0 0 8px rgba(var(--glow),.9);animation:emberPulse 2.2s ease-in-out infinite}@keyframes emberPulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.center-shell{min-height:100dvh;display:grid;place-items:center;padding:26px;position:relative}.spark-cursor{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(var(--glow),var(--glow-a)),transparent 65%);transform:translate(-50%,-50%);transition:opacity .4s}@media (pointer:coarse){.spark-cursor{display:none}}.intro-shell{background:#0a0a0b;color:#f2efe9}.intro-stage{text-align:center;position:relative;z-index:2}.strike-logo{width:min(430px,80vw);margin:0 auto;display:block}.strike-logo .ltr{opacity:0;transform:translateY(20px);animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards}.strike-logo .l1{animation-delay:.2s}.strike-logo .l2{animation-delay:.38s}.strike-logo .l3{animation-delay:.56s}.strike-logo .sparkle{opacity:0;transform-origin:50px 71px;animation:sparkIn .9s .95s cubic-bezier(.2,.8,.2,1) forwards}@keyframes sparkIn{0%{opacity:0;transform:scale(.2) rotate(-40deg)}55%{opacity:1;transform:scale(1.6) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.intro-tag{font-family:JetBrains Mono,monospace;font-size:clamp(12px,2.6vw,15px);letter-spacing:.42em;margin-top:30px;direction:ltr}.intro-tag b{font-weight:500;opacity:0;animation:ignite .5s forwards}@keyframes ignite{0%{opacity:0;color:#5e5a53}to{opacity:1;color:#f5d9a8;text-shadow:0 0 18px rgba(224,169,79,.5)}}.intro-sub{margin-top:34px;color:#5e5a53;font-size:14px;opacity:0;animation:riseIn .8s 2.6s forwards}.ember-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gate-card{width:100%;max-width:530px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:44px 36px;text-align:center;position:relative;overflow:hidden;z-index:2;box-shadow:var(--shadow);transition:background .5s;animation:riseIn .5s cubic-bezier(.2,.8,.2,1)}.gate-card:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--fire);opacity:.85}.gate-card h1{font-size:clamp(25px,6vw,32px);margin:18px 0 12px}.gate-card .lead{color:var(--dim);font-size:16.5px;max-width:410px;margin:0 auto}.gate-card .sig{margin-top:22px;color:var(--faint);font-size:14.5px}.gate-card .sig b{color:var(--gold);font-weight:700}.gate-actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.tut-icon{width:76px;height:76px;margin:0 auto 6px;border-radius:20px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center}.tut-icon svg{width:36px;height:36px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tut-dots{display:flex;gap:8px;justify-content:center;margin-top:26px}.tut-dots i{width:22px;height:4px;border-radius:99px;background:var(--line);transition:all .3s}.tut-dots i.on{background:var(--fire);width:34px}.tut-skip{background:none;border:none;color:var(--faint);font-size:13.5px;margin-top:18px}.tut-skip:hover{color:var(--dim)}.theme-grid{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}.theme-card{width:136px;border:1.5px solid var(--line);border-radius:16px;padding:12px 12px 14px;background:var(--panel2);color:var(--ink);cursor:pointer;transition:border-color .25s,box-shadow .25s,color .5s,background .5s;text-align:center}.theme-card:hover{border-color:var(--brass)}.theme-card.sel{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--glow),.18)}.theme-card .sw{height:64px;border-radius:10px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.15)}.theme-card .sw:after{content:"";position:absolute;bottom:9px;inset-inline:10px;height:3px;border-radius:99px}.theme-card[data-pick=char] .sw{background:#0a0a0b}.theme-card[data-pick=char] .sw:after{background:linear-gradient(100deg,#f5d9a8,#e0a94f,#ff5c1e)}.theme-card[data-pick=cream] .sw{background:#f1ebdf}.theme-card[data-pick=cream] .sw:after{background:linear-gradient(100deg,#c98f35,#a6772a,#ce4712)}.theme-card[data-pick=clay] .sw{background:#f1dccb}.theme-card[data-pick=clay] .sw:after{background:linear-gradient(100deg,#d98e5f,#b4552d,#c24e1a)}.theme-card .nm{font-weight:700;font-size:14.5px;margin-top:9px}.theme-card .ds{font-size:11.5px;color:var(--dim)}.theme-note{color:var(--faint);font-size:13px;margin-top:16px}.login-input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:14px 16px;font-size:16px;text-align:center;direction:ltr;margin-top:8px}.login-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--glow),.15)}.otp-mail{color:var(--gold);font-weight:600;direction:ltr;display:inline-block}.otp-boxes{display:flex;gap:9px;justify-content:center;margin:26px 0 6px;direction:ltr}.otp-boxes input{width:48px;height:58px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:24px;text-align:center;transition:border-color .2s,box-shadow .2s}.otp-boxes input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--glow),.15)}.otp-note{color:var(--faint);font-size:13.5px;margin-top:14px}.login-msg{margin-top:14px;font-size:14.5px;color:var(--gold)}.login-msg.err{color:var(--warn)}.link-btn{background:none;border:none;color:var(--faint);font-size:13.5px;text-decoration:underline}.link-btn:hover{color:var(--dim)}.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px 90px;flex:1}.topbar{display:flex;align-items:center;gap:14px;padding:22px 0 0;flex-wrap:wrap}.topbar .sep{width:1px;height:22px;background:var(--line)}.topbar .proj{font-family:Heebo,sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px}.topbar .proj:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(var(--glow),.9)}.theme-dots{margin-inline-start:auto;display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:6px 11px}.theme-dots span{font-size:10px;font-family:JetBrains Mono,monospace;letter-spacing:.15em;color:var(--faint);margin-inline-end:2px}.tdot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line);cursor:pointer;transition:transform .2s,border-color .2s;padding:0}.tdot:hover{transform:scale(1.15)}.tdot.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(var(--glow),.25)}.tdot.t-char{background:#0a0a0b}.tdot.t-cream{background:#f1ebdf}.tdot.t-clay{background:#e8b893}.topbar .out{background:none;border:none;color:var(--faint);font-size:13px}.topbar .out:hover{color:var(--dim)}.topbar .back{color:var(--dim);text-decoration:none;font-size:22px;line-height:1}.hero{position:relative;padding:38px 0 8px}.hero-inner{position:relative;z-index:1}.hero .greet{font-size:clamp(27px,6vw,36px);line-height:1.25}.hero .greet em{font-style:normal;background:var(--fire);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{color:var(--dim);margin-top:6px;font-size:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 24px;margin-top:20px;position:relative;overflow:hidden;transition:background .5s,border-color .3s}.panel.accent-top:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--fire);opacity:.7}.sec-head{display:flex;flex-direction:column;gap:3px;margin-bottom:18px}.sec-head .he{font-size:20px;font-family:Heebo,sans-serif;font-weight:800;width:fit-content;background:linear-gradient(100deg,var(--ink) 0 60%,var(--gold) 75%,var(--ink) 90%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.6s ease .3s}.reveal.in .sec-head .he{background-position:0 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1)}.reveal.in{opacity:1;transform:none}.fuse-wrap{margin-top:22px;position:relative;padding:10px 6px 0}.fuse{position:relative;height:3px;background:var(--line);border-radius:99px}.fuse .burn{position:absolute;top:0;bottom:0;inset-inline-start:0;width:0;background:var(--fire);border-radius:99px;box-shadow:0 0 12px rgba(var(--glow),.5);transition:width 1.6s cubic-bezier(.6,0,.2,1)}.fuse .tip{position:absolute;top:50%;inset-inline-start:0;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle,var(--gold2) 0%,var(--ember) 55%,transparent 75%);transform:translate(50%,-50%);filter:blur(.3px);box-shadow:0 0 18px rgba(var(--glow),.95);transition:inset-inline-start 1.6s cubic-bezier(.6,0,.2,1);animation:emberPulse 1.6s ease-in-out infinite}.fuse-nodes{display:flex;justify-content:space-between;margin-top:14px}.fnode{flex:1;text-align:center}.fnode:first-child{text-align:start}.fnode:last-child{text-align:end}.fnode .nm{font-size:12px;color:var(--faint);display:block;margin-top:4px}.fnode .ic{width:10px;height:10px;border-radius:50%;background:var(--panel2);border:1.5px solid var(--faint);display:inline-block}.fnode.done .ic{background:var(--gold);border-color:var(--gold)}.fnode.done .nm{color:var(--dim)}.fnode.active .ic{background:var(--ember);border-color:var(--ember);box-shadow:0 0 12px rgba(var(--glow),.9)}.fnode.active .nm{color:var(--gold);font-weight:700}.phase-big{font-size:clamp(24px,5vw,30px);margin-top:4px}.now-line{margin-top:22px;padding:16px 18px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;border-inline-start:3px solid var(--ember)}.now-line .lbl{display:flex;align-items:center;gap:8px}.now-line .dot{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px rgba(var(--glow),.9);animation:emberPulse 1.7s infinite}.now-line .tx{font-size:18.5px;font-weight:600}.now-line .wh{font-size:12.5px;color:var(--faint)}.task{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);margin-bottom:10px;transition:border-color .25s}.task:hover{border-color:var(--brass)}.task .ttl{font-weight:700;font-size:16.5px}.task .dsc{color:var(--dim);font-size:14.5px;margin-top:3px;white-space:pre-wrap}.task .due{display:inline-flex;gap:6px;margin-top:9px;font-size:12.5px;color:var(--gold);background:rgba(var(--glow),.1);border:1px solid rgba(var(--glow),.25);padding:3px 11px;border-radius:99px}.btn-done{flex:none;border:1px solid var(--gold);background:none;color:var(--gold);border-radius:11px;padding:10px 16px;font-size:14px;font-weight:700;transition:background .25s,color .25s,border-color .25s;will-change:transform}.btn-done:hover{background:var(--fire);border-color:transparent;color:var(--fire-ink)}.btn-done:disabled{opacity:.5;cursor:wait}.body{flex:1;min-width:0}.empty-state{text-align:center;color:var(--dim);padding:18px 10px;font-size:16px}.empty-state .big{font-size:26px;display:block;margin-bottom:6px}.dropzone{border:1.5px dashed rgba(var(--glow),.45);border-radius:16px;padding:30px 18px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,rgba(var(--glow),.05),transparent 60%);transition:border-color .25s}.dropzone.drag,.dropzone:hover{border-color:var(--gold)}.dropzone p{color:var(--dim);font-size:14.5px;margin-bottom:16px}.up-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.note-field{width:100%;margin-top:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:12px 15px;font-size:15px;resize:none}.note-field:focus{outline:none;border-color:var(--gold)}.progress-bar{height:5px;background:var(--panel2);border-radius:99px;margin-top:12px;overflow:hidden}.progress-bar>div{height:100%;background:var(--fire);border-radius:99px;transition:width .3s}.upload-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);margin-top:8px;font-size:14px}.upload-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:end}.upload-item .clickable{cursor:pointer}.upload-item .clickable:hover{color:var(--gold)}.chip{font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.06em;padding:3px 10px;border-radius:99px;flex:none;color:var(--gold);background:rgba(var(--glow),.1);border:1px solid rgba(var(--glow),.3)}.chip.ok{color:var(--ok);background:transparent;border-color:currentColor}.chip.failed{color:var(--warn);background:transparent;border-color:currentColor}.tl{position:relative;padding-inline-start:26px}.tl:before{content:"";position:absolute;inset-inline-start:8px;top:6px;bottom:6px;width:1.5px;background:linear-gradient(to bottom,var(--gold),transparent)}.tl-item{position:relative;padding:9px 0}.tl-item:before{content:"";position:absolute;inset-inline-start:-24px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--panel);border:2px solid var(--brass)}.tl-item.hot:before{background:var(--ember);border-color:var(--ember);box-shadow:0 0 10px rgba(var(--glow),.8)}.tl-item .tx{font-size:15px}.tl-item .wh{font-size:12.5px;color:var(--faint)}.next-panel{border-inline-start:3px solid var(--gold)}.next-panel .nm{font-size:19px;font-weight:700}.next-panel .ds{color:var(--dim);font-size:15px;margin-top:4px}.zfoot{text-align:center;padding:34px 0 30px}.zfoot .tag{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.4em;color:var(--faint)}.zfoot .tag b{color:var(--gold);font-weight:500}.stat-row{display:flex;gap:12px;margin-top:16px}.stat{flex:1;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.stat .v{font-family:Poppins,monospace;font-size:26px;font-weight:600;color:var(--gold)}.stat .k{font-size:12px;color:var(--faint)}.quick-form{display:flex;gap:8px;margin-top:6px}.quick-form input,.quick-form textarea{flex:1;background:var(--panel2);border:1px solid var(--line);border-radius:11px;color:var(--ink);padding:12px 15px;font-size:15px;resize:none}.quick-form input:focus,.quick-form textarea:focus{outline:none;border-color:var(--gold)}.form-grid{display:grid;gap:8px;margin-top:10px}.form-row{display:flex;gap:8px;flex-wrap:wrap}.form-row>*{flex:1;min-width:130px}.form-grid input,.form-grid textarea,.form-grid select{background:var(--panel2);border:1px solid var(--line);border-radius:11px;color:var(--ink);padding:11px 14px;font-size:15px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:none;border-color:var(--gold)}.phase-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:8px}.phase-row .nm{flex:1;font-weight:600}.phase-row .st{font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.1em;color:var(--faint)}.phase-row .st.active{color:var(--ember)}.phase-row .st.done{color:var(--ok)}.mini-btn{border:1px solid var(--line);background:none;color:var(--dim);border-radius:9px;padding:7px 13px;font-size:13px;transition:all .2s}.mini-btn:hover{border-color:var(--gold);color:var(--gold)}.client-card{display:block;text-decoration:none;color:inherit;cursor:pointer}.client-card:hover{border-color:var(--brass)}.client-card .row{display:flex;align-items:center;gap:14px}.client-card .meta{color:var(--dim);font-size:14px;margin-top:4px}.client-logo{width:46px;height:46px;border-radius:13px;background:var(--fire);color:var(--fire-ink);display:grid;place-items:center;font-family:Heebo,sans-serif;font-weight:800;font-size:18px;flex:none;overflow:hidden}.client-logo img{width:100%;height:100%;object-fit:cover}.toast{position:fixed;bottom:22px;inset-inline:0;margin:0 auto;width:fit-content;max-width:90vw;background:var(--panel);border:1px solid var(--gold);color:var(--ink);border-radius:12px;padding:12px 20px;font-size:15px;box-shadow:var(--shadow);z-index:50;animation:riseIn .3s ease}@media (max-width:520px){.otp-boxes input{width:40px;height:52px;font-size:20px}.fnode .nm{font-size:10.5px}.theme-dots span{display:none}.stat-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.strike-logo .ltr,.strike-logo .sparkle,.intro-tag b,.intro-sub{opacity:1;transform:none}}