:root{--bg:#edf2fb;--paper:#ffffff;--card:#ffffff;--ink:#1b2340;--muted:#5b6789;--line:#d8e0ee;--tile:#f3f7ff;--brand:#2340b8;--brand-2:#3858e0;--sun:#ffd21f;--good:#1b9a5a;--bad:#d9443a;--warn:#e8841c;--info:#2a7bd8;--c:#2340b8;--sh-1:0 1px 2px rgba(17,27,72,.16),0 4px 10px rgba(17,27,72,.1);--sh-2:0 1px 2px rgba(17,27,72,.18),0 6px 14px rgba(17,27,72,.14),0 18px 36px rgba(17,27,72,.12);--bevel:inset 1px 1px 0 rgba(255,255,255,.55),inset -1px -1px 0 rgba(0,0,0,.1);--f-display:"Baloo 2","Nunito",system-ui,sans-serif;--f-body:"Nunito",system-ui,sans-serif;--f-han:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.16,1,.3,1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0e1430;--paper:#18204a;--card:#1c2655;--ink:#eef1ff;--muted:#a8b2d8;--line:#2c3769;--tile:#eef3fb;--brand:#9db0ff;--brand-2:#7e95ff;--good:#3fcf86;--bad:#ff7568;--warn:#ffa24a;--info:#6aa8ff;--sh-1:0 1px 2px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.3);--sh-2:0 1px 2px rgba(0,0,0,.5),0 6px 14px rgba(0,0,0,.36),0 18px 36px rgba(0,0,0,.3);--bevel:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1430;--paper:#18204a;--card:#1c2655;--ink:#eef1ff;--muted:#a8b2d8;--line:#2c3769;--tile:#eef3fb;--brand:#9db0ff;--brand-2:#7e95ff;--good:#3fcf86;--bad:#ff7568;--warn:#ffa24a;--info:#6aa8ff;--sh-1:0 1px 2px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.3);--sh-2:0 1px 2px rgba(0,0,0,.5),0 6px 14px rgba(0,0,0,.36),0 18px 36px rgba(0,0,0,.3);--bevel:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:20;background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:8px}.han{font-family:var(--f-han)}svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:var(--paper);box-shadow:var(--sh-1)}.top .in{max-width:1000px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logo{height:36px;width:auto;border-radius:7px;background:#fff;padding:2px 5px}.nav{margin-left:auto;display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:14px}.nav button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-weight:800;font-size:14px;color:var(--muted);min-height:40px}.nav button[aria-current=page]{background:var(--paper);color:var(--brand);box-shadow:var(--sh-1)}.wrap{max-width:1000px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 120px}.h2{margin:0;font:800 clamp(24px,4.6vw,32px)/1.1 var(--f-display);text-wrap:balance}.sub{margin:6px 0 0;color:var(--muted);font-weight:700;max-width:62ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 18px;min-height:44px;font:800 16px var(--f-display);background:linear-gradient(160deg,var(--brand-2),var(--brand));color:#fff;box-shadow:var(--bevel),var(--sh-1);transition:transform .18s var(--spring)}.btn:active{transform:translateY(2px) scale(.98)}.btn.ghost{background:var(--paper);color:var(--brand);border:2px solid var(--line);box-shadow:none}.btn.wa{background:linear-gradient(160deg,#2fd06c,#1aa553)}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:6px 11px;min-height:38px;font-weight:800;font-size:13.5px;color:var(--muted)}.chip[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--paper))}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--sh-1)}.note{font-size:13px;color:var(--muted);font-weight:700}.toast{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:14px;font-weight:800;z-index:40;transition:opacity .2s,transform .3s var(--spring);pointer-events:none;max-width:calc(100vw - 32px)}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.head-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:space-between;margin-bottom:16px}.decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.deck{position:relative;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0;transition:transform .25s var(--spring),border-color .2s,box-shadow .25s}.deck:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.deck[aria-pressed=true]{border-color:var(--dc);box-shadow:0 0 0 3px color-mix(in srgb,var(--dc) 35%,transparent),var(--sh-1)}.deck .chk{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--paper);display:grid;place-items:center;color:#fff}.deck .chk svg{width:14px;height:14px;stroke-width:3.4;opacity:0}.deck[aria-pressed=true] .chk{background:var(--dc);border-color:var(--dc)}.deck[aria-pressed=true] .chk svg{opacity:1}.deck .pics{display:flex;gap:4px;background:color-mix(in srgb,var(--dc) 14%,var(--tile));border-radius:14px;padding:8px;justify-content:center;min-height:56px;align-items:center}.deck .pics img{width:40px;height:40px;object-fit:contain}.deck .pics .emo{font-size:30px;line-height:1}.deck .zh{font:700 22px/1.15 var(--f-han)}.deck .id{font-weight:800;color:var(--muted);font-size:13.5px}.deck .bar{height:7px;border-radius:9px;background:var(--line);overflow:hidden}.deck .bar i{display:block;height:100%;background:var(--dc)}.deck .due{font-size:12px;font-weight:800;color:var(--muted)}.deck .due b{color:var(--bad)}.deck .badge{align-self:flex-start;font-size:11px;font-weight:900;color:#fff;background:var(--dc);border-radius:7px;padding:1px 7px}.selbar{position:fixed;left:0;right:0;bottom:0;z-index:12;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none}.selbar .in{pointer-events:auto;max-width:1000px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;box-shadow:var(--sh-2)}.selbar .info{flex:1;min-width:150px;font-weight:900;font-size:15px}.selbar .info small{display:block;color:var(--muted);font-weight:700;font-size:12.5px}.study{max-width:560px;margin:0 auto}.shead{display:flex;align-items:center;gap:10px;margin-bottom:8px}.shead .t{font:700 20px var(--f-han)}.shead .t small{font:800 13px var(--f-body);color:var(--muted);margin-left:6px}.shead .n{margin-left:auto;font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums}.prog{height:10px;border-radius:9px;background:var(--line);overflow:hidden;margin-bottom:12px;box-shadow:inset 1px 1px 2px #0000001f}.prog i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 75%,white),var(--c));transition:width .4s var(--out)}.opts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.seg{display:flex;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:3px;gap:2px}.seg button{padding:6px 10px;border-radius:9px;font-weight:800;font-size:13px;color:var(--muted);min-height:34px}.seg button[aria-pressed=true]{background:var(--brand);color:#fff}.stage{perspective:1100px;-webkit-user-select:none;user-select:none}.tilt{position:relative;transition:transform .2s var(--out);transform-style:preserve-3d;will-change:transform}.fc{position:relative;width:100%;aspect-ratio:3/3.5;max-height:58vh;margin:0 auto;transition:transform .6s var(--spring);transform-style:preserve-3d;cursor:pointer}.fc.flip{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:28px;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 92%,white) 0%,var(--card) 50%,color-mix(in srgb,var(--card) 94%,black) 100%);border:3px solid var(--c);box-shadow:var(--bevel),var(--sh-2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 18px 30px;text-align:center}.face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(110% 70% at var(--gx,22%) var(--gy,0%),rgba(255,255,255,.38),transparent 58%)}.face .tag{position:absolute;top:0;left:0;right:0;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 85%,white),var(--c));color:#fff;font:700 14px var(--f-han);padding:7px 0;letter-spacing:2px;box-shadow:inset 0 -1px #0000001f}.face .hint{position:absolute;bottom:12px;left:0;right:0;font-size:12.5px;font-weight:800;color:var(--muted)}.front .big{width:min(60%,240px);aspect-ratio:1;background:color-mix(in srgb,var(--c) 12%,var(--tile));border-radius:28px;display:grid;place-items:center;box-shadow:inset 2px 2px 6px #0000000f,inset -2px -2px 6px #ffffffb3}.front .big img{width:76%;height:76%;object-fit:contain}.front .big .emo{font-size:clamp(80px,22vw,130px);line-height:1}.front .q{font:800 15px var(--f-display);color:var(--muted);margin-top:14px}.front .bighan{font:700 clamp(64px,18vw,104px)/1.1 var(--f-han)}.front .bigid{font:800 clamp(34px,9vw,52px)/1.15 var(--f-display)}.bface{transform:rotateY(180deg);gap:2px}.bface .sm{width:76px;height:76px;background:color-mix(in srgb,var(--c) 12%,var(--tile));border-radius:18px;padding:8px;margin-bottom:4px;display:grid;place-items:center}.bface .sm img{width:100%;height:100%;object-fit:contain}.bface .sm .emo{font-size:46px;line-height:1}.bface .h{font:700 clamp(50px,13vw,78px)/1.08 var(--f-han)}.bface .h.l4{font-size:clamp(40px,10vw,60px)}.bface .h.l5{font-size:clamp(30px,8vw,46px)}.bface .p{font:900 22px var(--f-body);color:var(--brand)}.bface .m{font:800 18px var(--f-display)}.extra{margin-top:10px;background:#fff4c2;color:#1b2340;border-radius:16px;padding:8px 14px;max-width:100%;box-shadow:var(--bevel)}.extra .z{font:500 24px var(--f-han)}.extra .z b{color:#d9443a;font-weight:700}.extra .y{font-size:13px;font-weight:800;color:#2340b8}.extra .a{font-size:12px;font-weight:700;color:#5b6789}.extra .s{font:500 18px var(--f-han)}.say{position:absolute;top:46px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--brand);box-shadow:var(--bevel),var(--sh-1);z-index:2}.quiz{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.qo{border-radius:16px;padding:10px 8px;min-height:62px;background:var(--paper);border:2px solid var(--line);box-shadow:var(--bevel),var(--sh-1);transition:transform .2s var(--spring),border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.qo:hover{transform:translateY(-2px)}.qo .z{font:700 24px/1.15 var(--f-han)}.qo .y{font-size:12.5px;font-weight:800;color:var(--brand)}.qo .t{font:800 17px var(--f-display)}.qo.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 16%,var(--paper))}.qo.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--paper));animation:shake .4s}.qo:disabled{cursor:default}.flipbig{width:100%;margin-top:16px;border-radius:18px;padding:14px;min-height:54px;background:linear-gradient(160deg,#ffe35a,var(--sun));color:#1b2340;font:800 18px var(--f-display);box-shadow:var(--bevel),0 5px #c9a200,var(--sh-1);transition:transform .15s var(--spring),box-shadow .15s}.flipbig:active{transform:translateY(4px);box-shadow:var(--bevel),0 1px #c9a200}.rate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.rb{position:relative;border-radius:18px;padding:9px 4px 8px;min-height:72px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1px;transition:transform .15s var(--spring),box-shadow .15s}.rb .k{font:800 26px/1 var(--f-display)}.rb .l{font-size:12.5px;font-weight:900}.rb .w{font-size:11px;font-weight:700;opacity:.92}.r1{background:linear-gradient(160deg,#f07468,#d9443a);box-shadow:var(--bevel),0 5px #a8322a}.r2{background:linear-gradient(160deg,#f6a24b,#e8841c);box-shadow:var(--bevel),0 5px #b56510}.r3{background:linear-gradient(160deg,#3fbcab,#24917f);box-shadow:var(--bevel),0 5px #18695c}.r4{background:linear-gradient(160deg,#4d97ee,#2a6fd0);box-shadow:var(--bevel),0 5px #1d4f99}.rb:active,.rb.press{transform:translateY(4px);box-shadow:var(--bevel),0 1px #00000040}.rb.sug:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:22px;border:3px solid var(--sun);animation:pulse 1.2s infinite}.keys{text-align:center;font-size:12px;color:var(--muted);font-weight:700;margin-top:10px}.fx-wrong{animation:shake .45s}.fx-right{animation:pop .45s var(--spring)}.fx-lift{animation:lift .45s var(--spring)}.glow-good .face{box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 45%,transparent),var(--sh-2)}.glow-bad .face{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 45%,transparent),var(--sh-2)}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.burst i{position:absolute;width:10px;height:14px;border-radius:3px;top:-20px;animation:fall 1.5s cubic-bezier(.2,.7,.4,1) forwards}.cheer{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:31;pointer-events:none;font:800 clamp(34px,9vw,54px) var(--f-han);color:#fff;padding:8px 22px;border-radius:20px;box-shadow:var(--sh-2)}.cheer.on{animation:cheer 1s var(--spring) forwards}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes lift{0%{transform:translateY(0)}40%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(var(--r));opacity:.9}}@keyframes cheer{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.96)}}.done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ring{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;box-shadow:var(--sh-1)}.ring div{width:118px;height:118px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font:800 38px var(--f-display);box-shadow:inset 1px 1px 3px #0000001f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.stats div{border-radius:14px;padding:8px 4px;color:#fff;font-weight:800;font-size:12px;box-shadow:var(--bevel)}.stats b{display:block;font:800 24px var(--f-display)}.send{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:left}.field{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:13.5px}.field input,.field select{border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;min-height:44px;font-weight:700;font-size:16px}.ok-line{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--good)}.rowb{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.table{width:100%;border-collapse:collapse;font-size:14px}.tablewrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px;background:var(--bg);white-space:nowrap}.table td{padding:10px;border-top:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}.table tr.clk{cursor:pointer}.table tr.clk:hover td{background:color-mix(in srgb,var(--brand) 5%,transparent)}.pill{display:inline-block;border-radius:8px;padding:1px 8px;font-weight:900;font-size:12.5px;color:#fff}.hist{font-size:13px;color:var(--muted);font-weight:700}.hist div{padding:3px 0;border-bottom:1px dashed var(--line)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.checks{display:flex;flex-wrap:wrap;gap:6px}.cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.ci{position:relative;background:var(--bg);border-radius:14px;padding:8px;text-align:center}.ci .pic{height:52px;display:grid;place-items:center}.ci .pic img{max-width:52px;max-height:52px;object-fit:contain}.ci .pic .emo{font-size:36px}.ci .h{font:700 20px var(--f-han)}.ci .p{font-size:12px;font-weight:800;color:var(--brand)}.ci .m{font-size:12px;font-weight:700;color:var(--muted)}.ci .del{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--bad)}.ci .del svg{width:16px;height:16px}.ci .del.arm{background:var(--bad);color:#fff}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.sw{width:32px;height:32px;border-radius:50%;border:3px solid transparent;box-shadow:var(--sh-1)}.sw[aria-pressed=true]{border-color:var(--ink)}@media (max-width:520px){.nav button span{display:none}.nav button{padding:8px 10px}.rb .w{display:none}.decks{grid-template-columns:repeat(2,1fr)}.deck .pics img{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.tilt{transform:none!important}}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted);font-weight:800}.login{min-height:calc(100vh - 40px);display:grid;place-items:center;padding-block:24px}.login .panel{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;padding:24px}.login .logo-big{height:56px;width:auto;align-self:center;border-radius:8px;background:#fff;padding:4px 8px}.login h1{margin:0;text-align:center;font:800 26px var(--f-display)}.login .err{color:var(--bad);font-weight:800;font-size:14px;min-height:1.2em}.demo{background:color-mix(in srgb,var(--sun) 30%,var(--paper));border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700}.hello{display:flex;align-items:center;gap:14px;margin-bottom:6px}.hello .av{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:800 24px var(--f-display);color:#fff;background:linear-gradient(160deg,var(--brand-2),var(--brand));box-shadow:var(--bevel),var(--sh-1);flex:none}.hello h2{margin:0;font:800 clamp(26px,5vw,34px)/1.05 var(--f-display)}.hello p{margin:2px 0 0;color:var(--muted);font-weight:700}.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--muted);background:var(--bg)}.update{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:30;background:var(--ink);color:var(--bg);border-radius:14px;padding:8px 8px 8px 14px;display:flex;gap:10px;align-items:center;font-weight:800;box-shadow:var(--sh-2);max-width:calc(100vw - 32px)}.update button{background:var(--sun);color:#1b2340;border-radius:10px;padding:6px 12px;font-weight:900}.cred{background:color-mix(in srgb,var(--good) 12%,var(--paper));border:2px dashed var(--good);border-radius:16px;padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.cred code{font:800 18px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper);padding:2px 8px;border-radius:8px;-webkit-user-select:all;user-select:all}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px}.filters .field{min-width:150px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--sh-1)}.kpi b{display:block;font:800 28px var(--f-display);font-variant-numeric:tabular-nums}.kpi span{font-size:12.5px;font-weight:800;color:var(--muted)}.hb{display:flex;flex-direction:column;gap:8px}.hb-row{display:grid;grid-template-columns:minmax(90px,30%) 1fr 74px;gap:10px;align-items:center}.hb-l{font:700 15px var(--f-han);min-width:0;overflow-wrap:anywhere}.hb-l small{display:block;font:700 11.5px var(--f-body);color:var(--muted)}.hb-t{height:16px;border-radius:8px;background:var(--bg);overflow:hidden}.hb-t i{display:block;height:100%;border-radius:8px}.hb-v{font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.hb-v small{display:block;font-size:11px;color:var(--bad);font-weight:800}.lc{width:100%;height:auto;display:block}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions .chip{min-height:34px;padding:4px 9px;font-size:12.5px}.chip.danger{color:var(--bad)}.chip.danger[data-armed="1"]{background:var(--bad);border-color:var(--bad);color:#fff}.tag-off{font-size:11px;font-weight:900;color:var(--bad)}h3{font:800 18px var(--f-display)}