:root{
    --bg:#040C08;
    --panel:#06150E;
    --grn:#00E89A;
    --grn-bright:#00FF9C;
    --grn-soft:#A9F7D4;
    --txt:#CDEFE2;
    --dim:rgba(190,245,225,.62);
    --dim2:rgba(190,245,225,.38);
    --red:#FF4E68;
    --amber:#F5C168;
    --line:rgba(0,232,154,.16);
    --line2:rgba(0,232,154,.28);
    --mono:var(--font-mono),"JetBrains Mono",ui-monospace,Consolas,monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg); color:var(--txt); font-family:var(--mono);
    font-size:14px; line-height:1.62; -webkit-font-smoothing:antialiased;
    min-height:100vh; overflow-x:hidden;
  }
  body::before{
    content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
    background:
      radial-gradient(60% 40% at 18% -8%, rgba(0,232,154,.075), transparent 70%),
      radial-gradient(46% 34% at 88% 4%, rgba(0,232,154,.035), transparent 72%),
      radial-gradient(70% 44% at 50% 108%, rgba(0,232,154,.05), transparent 72%);
  }

  /* ---------- CRT overlay ---------- */
  .crt{position:fixed; inset:0; z-index:80; pointer-events:none}
  .crt::before{
    content:""; position:absolute; inset:0; opacity:.12;
    background:repeating-linear-gradient(to bottom,
      rgba(0,0,0,0) 0 3px, rgba(0,0,0,.5) 3px 4px);
  }
  .crt::after{
    content:""; position:absolute; inset:0;
    background:radial-gradient(120% 100% at 50% 50%, transparent 62%, rgba(0,0,0,.38) 100%);
  }

  .wrap{position:relative; z-index:2; max-width:1120px; margin:0 auto; padding:26px 26px 60px}

  /* ---------- boot ---------- */
  .boot{
    position:fixed; inset:0; z-index:120; background:#020604;
    display:grid; place-items:center; padding:24px;
    transition:opacity .45s ease, visibility .45s ease;
  }
  .boot.is-out{opacity:0; visibility:hidden; pointer-events:none}
  .boot::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:.12;
    background:repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 3px, rgba(0,0,0,.55) 3px 4px);
  }
  .boot::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(120% 100% at 50% 50%, transparent 60%, rgba(0,0,0,.5) 100%);
  }
  .boot-frame{
    position:relative; z-index:1; display:flex; flex-direction:column;
    width:min(900px,100%); max-height:100%;
    border:1px solid rgba(0,232,154,.4); border-radius:10px;
    background:linear-gradient(180deg, rgba(7,22,15,.92), rgba(2,7,4,.96));
    box-shadow:0 0 0 1px rgba(0,232,154,.06), 0 0 30px rgba(0,232,154,.12),
      0 24px 70px rgba(0,0,0,.6), inset 0 0 80px rgba(0,232,154,.035);
    opacity:0; transform:translateY(6px);
    animation:bootFrameIn .4s ease .05s forwards;
  }
  @keyframes bootFrameIn{to{opacity:1; transform:none}}
  .boot-bar{
    display:flex; align-items:center; gap:8px; padding:11px 14px;
    border-bottom:1px solid rgba(0,232,154,.16); background:rgba(0,232,154,.03);
  }
  .boot-dot{
    width:8px; height:8px; border-radius:50%;
    background:rgba(0,232,154,.55); box-shadow:0 0 6px rgba(0,232,154,.35);
  }
  .boot-dot:nth-child(2){background:rgba(0,232,154,.32); box-shadow:none}
  .boot-dot:nth-child(3){background:rgba(0,232,154,.18); box-shadow:none}
  .boot-bar-title{
    margin-left:6px; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim);
  }
  .boot-bar-title b{color:var(--grn); font-weight:500}
  .boot-bar-meta{
    margin-left:auto; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim2);
  }
  .boot-body{position:relative; flex:1 1 auto; padding:30px 30px 34px}
  .boot-stage1{transition:opacity .34s ease, transform .34s ease}
  .boot-stage1.is-off{opacity:0; transform:translateY(-10px)}
  .boot-stage2{
    position:absolute; inset:0; display:grid; place-items:center; padding:24px;
    text-align:center; opacity:0; transition:opacity .3s ease; pointer-events:none;
  }
  .boot-stage2.on{opacity:1}
  .boot-title{
    font-weight:700; font-size:clamp(26px,3.8vw,46px); line-height:1.14;
    letter-spacing:-.015em; min-height:2.28em;
  }
  .bt-row{display:block; white-space:nowrap; min-height:1.14em}
  .bt-row.one{color:#f2fff9}
  .bt-row.two{
    color:var(--grn);
    text-shadow:0 0 18px rgba(0,232,154,.35), 0 0 46px rgba(0,232,154,.14);
  }
  .bt-cursor{
    display:inline-block; width:.52em; height:.94em; margin-left:.08em;
    vertical-align:-.06em; background:var(--grn);
    box-shadow:0 0 12px rgba(0,232,154,.65); animation:bootBlink 1s steps(1) infinite;
  }
  .bt-cursor[hidden]{display:none}
  .boot-log{
    margin-top:26px; max-width:100%; min-height:calc(6 * 2.15em);
    font-size:13px; line-height:2.15; color:var(--grn-soft);
  }
  .bl{
    display:flex; align-items:baseline; gap:9px; white-space:nowrap;
    opacity:0; transform:translateY(5px);
    transition:opacity .18s ease, transform .18s ease;
  }
  .bl.on{opacity:1; transform:none}
  .bl-mark{flex:0 0 auto; color:var(--grn); letter-spacing:.02em}
  .bl-mark.skip{color:var(--amber)}
  .bl-text{flex:0 0 auto; color:rgba(190,245,225,.78)}
  .bl-dots{
    flex:1 1 auto; min-width:18px; transform:translateY(-.38em);
    border-bottom:1px dotted rgba(0,232,154,.24);
  }
  .bl-res{flex:0 0 auto; color:var(--grn)}
  .bl-res.skip{color:var(--amber)}
  .bl.cmd .bl-text{color:var(--grn-soft)}
  .bl.cmd .bl-text b{color:#f2fff9; font-weight:500}
  .boot-hello{
    min-height:1.14em; font-weight:700; white-space:nowrap;
    font-size:clamp(30px,4.8vw,62px); line-height:1.14; letter-spacing:-.015em;
    color:var(--grn-bright);
    text-shadow:0 0 24px rgba(0,232,154,.4), 0 0 70px rgba(0,232,154,.16);
  }
  .boot-hello .hl{
    display:inline-block; opacity:0; transform:translateY(.32em); filter:blur(7px);
    animation:bootHello .42s cubic-bezier(.2,.8,.25,1) forwards;
  }
  @keyframes bootHello{to{opacity:1; transform:none; filter:blur(0)}}
  .boot-skip{
    position:absolute; right:24px; bottom:22px; z-index:2;
    padding:7px 11px; border:1px solid rgba(0,232,154,.2); border-radius:4px;
    background:transparent; color:var(--dim2); font:inherit;
    font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
    cursor:pointer; transition:.18s;
  }
  .boot-skip:hover{color:var(--grn); border-color:rgba(0,232,154,.5)}
  @keyframes bootBlink{50%{opacity:0}}

  @media (max-width:760px){
    .boot{padding:16px 12px}
    .boot-frame{width:100%}
    .boot-bar{padding:9px 11px; gap:6px}
    .boot-dot{width:6px; height:6px}
    .boot-bar-title{font-size:8.6px; letter-spacing:.12em; margin-left:4px}
    .boot-bar-meta{font-size:8.4px}
    .boot-body{padding:22px 18px 26px}
    .boot-title{font-size:clamp(19px,6.1vw,30px)}
    .boot-hello{font-size:clamp(24px,7.4vw,34px)}
    .boot-log{margin-top:20px; font-size:9.2px; line-height:2; min-height:calc(6 * 2em)}
    .bl{gap:6px}
    .boot-skip{right:16px; bottom:14px}
  }

  @media (prefers-reduced-motion:reduce){
    .bt-cursor{animation:none}
    .boot-hello .hl{animation:none; opacity:1; transform:none; filter:none}
  }

  /* ---------- top ---------- */
  .top{display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:22px; flex-wrap:wrap}
  .top-left{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
  .brand{
    font-size:clamp(20px,3.6vw,40px); font-weight:700; letter-spacing:.14em;
    line-height:1.08; color:#E9FFF4; white-space:nowrap;
    text-shadow:0 0 1px rgba(255,255,255,.4),0 0 12px rgba(0,232,154,.5),0 0 34px rgba(0,232,154,.22);
  }
  .brand i{font-style:normal; color:var(--grn);
    text-shadow:0 0 8px rgba(0,232,154,.65);
    animation:blink 1.2s steps(1) infinite}
  .top .sys{display:flex; align-items:center; gap:12px; flex-wrap:wrap;
    font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim2)}
  .top .sys b{color:var(--grn); font-weight:500}
  .dot{display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--grn);
       box-shadow:0 0 8px rgba(0,232,154,.7); margin-right:7px; vertical-align:1px}

  /* ---------- window ---------- */
  .win{
    position:relative; border:1px solid rgba(0,232,154,.42); border-radius:14px; overflow:hidden;
    background:linear-gradient(180deg,rgba(6,21,14,.94),rgba(4,12,8,.97));
    box-shadow:0 0 0 1px rgba(0,232,154,.06),0 0 18px rgba(0,232,154,.16),0 0 70px rgba(0,232,154,.07);
    animation:frameGlow 12s ease-in-out infinite;
  }
  @keyframes frameGlow{
    0%,100%{border-color:rgba(0,232,154,.40);
      box-shadow:0 0 0 1px rgba(0,232,154,.06),0 0 18px rgba(0,232,154,.16),0 0 70px rgba(0,232,154,.07)}
    50%{border-color:rgba(0,232,154,.56);
      box-shadow:0 0 0 1px rgba(0,232,154,.10),0 0 24px rgba(0,232,154,.24),0 0 90px rgba(0,232,154,.11)}
    88%{border-color:rgba(0,232,154,.30);
      box-shadow:0 0 0 1px rgba(0,232,154,.04),0 0 12px rgba(0,232,154,.12),0 0 48px rgba(0,232,154,.05)}
    89.6%{border-color:rgba(0,232,154,.52)}
  }
  .win::after{
    content:""; position:absolute; inset:6px; border:1px solid rgba(0,232,154,.12);
    border-radius:9px; pointer-events:none;
    animation:innerPulse 5s ease-in-out infinite;
  }
  @keyframes innerPulse{
    0%,100%{opacity:.18; box-shadow:inset 0 0 14px -10px rgba(0,232,154,.5)}
    50%{opacity:.42; box-shadow:inset 0 0 20px -10px rgba(0,232,154,.7)}
  }

  .win-top{
    display:flex; align-items:center; gap:14px; padding:12px 16px;
    border-bottom:1px solid var(--line); background:rgba(0,232,154,.028);
    font-size:10.5px; color:var(--dim2); letter-spacing:.08em;
  }
  .dots{display:flex; gap:6px}
  .dots span{width:8px; height:8px; border-radius:50%; background:rgba(0,232,154,.18)}
  .dots span:first-child{background:rgba(255,78,104,.45); box-shadow:0 0 8px rgba(255,78,104,.35)}
  .win-path{margin-left:4px}
  .win-path b{color:var(--grn-soft); font-weight:500}
  .win-top .right{margin-left:auto; color:var(--grn); text-transform:uppercase; letter-spacing:.12em}
  .rec{display:inline-block; width:7px; height:7px; border-radius:50%; background:rgba(255,78,104,.85);
       box-shadow:0 0 8px rgba(255,78,104,.5); margin-right:6px; vertical-align:1px}

  /* ---------- tabs ---------- */
  .tabs{display:flex; gap:2px; padding:10px 16px 0; border-bottom:1px solid var(--line); overflow-x:auto}
  .tabs button{
    font:inherit; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--dim2); background:transparent; border:0; border-bottom:1px solid transparent;
    padding:9px 14px; cursor:pointer; white-space:nowrap; transition:.18s;
  }
  .tabs button:hover{color:var(--grn-soft)}
  .tabs button.on{
    color:#05160E; background:var(--grn); border-bottom-color:var(--grn);
    box-shadow:0 0 10px rgba(0,232,154,.5),0 0 30px rgba(0,232,154,.16);
    border-radius:4px 4px 0 0;
  }
  .tabs button .n{opacity:.55; margin-right:7px}

  .win-body{padding:26px 24px 30px; min-height:480px}
  .screen{display:none}
  .screen.on{display:block; animation:turnon .45s ease both}
  @keyframes turnon{
    0%{opacity:0; filter:brightness(2.2) blur(2px)}
    40%{opacity:.5}
    55%{opacity:1; filter:none}
  }

  /* ---------- shared ---------- */
  @keyframes blink{0%,49%{opacity:1} 50%,100%{opacity:0}}
  @keyframes pulse{0%,100%{opacity:1} 50%{opacity:.25}}
  .cur{display:inline-block; width:.55em; height:1.05em; background:var(--grn); margin-left:.14em;
       vertical-align:-.12em; box-shadow:0 0 14px var(--grn); animation:blink 1.05s steps(1) infinite}
  .g{color:var(--grn); text-shadow:0 0 8px rgba(0,232,154,.4)}
  .r{color:var(--red); text-shadow:0 0 8px rgba(255,78,104,.4)}
  .a{color:var(--amber); text-shadow:0 0 12px rgba(255,200,87,.55)}

  .btn{
    font:inherit; font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
    padding:13px 22px; border-radius:4px; cursor:pointer; transition:.18s; border:1px solid transparent;
  }
  .btn-run{
    background:rgba(0,232,154,.07); color:#7DFFC9; border-color:rgba(0,232,154,.62);
    text-shadow:0 0 10px rgba(0,232,154,.3);
    box-shadow:0 0 0 1px rgba(0,232,154,.1),0 0 18px -10px rgba(0,232,154,.7),
               inset 0 0 18px -14px rgba(0,232,154,.9);
  }
  .btn-run:hover{transform:translateY(-1px); background:var(--grn); color:#04150D; text-shadow:none;
    box-shadow:0 0 14px rgba(0,232,154,.6),0 0 44px rgba(0,232,154,.24)}
  .btn-ghost{
    background:transparent; color:var(--grn-soft); border-color:rgba(0,232,154,.32);
    box-shadow:inset 0 0 20px -16px rgba(0,232,154,.9);
  }
  .btn-ghost:hover{border-color:var(--grn); color:#EAFFF6; box-shadow:0 0 20px -12px rgba(0,232,154,.8)}
  .btn-danger{
    background:transparent; color:var(--red); border-color:rgba(255,78,104,.42);
    box-shadow:inset 0 0 20px -16px rgba(255,78,104,.9);
  }
  .btn-danger:hover{border-color:var(--red); color:#fff; background:rgba(255,78,104,.14);
    box-shadow:0 0 20px -12px rgba(255,78,104,.8)}

  /* ---------- home ---------- */
  .prompt{font-size:11.5px; color:var(--dim2); letter-spacing:.06em; margin-bottom:26px}
  .prompt b{color:var(--grn); font-weight:500}
  .hero{
    font-size:clamp(28px,4.6vw,50px); line-height:1.12; font-weight:700; letter-spacing:-.03em;
    color:#E4FBF0; text-shadow:0 0 1px rgba(255,255,255,.35),0 0 14px rgba(0,232,154,.3),0 0 44px rgba(0,232,154,.14);
  }
  .hero em{font-style:normal; color:#5DFFC4;
    text-shadow:0 0 1px rgba(255,255,255,.4),0 0 12px rgba(0,232,154,.5),0 0 40px rgba(0,232,154,.24)}
  .sub{margin-top:18px; max-width:62ch; color:var(--dim); font-size:13.5px; line-height:1.7}
  .cta{display:flex; align-items:center; gap:18px; margin-top:30px; flex-wrap:wrap}
  .hint{font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim2)}

  .svc{margin-top:42px; border-top:1px solid var(--line)}
  .srow{
    display:flex; align-items:baseline; gap:14px; width:100%; text-align:left;
    background:transparent; border:0; border-bottom:1px solid rgba(0,232,154,.08);
    padding:15px 10px; cursor:pointer; color:var(--txt); font:inherit;
    transition:.16s; position:relative;
  }
  .srow:hover{background:rgba(0,232,154,.045); box-shadow:inset 3px 0 0 var(--grn)}
  .srow .idx{font-size:11px; color:var(--dim2); width:30px; flex:none}
  .srow .nm{font-size:14px; color:#DDF8EC; min-width:150px; transition:.16s}
  .srow .lead{flex:1; border-bottom:1px dotted rgba(0,232,154,.18); transform:translateY(-4px)}
  .srow .ds{font-size:11.5px; color:var(--dim2)}
  .srow .go{color:transparent; font-size:13px; width:18px; text-align:right; flex:none}
  .srow:hover .nm{color:var(--grn); text-shadow:0 0 10px rgba(0,232,154,.45)}
  .srow:hover .go{color:var(--grn); text-shadow:0 0 8px rgba(0,232,154,.6)}

  .sysline{display:flex; gap:26px; flex-wrap:wrap; margin-top:26px; font-size:10.5px;
           letter-spacing:.08em; text-transform:uppercase; color:var(--dim2)}
  .sysline b{color:var(--grn); font-weight:500}

  /* ---------- wizard ---------- */
  .wiz-top{display:flex; align-items:center; gap:14px; margin-bottom:16px}
  .back{background:none; border:0; color:var(--dim2); font:inherit; font-size:11px; letter-spacing:.1em;
        text-transform:uppercase; cursor:pointer}
  .back:hover{color:var(--grn); text-shadow:0 0 10px rgba(0,232,154,.45)}
  .chip{font-size:10.5px; letter-spacing:.1em; color:var(--grn-soft); border:1px solid rgba(0,232,154,.28);
        border-radius:3px; padding:5px 10px; background:rgba(0,232,154,.05)}

  .prog{display:flex; align-items:center; gap:14px; font-size:11px; letter-spacing:.12em;
        text-transform:uppercase; color:var(--dim2); margin-bottom:20px; flex-wrap:wrap}
  .prog-bar{color:var(--grn); text-shadow:0 0 10px rgba(0,232,154,.4); letter-spacing:.16em; font-size:13px}
  .prog-bar .rest{color:rgba(0,232,154,.18); text-shadow:none}
  .prog-num{color:var(--grn-soft)}

  .wiz-grid{display:grid; grid-template-columns:1.28fr .72fr; gap:34px; align-items:start}
  .qline{display:flex; gap:12px; align-items:baseline}
  .qline .sig{color:var(--grn); text-shadow:0 0 10px rgba(0,232,154,.5); font-size:20px; flex:none}
  .q{font-size:clamp(18px,2.2vw,23px); font-weight:700; line-height:1.28; letter-spacing:-.02em; color:#E4FBF0;
     text-shadow:0 0 12px rgba(0,232,154,.18)}
  .qhint{margin-top:9px; color:var(--dim2); font-size:11.5px; padding-left:32px}

  .opts{display:flex; flex-direction:column; gap:6px; margin:18px 0 0 0; transition:.2s}
  .opts.shake{animation:shake .32s ease}
  @keyframes shake{
    0%,100%{transform:none}
    20%{transform:translateX(-5px)}
    40%{transform:translateX(4px)}
    60%{transform:translateX(-3px)}
    80%{transform:translateX(2px)}
  }
  .opt{
    display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left;
    font:inherit; font-size:13.5px; color:var(--txt); cursor:pointer;
    background:rgba(0,232,154,.02); border:1px solid rgba(0,232,154,.13);
    border-radius:4px; padding:11px 14px; transition:.15s;
  }
  .opt:hover{border-color:rgba(0,232,154,.42); background:rgba(0,232,154,.05); color:#EAFFF6;
    box-shadow:0 0 20px -14px rgba(0,232,154,.6)}
  .opt .box{flex:none; color:var(--dim2); font-size:13px; letter-spacing:0; transition:.15s}
  .opt .txt small{display:block; color:var(--dim2); font-size:11px; margin-top:3px}
  .opt.sel{border-color:rgba(0,232,154,.85); background:rgba(0,232,154,.075); color:#EAFFF6;
    box-shadow:0 0 0 1px rgba(0,232,154,.16),0 0 22px -12px rgba(0,232,154,.6)}
  .opt.sel .box{color:var(--grn); text-shadow:0 0 8px rgba(0,232,154,.5)}
  .opt.sel .txt{text-shadow:none}

  .field{display:flex; flex-direction:column; gap:7px; margin-top:14px}
  .field label{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim2)}
  .inp-wrap{display:flex; align-items:center; gap:10px; border:1px solid rgba(0,232,154,.2);
            border-radius:4px; background:rgba(0,232,154,.025); padding:0 13px; transition:.18s}
  .inp-wrap .ps{color:var(--grn); font-size:13px; text-shadow:none}
  .inp-wrap:focus-within{border-color:rgba(0,232,154,.8);
    box-shadow:0 0 0 1px rgba(0,232,154,.18),0 0 22px -12px rgba(0,232,154,.6)}
  input.neon{
    flex:1; background:transparent; border:0; outline:none; color:#F0FFF8; font:inherit; font-size:13.5px;
    padding:13px 0; caret-color:var(--grn);
  }
  input.neon::placeholder{color:rgba(190,245,225,.24)}

  .err{
    display:none; margin-top:10px; padding:9px 12px; border-radius:4px;
    border:1px solid rgba(255,78,104,.5); background:rgba(255,78,104,.07);
    color:#FFA3B2; font-size:12px; letter-spacing:.02em;
    box-shadow:0 0 0 1px rgba(255,78,104,.08),0 0 24px -14px rgba(255,78,104,.8);
    animation:errIn .18s ease both;
  }
  .err.on{display:block}
  .err b{color:var(--red); text-shadow:0 0 8px rgba(255,78,104,.5); margin-right:6px}
  @keyframes errIn{from{opacity:0; transform:translateY(-4px)} to{opacity:1; transform:none}}

  .wiz-foot{display:flex; align-items:center; gap:12px; margin-top:18px}
  .sp{flex:1}

  .preview{
    border:1px solid rgba(0,232,154,.24); border-radius:8px; padding:18px; position:sticky; top:20px;
    background:rgba(6,21,14,.5);
    box-shadow:inset 0 0 50px -40px rgba(0,232,154,.7);
  }
  .ph{display:flex; align-items:center; justify-content:space-between; gap:12px;
      font-size:10px; letter-spacing:.14em; color:var(--dim2)}
  .ph b{color:var(--grn); font-weight:500}
  .plines{margin-top:16px; display:flex; flex-direction:column; gap:9px; min-height:176px}
  .pline{display:grid; grid-template-columns:88px 1fr; gap:8px; font-size:11px; line-height:1.5}
  .pline .k{color:rgba(0,232,154,.48)}
  .pline .v{color:#C6EEDD; word-break:break-word}
  .pline.empty .v{color:rgba(190,245,225,.2)}
  .pprice{margin-top:16px; padding-top:14px; border-top:1px dashed rgba(0,232,154,.18)}
  .pprice .lbl{font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim2)}
  .pprice .val{font-size:19px; font-weight:700; margin-top:6px; color:#E9FFF4;
    text-shadow:0 0 10px rgba(0,232,154,.4)}
  .pprice .eta{margin-top:6px; font-size:10.5px; color:var(--dim2); letter-spacing:.06em}

  /* ---------- order ---------- */
  .order-head{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap}
  .code{font-size:11px; letter-spacing:.14em; color:var(--dim2); text-transform:uppercase}
  .code b{color:var(--grn); font-weight:500; text-shadow:0 0 8px rgba(0,232,154,.45)}
  .otitle{margin-top:10px; font-size:clamp(18px,2.4vw,24px); font-weight:700; letter-spacing:-.02em;
          color:#E4FBF0; text-shadow:0 0 12px rgba(0,232,154,.18)}
  .status{font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--grn);
          border:1px solid rgba(0,232,154,.4); border-radius:3px; padding:7px 12px;
          background:rgba(0,232,154,.06); box-shadow:0 0 18px -12px rgba(0,232,154,.7)}

  .track{display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:28px 0 6px;
         font-size:10.5px; letter-spacing:.08em; text-transform:uppercase}
  .ts{padding:6px 10px; border:1px solid rgba(0,232,154,.14); border-radius:3px; color:var(--dim2)}
  .ts.done{color:rgba(0,232,154,.78); border-color:rgba(0,232,154,.3)}
  .ts.now{color:#04150D; background:var(--grn); border-color:var(--grn);
          box-shadow:0 0 10px rgba(0,232,154,.45)}
  .tsep{color:rgba(0,232,154,.2)}

  .order-grid{display:grid; grid-template-columns:1.35fr .65fr; gap:16px; margin-top:26px; align-items:start}
  .panel{border:1px solid var(--line); border-radius:8px; padding:20px; background:rgba(0,232,154,.018);
         box-shadow:none}
  .panel + .panel{margin-top:16px}
  .panel .ph{margin-bottom:16px}
  .tz{display:flex; flex-direction:column; gap:0}
  .tzrow{display:grid; grid-template-columns:26px 118px 1fr; gap:12px; padding:10px 0;
         border-bottom:1px dashed rgba(0,232,154,.1); font-size:12.5px}
  .tzrow:last-child{border-bottom:0}
  .tzrow .ln{color:rgba(0,232,154,.26); font-size:10px; padding-top:2px}
  .tzrow .k{color:rgba(0,232,154,.5); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; padding-top:2px}
  .tzrow .v{color:#C6EEDD; line-height:1.55}
  .price-big{font-size:clamp(19px,2vw,23px); font-weight:700; letter-spacing:-.02em; color:#E9FFF4; white-space:nowrap;
    text-shadow:0 0 10px rgba(0,232,154,.4)}
  .price-sub{font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim2); margin:6px 0 18px}
  .actions{display:flex; flex-direction:column; gap:9px}
  .actions .btn{width:100%}
  .meta{display:flex; justify-content:space-between; gap:10px; font-size:10.5px; color:var(--dim2);
        padding:9px 0; border-bottom:1px dashed rgba(0,232,154,.1)}
  .meta:last-child{border-bottom:0}
  .meta b{color:#C6EEDD; font-weight:500}

  .logs .log{font-size:11px; color:var(--dim); padding:4px 0; display:flex; gap:10px}
  .logs .log .t{color:rgba(0,232,154,.32); flex:none}
  .logs .log.warn{color:var(--amber); text-shadow:none}
  .logs .log.err{color:var(--red); text-shadow:none}

  .win-foot{
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
    padding:9px 16px; border-top:1px solid var(--line); background:rgba(0,232,154,.025);
    font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim2);
  }
  .win-foot b{font-weight:500; color:var(--grn)}
  .foot-right{display:inline-flex; align-items:center; gap:14px; flex-wrap:wrap}
  .tswitch{display:inline-flex; border:1px solid rgba(0,232,154,.22); border-radius:4px; overflow:hidden; vertical-align:middle}
  .tswitch button{font:inherit; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
    background:transparent; color:var(--dim2); border:0; padding:4px 9px; cursor:pointer; transition:.16s}
  .tswitch button + button{border-left:1px solid rgba(0,232,154,.16)}
  .tswitch button:hover{color:var(--grn)}
  .tswitch button.on{background:rgba(0,232,154,.14); color:var(--grn)}

  /* ================= DAY THEME ================= */
  body.day{
    --bg:#EEF4EF;
    --panel:#FFFFFF;
    --grn:#00795A;
    --grn-bright:#00875F;
    --grn-soft:#0F6B4E;
    --txt:#132B20;
    --dim:#3A5648;
    --dim2:#5C7668;
    --red:#C4233C;
    --amber:#8A6100;
    --line:rgba(0,110,80,.16);
    --line2:rgba(0,110,80,.24);
  }
  body.day *{text-shadow:none!important}
  body.day{background:var(--bg)}
  body.day::before{
    background:
      radial-gradient(60% 40% at 18% -8%, rgba(0,135,95,.05), transparent 70%),
      radial-gradient(70% 44% at 50% 108%, rgba(0,135,95,.04), transparent 72%);
  }
  body.day .crt::before{opacity:.05;
    background:repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 3px, rgba(0,60,40,.08) 3px 4px)}
  body.day .crt::after{background:radial-gradient(120% 100% at 50% 50%, transparent 72%, rgba(0,50,35,.05) 100%)}
  body.day .boot{background:var(--bg)}
  body.day .boot-in{color:#00795A}
  body.day .boot-in div:nth-child(5){color:#0B241A}

  body.day .win{
    background:#FFFFFF; border-color:rgba(0,120,85,.32);
    box-shadow:0 14px 44px -26px rgba(0,50,35,.45),0 0 0 1px rgba(0,120,85,.05);
    animation:none;
  }
  body.day .win::after{border-color:rgba(0,120,85,.10); animation:none; opacity:.5; box-shadow:none}
  body.day .win-top{background:#F4F9F5; border-bottom-color:rgba(0,110,80,.14)}
  body.day .dots span{background:rgba(0,110,80,.18)}
  body.day .dots span:first-child{background:rgba(196,35,60,.4); box-shadow:none}
  body.day .rec{background:rgba(196,35,60,.8); box-shadow:none}
  body.day .win-path b{color:#0F6B4E}
  body.day .tabs{border-bottom-color:rgba(0,110,80,.14)}
  body.day .tabs button{color:var(--dim2)}
  body.day .tabs button:hover{color:#00795A}
  body.day .tabs button.on{background:#00795A; color:#fff; box-shadow:none}

  body.day .brand{color:#0B241A}
  body.day .brand i{color:#00795A}
  body.day .dot{background:#00795A; box-shadow:none}
  body.day .hero{color:#0B241A}
  body.day .hero em{color:#00795A}
  body.day .cur{box-shadow:none}
  body.day .sub{color:var(--dim)}
  body.day .srow{border-bottom-color:rgba(0,110,80,.12)}
  body.day .srow:hover{background:rgba(0,120,85,.06); box-shadow:inset 3px 0 0 #00795A}
  body.day .srow .idx{color:#7E9689}
  body.day .srow .nm{color:#132B20}
  body.day .srow .lead{border-bottom-color:rgba(0,110,80,.22)}
  body.day .srow .ds{color:var(--dim2)}
  body.day .srow:hover .nm,body.day .srow:hover .go{color:#006B4F}
  body.day .sysline{color:var(--dim2)}
  body.day .sysline b{color:#00795A}

  body.day .back{color:var(--dim2)}
  body.day .back:hover{color:#00795A}
  body.day .chip{color:#006B4F; border-color:rgba(0,120,85,.28); background:rgba(0,120,85,.05)}
  body.day .prog{color:var(--dim2)}
  body.day .prog-bar{color:#00795A}
  body.day .prog-bar .rest{color:#C0D2C8}
  body.day .prog-num{color:#0F6B4E}
  body.day .q{color:#0B241A}
  body.day .sig{color:#00795A}
  body.day .qhint{color:var(--dim2)}

  body.day .opt{background:#F7FBF8; border-color:rgba(0,110,80,.18); color:#132B20}
  body.day .opt:hover{background:rgba(0,120,85,.06); border-color:rgba(0,120,85,.45); color:#0B241A; box-shadow:none}
  body.day .opt .box{color:#8AA396}
  body.day .opt .txt small{color:var(--dim2)}
  body.day .opt.sel{background:rgba(0,120,85,.08); border-color:#00795A; color:#0B241A;
    box-shadow:0 0 0 1px rgba(0,120,85,.12)}
  body.day .opt.sel .box{color:#00795A}
  body.day .field label{color:var(--dim2)}
  body.day .inp-wrap{background:#F7FBF8; border-color:rgba(0,110,80,.22)}
  body.day .inp-wrap .ps{color:#00795A}
  body.day .inp-wrap:focus-within{border-color:#00795A; box-shadow:0 0 0 1px rgba(0,120,85,.14)}
  body.day input.neon{color:#0B241A}
  body.day input.neon::placeholder{color:#93AA9D}

  body.day .err{background:#FDEDF0; border-color:#D8617A; color:#96122B; box-shadow:none}
  body.day .err b{color:#C4233C}

  body.day .preview{background:#F7FBF8; border-color:rgba(0,110,80,.22); box-shadow:none}
  body.day .ph{color:var(--dim2)}
  body.day .ph b{color:#00795A}
  body.day .pline .k{color:#7E9689}
  body.day .pline .v{color:#22392E}
  body.day .pline.empty .v{color:#AFC2B7}
  body.day .pprice{border-top-color:rgba(0,110,80,.18)}
  body.day .pprice .val{color:#0B241A}
  body.day .pprice .eta{color:var(--dim2)}

  body.day .code{color:var(--dim2)}
  body.day .code b{color:#00795A}
  body.day .otitle{color:#0B241A}
  body.day .status{color:#006B4F; border-color:rgba(0,120,85,.38); background:rgba(0,120,85,.07); box-shadow:none}
  body.day .ts{color:var(--dim2); border-color:rgba(0,110,80,.18)}
  body.day .ts.done{color:#00795A; border-color:rgba(0,120,85,.32)}
  body.day .ts.now{background:#00795A; color:#fff; box-shadow:none}
  body.day .tsep{color:rgba(0,110,80,.28)}
  body.day .panel{background:#F7FBF8; border-color:rgba(0,110,80,.16); box-shadow:none}
  body.day .tzrow{border-bottom-color:rgba(0,110,80,.12)}
  body.day .tzrow .ln{color:#A6BBAD}
  body.day .tzrow .k{color:#7E9689}
  body.day .tzrow .v{color:#22392E}
  body.day .price-big{color:#0B241A}
  body.day .price-sub{color:var(--dim2)}
  body.day .meta{color:var(--dim2); border-bottom-color:rgba(0,110,80,.12)}
  body.day .meta b{color:#22392E}
  body.day .logs .log{color:#3F5B4D}
  body.day .logs .log .t{color:#93AA9D}
  body.day .logs .log.warn{color:#8A6100}
  body.day .logs .log.err{color:#C4233C}

  body.day .win-foot{background:#F4F9F5; border-top-color:rgba(0,110,80,.14); color:var(--dim2)}
  body.day .win-foot b{color:#00795A}
  body.day .btn-run{background:rgba(0,120,85,.06); color:#006B4F; border-color:rgba(0,120,85,.5); box-shadow:none}
  body.day .btn-run:hover{background:#00795A; color:#fff}
  body.day .btn-ghost{color:#006B4F; border-color:rgba(0,120,85,.4); box-shadow:none}
  body.day .btn-ghost:hover{background:rgba(0,120,85,.06); color:#0B241A}
  body.day .tswitch{border-color:rgba(0,110,80,.24)}
  body.day .tswitch button{color:var(--dim2)}
  body.day .tswitch button + button{border-left-color:rgba(0,110,80,.18)}
  body.day .tswitch button:hover{color:#00795A}
  body.day .tswitch button.on{background:#00795A; color:#fff}

  @media (max-width:900px){
    .wiz-grid{grid-template-columns:1fr}
    .preview{position:static}
    .order-grid{grid-template-columns:1fr}
    .win-body{padding:24px 18px 28px}
    .srow .lead{display:none}
    .srow .ds{display:none}
    .tzrow{grid-template-columns:22px 1fr; gap:4px 10px}
    .tzrow .v{grid-column:2}
    .wrap{padding:18px 12px 40px}
  }
  @media (max-width:560px){
    .srow .nm{min-width:0}
    .sysline{gap:14px}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important; transition:none!important}
    .boot{display:none}
    html{scroll-behavior:auto}

  }