:root{--bg:#0b0714;--surface:#130c20;--raise:#1b1230;--line:#2b1f44;--fg:#f2edfb;--muted:#a597c1;--accent:#c084fc;--hot:#f5468f;--warn:#f5b041;--calm:#8d6be0;--dot-off:#221836;--deep:#3a2366;--tint-hot:#f5468f21;--tint-warn:#f5b04121;--tint-calm:#c084fc1a;--font:"Readex Pro",system-ui,"Segoe UI",Tahoma,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f3fb;--surface:#fff;--raise:#efe9f8;--line:#dcd1ee;--fg:#170e27;--muted:#5a4c74;--accent:#7c3aed;--hot:#d0185f;--warn:#a85f00;--calm:#8b67e0;--dot-off:#e7def4;--deep:#3a2366;--tint-hot:#d0185f17;--tint-warn:#a85f001a;--tint-calm:#7c3aed12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f6f3fb;--surface:#fff;--raise:#efe9f8;--line:#dcd1ee;--fg:#170e27;--muted:#5a4c74;--accent:#7c3aed;--hot:#d0185f;--warn:#a85f00;--calm:#8b67e0;--dot-off:#e7def4;--deep:#3a2366;--tint-hot:#d0185f17;--tint-warn:#a85f001a;--tint-calm:#7c3aed12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-variant-numeric:tabular-nums;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 32px;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.wrap{flex-direction:column;gap:16px;max-width:1180px;margin:0 auto;display:flex}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-block:12px;display:flex;position:sticky}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand svg{flex:none;width:38px;height:38px}.brand b{letter-spacing:.01em;font-size:20px;font-weight:600}.brand small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.top .sp{flex:1}.live{color:var(--muted);white-space:nowrap;font-size:13px}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:40px;height:40px;padding:0 10px;font-size:13px;font-weight:500}.mark .beat{transform-origin:43px 21px;animation:2.4s ease-in-out infinite beat}@keyframes beat{0%,60%,to{transform:scale(1)}30%{transform:scale(1.2)}}.demo{background:var(--raise);border:1px dashed var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;font-size:13px;display:flex}.demo strong{color:var(--accent);font-weight:600}.demo .grow{min-width:180px;color:var(--muted);flex:1}.chipbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px}.chipbtn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stale{background:var(--tint-warn);color:var(--warn);border:1px solid var(--warn);border-radius:12px;padding:12px 14px;font-size:17px;font-weight:600}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:12px 14px}.stat .v{font-size:26px;font-weight:600;line-height:1.15}.stat .v small{color:var(--muted);font-size:13px;font-weight:400}.stat .k{color:var(--muted);font-size:12.5px}@media (width<=640px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.main{grid-template-columns:minmax(0,1fr)}.rail{order:-1}}h2{color:var(--muted);letter-spacing:.02em;margin:0 0 10px;font-size:14px;font-weight:500}.hexfield{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}.hexfield svg{width:100%;max-width:100%;height:auto;display:block}.hex{cursor:pointer}.hex .shell{fill:#0000;stroke:var(--line);stroke-width:1.5px;transition:stroke .4s}.hex:hover .shell,.hex:focus .shell{stroke:var(--accent)}.hex:focus{outline:none}.hex .d{transition:fill .6s,opacity .6s}.hex .name{fill:var(--fg);paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round;font-size:14px;font-weight:600}.hex .num{fill:var(--fg);paint-order:stroke;stroke:var(--surface);stroke-width:6px;stroke-linejoin:round;font-size:31px;font-weight:600}.hex .sub{fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:4px;font-size:12.5px}.hex .ring{fill:none;stroke-width:2.5px;opacity:0}.hex.l2 .ring{stroke:var(--hot);opacity:1;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite ring}.hex.l1 .ring{stroke:var(--warn);opacity:.9}@keyframes ring{0%{opacity:.95;transform:scale(.96)}to{opacity:0;transform:scale(1.07)}}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;display:flex}.legend i{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-inline-end:6px;display:inline-block}.rail{flex-direction:column;gap:12px;min-width:0;display:flex}.alert{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.alert.l2{background:var(--tint-hot);border-color:color-mix(in srgb,var(--hot) 45%,var(--line))}.alert.l1{background:var(--tint-warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.ahead{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.lvl{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}.lvl.l2{background:var(--hot);color:#fff}.lvl.l1{background:var(--warn);color:#1a1029}.lvl.l0{background:var(--raise);color:var(--muted)}.azone{flex:1;min-width:0;font-size:22px;font-weight:600;line-height:1.25}.awhy{font-size:16px}.awhy b{font-weight:600}.eta{color:var(--hot);font-size:15px;font-weight:500}.alert.l1 .eta{color:var(--warn)}.esc{color:var(--muted);font-size:13px}.esc b{color:var(--fg);font-weight:600}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps button{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;padding:11px 12px;font-size:15px;display:flex}.steps button .box{border:2px solid var(--muted);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.steps button[aria-pressed=true]{color:var(--muted)}.steps button[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent);color:var(--bg)}.steps button:disabled{cursor:default;opacity:.55}.acts{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:48px;padding:12px 18px;font-size:16px;font-weight:600}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);flex:1}.btn.done{background:var(--accent);color:#170e27;border-color:var(--accent);flex:1}.who{color:var(--muted);font-size:13px}.more{flex-direction:column;gap:8px;display:flex}.mini{background:var(--surface);border:1px solid var(--line);text-align:start;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.mini .t{flex:1;min-width:0}.mini .t small{color:var(--muted);font-size:12.5px;display:block}.calm{border:1px solid var(--line);background:var(--surface);text-align:center;color:var(--muted);border-radius:18px;padding:22px 16px}.calm b{color:var(--fg);margin-bottom:4px;font-size:18px;font-weight:600;display:block}.zones{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.zrow{background:var(--surface);border:1px solid var(--line);text-align:start;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:100%;padding:12px 14px;display:grid}.zrow .zn{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.zrow .zd{text-align:end;font-size:22px;font-weight:600}.zrow .zd small{color:var(--muted);font-size:12px;font-weight:400}.zrow .zm{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;font-size:12.5px;display:flex}.tag{background:var(--raise);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500}.tag.h3{background:var(--tint-hot);color:var(--hot)}.tag.h2{background:var(--tint-warn);color:var(--warn)}.tag.d2{background:var(--hot);color:#fff}.tag.d1{background:var(--warn);color:#1a1029}.bar{background:var(--dot-off);border-radius:3px;grid-column:1/-1;height:6px;position:relative;overflow:hidden}.bar i{background:var(--calm);border-radius:3px;transition:width .6s;position:absolute;inset-block:0;inset-inline-start:0}.bar.l1 i{background:var(--warn)}.bar.l2 i{background:var(--hot)}.bar s{background:var(--muted);opacity:.6;width:2px;position:absolute;inset-block:-2px}.scrim{z-index:20;background:#05020a8c;position:fixed;inset:0}.sheet{z-index:21;background:var(--surface);border:1px solid var(--line);inset-inline:0;max-height:88%;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex;position:fixed;bottom:0;overflow:auto}@media (width>=900px){.sheet{inset-inline:auto 0;border-radius:0;width:440px;max-height:none;padding:24px;top:0;bottom:0}[dir=rtl] .sheet{inset-inline:auto 0}}.sh-head{align-items:flex-start;gap:10px;display:flex}.sh-head h3{flex:1;margin:0;font-size:22px;font-weight:600}.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chart{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.chart .ct{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.chart svg{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:10px;font-family:var(--font)}.note{color:var(--muted);font-size:12.5px}footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;padding-top:12px;font-size:12.5px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mono,code,.codes,.otp{font-family:ui-monospace,Consolas,monospace}.muted{color:var(--muted)}.small{font-size:12.5px}.error{color:var(--hot);margin:0;font-size:13.5px}.ok{color:var(--accent);margin:0;font-size:13.5px}.iconbtn{place-items:center;display:inline-grid}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:11px 12px;font-size:15px;display:flex}.steps .box{border:2px solid var(--muted);width:22px;height:22px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.rail>.who{margin:-4px 0 0}ol.plain{flex-direction:column;gap:4px;margin:0;padding-inline-start:20px;display:flex}.sheet .eta{margin-top:-4px}.sheet h2{margin-bottom:8px}.btn:disabled{opacity:.6;cursor:default}.btn.sm{min-height:40px;padding:8px 12px;font-size:13.5px;font-weight:500}.sheet .acts .btn{flex:1}.sheet>.btn,.pform .btn{flex:none}.sheet .stat .k{overflow-wrap:anywhere}.pform{flex-direction:column;gap:18px;display:flex}.pform h2{margin:0 0 -4px}.linkbox{background:var(--tint-calm);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.linkbox input{background:var(--bg);min-width:0;color:var(--fg);border:1px solid var(--line);border-radius:10px;flex:1;min-height:48px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.linkbox .note{flex-basis:100%;margin:0}.plist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.prow{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.pn{flex-direction:column;flex:1;min-width:160px;display:flex}.pn b{flex-wrap:wrap;align-items:center;gap:6px;font-weight:500;display:flex}.pn small{color:var(--muted);font-size:12.5px}.pacts{flex-wrap:wrap;gap:6px;display:flex}.pacts select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--fg);font:inherit;border-radius:10px;padding:0 8px;font-size:13.5px}.field{color:var(--muted);display:block;position:relative}.field .flab{top:-8px;z-index:1;background:var(--surface);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:0 6px;font-size:11px;font-weight:600;line-height:16px;position:absolute;inset-inline-start:14px}[dir=rtl] .field .flab,[dir=rtl] .authbtn{letter-spacing:0;text-transform:none}.field input,.field select{width:100%;min-height:52px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:15px;font-weight:500;transition:box-shadow .15s,border-color .15s}.field input[readonly]{color:var(--muted)}.field input::placeholder{color:var(--muted);opacity:.6}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.field input.otp{letter-spacing:.3em;text-align:center;font-size:22px}.field:has(.eye) input{padding-inline-end:56px}.field .eye{inset-inline-end:8px;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:26px;transform:translateY(-50%)}.field .eye:hover{color:var(--accent);background:var(--tint-calm)}.field small{margin:6px 4px 0;font-size:12px;display:block}.auth{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px 0;display:flex;position:relative}.auth:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent) 1.5px,transparent 2px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 0,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 0,#0000 75%)}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:18px;width:min(100%,400px);padding:36px 24px 24px;display:flex;position:relative;box-shadow:0 24px 60px -20px #0b07148c}.authlang{top:12px;min-width:40px;height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 10px;font-size:13px;position:absolute;inset-inline-end:12px}.authlang:hover{color:var(--accent);border-color:var(--line)}.lockup{flex-direction:column;align-items:center;gap:2px;margin-bottom:4px;display:flex}.lockup .mark{margin-bottom:8px}.lockup b{font-size:34px;font-weight:600;line-height:1.15}.lockup span{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;margin-inline-end:-.24em;font-size:14px;font-weight:500}.authtitle{text-align:center;margin:-4px 0 0;font-size:18px;font-weight:600}.authbtn{text-transform:uppercase;letter-spacing:.2em;width:100%;min-height:52px;color:var(--bg);background:var(--fg);border:1px solid var(--fg);border-radius:14px;padding:14px;font-size:13px;font-weight:600;transition:transform .1s,opacity .15s}.authbtn:active{transform:scale(.98)}.authbtn:disabled{opacity:.6;cursor:default}.authbtn.quiet{color:var(--fg);background:var(--raise);border-color:var(--line)}.card .error,.card .ok{text-align:center}.codes{background:var(--bg);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:12px;font-size:13.5px;display:grid}.qr{background:#fff;border-radius:14px;place-items:center;padding:12px;display:grid}.card p{margin:0}.authlinks{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:13px;display:flex}.authlinks a{color:var(--muted);padding-block:8px}.authlinks a:hover{color:var(--accent)}.authfoot{text-align:center;max-width:400px;color:var(--muted);margin:0;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.install{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;animation:.4s both rise;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 20px 50px #0b071480}@media (width>=640px){.install{left:auto;inset-inline-end:24px;max-width:384px;bottom:24px}}.install .row1{align-items:flex-start;gap:12px;display:flex}.install .txt{flex:1;min-width:0}.install b{font-size:14px}.install p{color:var(--muted);margin:4px 0 0;font-size:13px}.ico{width:40px;height:40px;color:var(--accent);background:var(--tint-calm);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;display:grid}.install .iconbtn{background:0 0;border:0}.install .authbtn{margin-top:12px}.install ol{border-top:1px solid var(--line);color:var(--muted);gap:8px;margin:12px 0 0;padding:12px 0 0;font-size:13px;list-style:none;display:grid}.install li{align-items:center;gap:8px;display:flex}.install li svg{color:var(--accent)}#splash{z-index:50;background:var(--bg);place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}#splash.gone{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=520px){.top{flex-wrap:wrap;gap:2px 8px}.top .live{flex-basis:100%;order:10;font-size:12.5px}}