:root{--bg: #f3f4f8;--surface: #ffffff;--sunken: #e9ebf3;--line: #d9dce8;--fg: #1b1e2e;--muted: #5d6280;--accent: #3d4fd1;--accent-ink: #ffffff;--accent-soft: #e3e6fb;--ok: #17804e;--ok-soft: #dcf3e6;--warn: #a55f00;--warn-soft: #fdf0d9;--bad: #c0303c;--bad-soft: #fbe2e4;--f-ui: "Figtree", "Segoe UI", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12141d;--surface: #1b1e2b;--sunken: #232738;--line: #2f3448;--fg: #e8eaf4;--muted: #9a9fbd;--accent: #8a98ff;--accent-ink: #12141d;--accent-soft: #2a2f55;--ok: #5fd39a;--ok-soft: #173a2a;--warn: #f2b25c;--warn-soft: #3d2d14;--bad: #ff7d87;--bad-soft: #43202a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-ui);font-size:15px;line-height:1.5}h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em;text-wrap:balance}h2{font-size:15px;margin:0 0 12px}h2.mt{margin-top:20px}.lede{color:var(--muted);margin:0 0 16px;max-width:70ch}.muted{color:var(--muted)}.sm{font-size:13px}.mono{font-family:var(--f-mono);font-size:12px;color:var(--muted)}.nm{font-weight:600}.nowrap{white-space:nowrap}.pos{color:var(--ok)}.neg{color:var(--bad)}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px;min-width:0}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed}.btn{font-weight:700;border:0;border-radius:8px;padding:10px 16px;background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45}.btn.ghost{background:var(--sunken);color:var(--fg)}.btn.ghost.danger{color:var(--bad)}.btn.sm{padding:6px 12px;font-size:13px}.btn-del{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px;font-size:14px;line-height:1;margin-left:6px;cursor:pointer}.btn-del:hover{background:var(--bad-soft);border-color:var(--bad)}.tab-head{margin:14px 0 4px;align-items:center}.tab-head .lede{margin:0}.row-actions{display:flex;gap:6px;align-items:center}.row-actions .btn-del{margin-left:0}.subtabs+.toolbar,.subtabs+.lede,.subtabs+.chips{margin-top:14px}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:99px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;vertical-align:1px}textarea{resize:vertical;min-height:90px}.notes{display:flex;flex-direction:column;margin-top:12px}.note{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.note-check{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--ok);cursor:pointer}.note-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.note-tags{display:flex;gap:6px;flex-wrap:wrap}.note-text{white-space:pre-wrap;overflow-wrap:anywhere}.note.done .note-text{text-decoration:line-through;color:var(--muted)}.note.done .pill{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn.big{width:100%;padding:14px;font-size:17px}.chips,.seg{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:7px 12px;border-radius:99px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--accent-soft);color:var(--accent)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-in{max-width:1320px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.01em}.brand.big{font-size:22px;justify-content:center;margin-bottom:18px}.mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--f-mono);font-size:13px}.nav{display:flex;gap:2px;flex:1;overflow-x:auto}.nav button{background:none;border:0;color:var(--muted);font-weight:600;padding:8px 12px;border-radius:8px;white-space:nowrap}.nav button.on{background:var(--accent-soft);color:var(--accent)}.who{display:flex;align-items:center;gap:12px}.who select{padding:6px 10px;font-weight:600}.branch-tag{font-weight:700;background:var(--accent-soft);color:var(--accent);padding:5px 10px;border-radius:8px;font-size:13px}.user{display:flex;flex-direction:column;line-height:1.2;font-weight:600;font-size:14px}.user small{color:var(--muted);font-weight:500;font-size:12px}.main{max-width:1320px;margin:0 auto;padding:24px 20px 60px}.main>div{display:flex;flex-direction:column;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}.head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input[type=search]{flex:1 1 260px}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tbl-wrap.flat{border:0;border-radius:0}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:var(--sunken);padding:10px 12px;white-space:nowrap}td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:middle}table.compact td,table.compact th{padding:7px 10px}.num{text-align:right;font-variant-numeric:tabular-nums}th.hl,td.hl{background:var(--accent-soft)}td.strong{font-weight:800}tr.click{cursor:pointer}tr.click:hover td{background:var(--sunken)}tr.dim td{opacity:.55}tr.row-diff td{background:var(--warn-soft)}input.fisik{width:90px;text-align:right;padding:6px 8px}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.subtabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:600;padding:10px 12px;white-space:nowrap}.subtabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.form{display:flex;flex-direction:column;gap:14px}.form.sub{padding:14px;background:var(--sunken);border-radius:10px;margin-bottom:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:10px;color:var(--fg);font-size:14px}label.check input{width:18px;height:18px}label.inline{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;color:var(--fg);font-size:14px;font-weight:500}label.inline input{width:150px;text-align:right}.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.self-end{align-self:end;padding-bottom:10px}.actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.actions.left{justify-content:flex-start}.preview{font-family:var(--f-mono);font-size:13px;background:var(--sunken);padding:10px 12px;border-radius:8px}.preview.bad{color:var(--bad)}.form-inline{display:flex;gap:8px;flex-wrap:wrap}.form-inline input{flex:1 1 160px}.list{display:flex;flex-direction:column}.list.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));column-gap:24px}.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.list:not(.cols) .li:first-child{border-top:0}.li-l{min-width:0}.rank{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--sunken);font-size:12px;margin-right:8px;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.tile .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.tile .v{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:2px}.bars{display:flex;align-items:stretch;gap:4px;height:200px;padding-top:8px;overflow-x:auto}.bar-col{flex:1 0 22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:22px}.bar{width:100%;max-width:40px;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}.bar-val{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.bar-lbl{font-size:11px;color:var(--muted);height:16px;white-space:nowrap}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px 28px;width:100%;max-width:340px;text-align:center}.pin-dots{display:flex;justify-content:center;gap:14px;margin:20px 0 6px}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.pin-dots span.on{background:var(--accent);border-color:var(--accent)}.err{color:var(--bad);min-height:22px;margin:4px 0 10px;font-size:14px;font-weight:600}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad button{border:1px solid var(--line);background:var(--sunken);color:var(--fg);border-radius:12px;padding:16px 0;font-size:22px;font-weight:700}.pinpad button.fn{font-size:15px;color:var(--muted)}.pinpad button:active{background:var(--accent-soft)}.main>.pos{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.pos-left{display:flex;flex-direction:column;gap:12px;min-width:0}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.pcard{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--fg);min-height:120px}.pcard:hover:not(:disabled){border-color:var(--accent)}.pcard:disabled{opacity:.5}.pc-cat{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.pc-name{font-weight:700;line-height:1.25}.pc-var{font-size:13px;color:var(--muted)}.pc-bot{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px;font-variant-numeric:tabular-nums}.st{font-size:12px;color:var(--muted);white-space:nowrap}.st.warn{color:var(--warn);font-weight:700}.st.bad{color:var(--bad);font-weight:700}.pos-right{position:sticky;top:72px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 90px);overflow-y:auto}.pos-right h2{margin:0}.cart{display:flex;flex-direction:column}.cline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.cline:first-child{border-top:0}.cl-sum{font-weight:700;font-variant-numeric:tabular-nums;min-width:92px;text-align:right}.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--sunken);color:var(--fg);font-weight:700}.qty span{min-width:22px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.totals{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:12px}.totals>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.grand{font-size:20px;font-weight:800}.cash{display:flex;flex-direction:column;gap:8px}.change{font-weight:800;font-size:16px;color:var(--ok)}.change.bad{color:var(--bad)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c148c;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:14px;padding:20px;width:100%;max-width:360px;max-height:90vh;overflow-y:auto}.receipt{font-family:var(--f-mono);font-size:12px;color:#111;background:#fff;padding:16px;border:1px dashed #bbb;border-radius:6px}.receipt>div+div{border-top:1px dashed #bbb;margin-top:10px;padding-top:10px}.r-head{text-align:center}.r-head b{font-size:15px;letter-spacing:.1em}.r-meta>div,.r-line,.r-tot>div{display:flex;justify-content:space-between;gap:10px}.r-item+.r-item{margin-top:6px}.r-tot .grand{font-size:14px}.r-foot{text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:var(--fg);color:var(--bg);padding:11px 18px;border-radius:10px;font-weight:600;font-size:14px;max-width:calc(100% - 32px);z-index:100;box-shadow:0 6px 24px #0003}.toast.err{background:var(--bad);color:#fff}@media (max-width: 1000px){.main>.pos{grid-template-columns:1fr}.pos-right{position:static;max-height:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}@media (max-width: 640px){.main{padding:16px 16px 48px}.topbar-in{padding:10px 16px;gap:10px}.row2,.row3{grid-template-columns:1fr}.user small{display:none}}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;left:0;top:0;width:58mm;border:0;padding:0}.modal-back{background:none}}.sky-show{font-size:13px;padding:6px 10px;line-height:1}.has-ground .main{padding-bottom:110px}.has-ground .toast{bottom:84px}.has-ground .pos-right{max-height:calc(100vh - 160px)}.login-wrap~.toast{bottom:84px}.decor{position:absolute;bottom:6px;transform-origin:bottom center;line-height:0}.decor.sway{animation:sway 2.8s ease-in-out infinite alternate}.cat-spot{position:absolute;bottom:6px}.cat-hit{pointer-events:auto;cursor:pointer;width:100%;height:100%;transform-origin:bottom center}.cat-hit.jump{animation:jump .5s ease-out}.bubble{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#fff;color:#3a2a24;font-size:12px;font-weight:800;padding:3px 9px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px #00000026;animation:pop .25s ease-out;z-index:2}.bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}.bubble.big{font-size:15px;padding:5px 12px;bottom:90%}.blink{animation:blink 4.5s infinite;transform-box:fill-box;transform-origin:center}.tail-sit{animation:wag 1.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left bottom}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti i{position:absolute;top:-14px;width:8px;height:13px;border-radius:2px;animation:fall ease-in forwards}.confetti i.round{width:10px;height:10px;border-radius:50%}.zoomer{position:absolute;top:20%;left:-220px;width:200px;height:114px;animation:zoom 2.6s ease-in-out forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%{opacity:.25;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}@keyframes sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes jump{0%{transform:translateY(0)}40%{transform:translateY(-18px) scale(1.05)}to{transform:translateY(0)}}@keyframes pop{0%{transform:translate(-50%) scale(.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes wag{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(720deg)}}@keyframes zoom{0%{left:-220px;transform:translateY(0)}50%{transform:translateY(-30px)}to{left:100%;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.decor.sway,.blink,.tail-sit,.cat-hit.jump{animation:none}}.theme-tools{position:absolute;right:12px;bottom:6px;z-index:3;display:flex;gap:6px;pointer-events:auto}.theme-btn{font-size:11px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:3px 10px;opacity:.9}:root{--water-top: #dff6ff;--water-mid: #9edcf3;--water-bot: #4aa9d4;--sand-top: #f8e7bd;--sand-bot: #e3c283;--sand-line: rgb(170 130 60 / .35);--aq-far1: rgb(40 120 170 / .32);--aq-far2: rgb(30 105 150 / .38);--aq-sil: rgb(30 100 150 / .55);--aq-kelp: #3f9d6b;--aq-lure: rgb(255 246 170 / .5);--aq-ray: rgb(255 255 255 / .5);--aq-vignette: rgb(10 60 100 / .22);--aq-snow: rgb(255 255 255 / .8) }@media (prefers-color-scheme: dark){:root{--water-top: #0d3d63;--water-mid: #072540;--water-bot: #020c1a;--sand-top: #6b5a3a;--sand-bot: #3f331f;--sand-line: rgb(0 0 0 / .25);--aq-far1: rgb(2 18 36 / .55);--aq-far2: rgb(1 10 22 / .62);--aq-sil: rgb(120 190 255 / .18);--aq-kelp: #1f6a4a;--aq-lure: rgb(255 240 140 / .6);--aq-ray: rgb(160 220 255 / .22);--aq-vignette: rgb(0 0 0 / .5);--aq-snow: rgb(200 235 255 / .55) }}.theme-bg .main,.login{position:relative;z-index:1}.aq-water{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(var(--water-top),var(--water-mid) 45%,var(--water-bot))}.aq-water:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 70% at 50% 35%,transparent 55%,var(--aq-vignette))}.aq-ray{position:absolute;top:-10%;width:90px;height:80%;background:linear-gradient(var(--aq-ray),transparent);transform-origin:top center;filter:blur(8px);animation:aq-ray 8s ease-in-out infinite alternate}.aq-bub{position:absolute;bottom:-20px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .8);background:radial-gradient(circle at 32% 30%,#fff 0 14%,rgb(255 255 255 / .15) 34%,transparent 70%);animation:aq-rise linear infinite}.aq-swim{position:absolute;left:0;animation:aq-swim linear infinite}.aq-face,.aq-wobble{width:100%;height:100%}.aq-face.rev{transform:scaleX(-1)}.aq-wobble{animation:aq-wobble 2.2s ease-in-out infinite alternate}.aq-jelly{position:absolute;top:62%;animation:aq-float ease-in-out infinite alternate}.aq-bell{animation:aq-pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center top}.aq-tent{animation:aq-wave 1.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center top}.aq-tail,.aq-fluke{animation:wag .35s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.aq-fluke{animation-duration:.6s}.aq-fin{animation:wag .8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:top center}.aq-flip-f,.aq-flip-b{animation:aq-paddle 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left top}.aq-flip-b{animation-delay:-.7s;transform-origin:right top}.aq-floor{position:fixed;left:0;right:0;bottom:0;height:100px;z-index:5;pointer-events:none}.aq-floor .decor{bottom:4px}.aq-hover{animation:aq-wobble 2.6s ease-in-out infinite alternate}.aq-party{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.aq-party i{position:absolute;bottom:-30px;border-radius:50%;border:2px solid rgb(255 255 255 / .9);background:radial-gradient(circle at 32% 30%,#fff 0,#fff 14%,#a0dcff4d 36%,#78c8ff1f 70%);animation:aq-burst ease-out forwards}.aq-leap{position:absolute;bottom:12%;left:-200px;width:180px;height:90px;animation:aq-leap 2.6s ease-in-out forwards}.aq-school{position:relative;width:100%;height:100%}.aq-school>.aq-wobble{position:absolute;width:24px;height:16px}.aq-school>.aq-mermaid{position:absolute;right:0;top:4%;width:58%;height:74%}.aq-hair{animation:aq-tent-h 1.3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.aq-puff{animation:aq-puff 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.aq-spout{animation:aq-spout 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center bottom}.aq-flap{animation:aq-flap 1.8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.aq-tent-h{animation:aq-tent-h 1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.aq-wiggle{animation:aq-wave 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center top}.aq-clam{animation:aq-clam 4s ease-in-out infinite;transform-box:fill-box;transform-origin:left bottom}.aq-glint{animation:aq-shimmer 1.8s ease-in-out infinite alternate}.aq-scuttle{animation:aq-scuttle .25s linear infinite alternate}.aq-pinch-l,.aq-pinch-r{animation:wag .7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right bottom}.aq-pinch-r{transform-origin:left bottom;animation-delay:-.35s}.aq-crab{position:absolute;bottom:3px;left:4%;z-index:1;animation:aq-crabwalk ease-in-out infinite alternate}.aq-crab .cat-hit{width:100%;height:100%}@keyframes aq-puff{0%,60%,to{transform:scale(1)}75%{transform:scale(1.22)}}@keyframes aq-spout{0%{transform:scaleY(.2);opacity:0}30%{opacity:1}70%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1.1);opacity:0}}@keyframes aq-flap{0%{transform:scaleY(1)}to{transform:scaleY(.72)}}@keyframes aq-tent-h{0%{transform:skewY(-6deg)}to{transform:skewY(6deg)}}@keyframes aq-clam{0%,55%,to{transform:rotate(0)}70%,90%{transform:rotate(-28deg)}}@keyframes aq-scuttle{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@keyframes aq-crabwalk{0%{left:3%}to{left:88%}}@keyframes aq-swim{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 20px))}}@keyframes aq-wobble{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@keyframes aq-float{0%{transform:translateY(0)}to{transform:translateY(-38vh)}}@keyframes aq-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06,.9)}}@keyframes aq-wave{0%{transform:skew(-8deg)}to{transform:skew(8deg)}}@keyframes aq-paddle{0%{transform:rotate(-14deg)}to{transform:rotate(16deg)}}@keyframes aq-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(var(--sway),-50vh)}to{transform:translateY(-105vh);opacity:0}}@keyframes aq-shimmer{0%{opacity:.35}to{opacity:.9}}@keyframes aq-burst{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-110vh) scale(1.1);opacity:.2}}@keyframes aq-leap{0%{left:-200px;transform:translateY(0) rotate(-28deg)}50%{transform:translateY(-42vh) rotate(0)}to{left:100%;transform:translateY(0) rotate(28deg)}}@media (prefers-reduced-motion: reduce){.aq-swim{animation:none;left:var(--x)}.aq-ray,.aq-bub,.aq-wobble,.aq-jelly,.aq-bell,.aq-tent,.aq-tail,.aq-fluke,.aq-fin,.aq-flip-f,.aq-flip-b,.aq-hover,.aq-hair,.aq-puff,.aq-spout,.aq-flap,.aq-tent-h,.aq-wiggle,.aq-clam,.aq-glint,.aq-scuttle,.aq-pinch-l,.aq-pinch-r,.aq-crab{animation:none}.aq-bub{display:none}}@media print{.aq-water,.aq-floor{display:none}}.feed-kinds{margin:0 0 12px}.feed-day{margin-top:18px}.feed-date{font-size:15px;margin:0 0 8px}.feed{list-style:none;margin:0;padding:0}.feed li{display:flex;gap:14px;align-items:flex-start;padding:12px 16px;border-top:1px solid var(--line)}.feed li:first-child{border-top:0}.feed li.click{cursor:pointer}.feed li.click:hover{background:var(--sunken)}.feed-time{font-weight:700;font-variant-numeric:tabular-nums;min-width:44px}.feed-body{flex:1;min-width:0;line-height:1.6}.feed-rp{font-weight:700;white-space:nowrap}.cat-tag{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:6px;background:var(--sunken);border:1px solid var(--line)}@media (max-width: 560px){.feed li{flex-wrap:wrap;gap:4px 12px}.feed-rp{margin-left:56px}}:root{--hw-top: #d9c8fb;--hw-mid: #f4c8e4;--hw-bot: #ffc48e;--hw-ground-top: #5e4e7c;--hw-ground-bot: #3a2f52;--web: rgb(80 60 120 / .35);--hw-fog: rgb(255 255 255 / .55);--hw-far1: #c4a9dc;--hw-far2: #9a7cbd;--hw-win: #ffd36a;--hw-cloud: rgb(255 255 255 / .55);--hw-grass: #4a3d66;--hw-ground-line: rgb(0 0 0 / .18);--hw-fence: #3a2c52;--hw-halo: rgb(255 236 180 / .45) }@media (prefers-color-scheme: dark){:root{--hw-top: #0b0820;--hw-mid: #22143f;--hw-bot: #45204e;--hw-ground-top: #3a2d55;--hw-ground-bot: #1c1530;--web: rgb(255 255 255 / .22);--hw-fog: rgb(200 190 255 / .12);--hw-far1: #2a1a45;--hw-far2: #1a1030;--hw-win: #ffc44a;--hw-cloud: rgb(40 28 70 / .85);--hw-grass: #2a2044;--hw-ground-line: rgb(0 0 0 / .3);--hw-fence: #120c20;--hw-halo: rgb(255 226 160 / .22) }}.hw-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(var(--hw-top),var(--hw-mid) 55%,var(--hw-bot))}.hw-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:twinkle 1.8s ease-in-out infinite alternate;opacity:.8}.hw-moon{position:absolute;right:8%;top:6%;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe6,#ffe9a8 60%,#f5d47a);box-shadow:0 0 40px 10px #ffe9a88c,0 0 120px 40px #ffc87840}.hw-moon:before,.hw-moon:after{content:"";position:absolute;border-radius:50%;background:#d6b46459}.hw-moon:before{width:22px;height:22px;left:26px;top:50px}.hw-moon:after{width:14px;height:14px;left:64px;top:28px}.hw-web{position:absolute;top:0;line-height:0}.hw-web.l{left:0}.hw-web.r{right:0}.hw-spider{position:absolute;top:0;width:30px;border-left:1px solid var(--web);margin-left:15px;transform-origin:top;animation:hw-dangle ease-in-out infinite alternate}.hw-spider svg{position:absolute;bottom:-22px;left:-16px}.hw-legs{animation:hw-wiggle .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.hw-fly{position:absolute;left:0;animation:hw-fly linear infinite}.hw-wing-l,.hw-wing-r{animation:hw-flap .22s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.hw-wing-r{transform-origin:left center;animation-name:hw-flap-r}.hw-cape{animation:aq-wave .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.hw-broom{animation:aq-tent-h .4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.hw-ghost{position:absolute;opacity:.92;animation:hw-haunt ease-in-out infinite alternate}.hw-arm-l,.hw-arm-r{animation:wag .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}.hw-arm-r{transform-origin:left center;animation-delay:-.45s}.hw-fog{position:absolute;bottom:60px;height:90px;width:70%;border-radius:50%;background:var(--hw-fog);filter:blur(24px);animation:hw-fog 30s ease-in-out infinite alternate}.hw-fog.a{left:-10%}.hw-fog.b{right:-15%;bottom:30px;animation-duration:38s;animation-direction:alternate-reverse}.hw-floor{position:fixed;left:0;right:0;bottom:0;height:100px;z-index:5;pointer-events:none}.hw-floor .decor,.hw-floor .cat-spot{bottom:4px}.hw-peek{animation:hw-peek 4s ease-in-out infinite}.hw-glow{animation:hw-glow 1.6s ease-in-out infinite alternate}.hw-bubbles circle{animation:hw-pop 1.8s ease-in infinite;transform-box:fill-box;transform-origin:center}.hw-flame{animation:hw-flicker .3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center bottom}.hw-swing{animation:wag 2.4s ease-in-out infinite alternate}@keyframes hw-flap{0%{transform:rotate(-22deg) scaleY(1)}to{transform:rotate(18deg) scaleY(.7)}}@keyframes hw-flap-r{0%{transform:rotate(22deg) scaleY(1)}to{transform:rotate(-18deg) scaleY(.7)}}@keyframes hw-dangle{0%{height:30px}to{height:var(--drop, 120px)}}@keyframes hw-wiggle{0%{transform:scaleY(1)}to{transform:scaleY(.85)}}@keyframes hw-haunt{0%{transform:translate(0)}50%{transform:translate(30px,-22px)}to{transform:translate(-10px,14px)}}@keyframes hw-fog{0%{transform:translate(0)}to{transform:translate(12%)}}@keyframes hw-peek{0%,35%,to{transform:translateY(26px)}50%,80%{transform:translateY(0)}}@keyframes hw-glow{0%{opacity:.65}to{opacity:1}}@keyframes hw-pop{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:1}to{transform:translateY(-10px) scale(1.1);opacity:0}}@keyframes hw-flicker{0%{transform:scaleY(1)}to{transform:scaleY(.8) scaleX(1.06)}}@media (prefers-reduced-motion: reduce){.hw-fly{animation:none;left:var(--x)}.hw-star,.hw-spider,.hw-legs,.hw-wing-l,.hw-wing-r,.hw-cape,.hw-broom,.hw-ghost,.hw-arm-l,.hw-arm-r,.hw-fog,.hw-peek,.hw-glow,.hw-bubbles circle,.hw-flame,.hw-swing{animation:none}}.hw-dwing{animation:hw-dflap .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right bottom}.hw-dwing.back{animation-delay:-.25s}.hw-jaw{animation:hw-jaw 4s ease-in-out infinite;animation-delay:var(--fire, 0s);transform-box:fill-box;transform-origin:left top}.hw-fire{animation:hw-fire 4s ease-out infinite;animation-delay:var(--fire, 0s);transform-box:fill-box;transform-origin:left center;filter:drop-shadow(0 0 6px #ff8a3d)}.hw-fire-in{animation:hw-flicker .12s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left center}.hw-ember{animation:hw-ember .6s ease-out infinite}.hw-swarm-bat{width:30px!important;height:16px!important}.hw-lantern{filter:drop-shadow(0 0 8px rgb(255 170 60 / .7))}@keyframes hw-fly{0%{transform:translate(-360px)}to{transform:translate(calc(100vw + 20px))}}@keyframes hw-dflap{0%{transform:rotate(-14deg) scaleY(1)}to{transform:rotate(10deg) scaleY(.75)}}@keyframes hw-jaw{0%,50%,92%,to{transform:rotate(0)}56%,86%{transform:rotate(16deg)}}@keyframes hw-fire{0%,54%{transform:scaleX(0);opacity:0}60%{transform:scaleX(.5);opacity:1}66%,84%{transform:scaleX(1);opacity:1}92%,to{transform:scaleX(.2);opacity:0}}@keyframes hw-ember{0%{transform:translate(0);opacity:1}to{transform:translate(8px,-6px);opacity:0}}@media (prefers-reduced-motion: reduce){.hw-dwing,.hw-jaw,.hw-fire,.hw-fire-in,.hw-ember{animation:none}}.hw-walk{position:absolute;bottom:6px;left:-80px;z-index:1;animation:hw-walk linear infinite}.hw-walk.rev{animation-name:hw-walk-rev}.hw-walk .cat-hit,.hw-face,.hw-shamble,.hw-bounce{width:100%;height:100%}.hw-face.rev{transform:scaleX(-1)}.hw-shamble{animation:hw-shamble 1.4s ease-in-out infinite alternate;transform-origin:bottom center}.hw-bounce{animation:hw-bounce .4s ease-in-out infinite alternate}.hw-leg-a,.hw-leg-b,.hw-arm-a,.hw-arm-b{transform-box:fill-box;transform-origin:center top;animation:hw-step .7s ease-in-out infinite alternate}.hw-leg-b,.hw-arm-a{animation-delay:-.7s}.hw-shamble .hw-leg-a,.hw-shamble .hw-leg-b{animation-duration:1.4s}.hw-shamble .hw-leg-b{animation-delay:-1.4s}.hw-zarm{animation:hw-zarm 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left center}.hw-chatter{animation:hw-chatter .25s ease-in-out infinite alternate}.hw-hand-pit{position:absolute;bottom:8px;width:26px;height:40px;overflow:hidden}.hw-hand{animation:hw-rise 7s ease-in-out infinite;transform:translateY(40px)}@keyframes hw-walk{0%{left:-80px}to{left:100%}}@keyframes hw-walk-rev{0%{left:100%}to{left:-80px}}@keyframes hw-shamble{0%{transform:rotate(-4deg)}to{transform:rotate(5deg) translateY(-2px)}}@keyframes hw-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes hw-step{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes hw-zarm{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes hw-chatter{0%{transform:translateY(0)}to{transform:translateY(2px)}}@keyframes hw-rise{0%,20%{transform:translateY(40px)}35%{transform:translateY(2px) rotate(-6deg)}45%{transform:translateY(0) rotate(6deg)}55%{transform:translateY(0) rotate(-6deg)}65%{transform:translateY(2px) rotate(4deg)}80%,to{transform:translateY(40px)}}@media (prefers-reduced-motion: reduce){.hw-walk,.hw-walk.rev{animation:none;left:var(--x)}.hw-shamble,.hw-bounce,.hw-leg-a,.hw-leg-b,.hw-arm-a,.hw-arm-b,.hw-zarm,.hw-chatter{animation:none}.hw-hand{animation:none;transform:none}}.hw-vcape{animation:hw-vflap .45s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right bottom}.aq-school>.hw-vamp-lead{position:absolute;right:0;top:0;width:72%;height:100%}@keyframes hw-vflap{0%{transform:rotate(-10deg) scaleY(1)}to{transform:rotate(8deg) scaleY(.7)}}@media (prefers-reduced-motion: reduce){.hw-vcape{animation:none}}@media print{.hw-sky,.hw-floor{display:none}}.peeking .topbar,.peeking .main{display:none}.peek-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:4px;padding:4px;border-radius:99px;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 18px #0000002e;opacity:.92}.peek-bar button{border:0;background:none;color:var(--muted);font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px;white-space:nowrap}.peek-bar button.on{background:var(--accent);color:var(--accent-ink)}.peek-bar button.back{color:var(--fg);background:var(--sunken)}@media (max-width: 420px){.peek-bar button{padding:7px 10px;font-size:12px}}.acc-list{display:grid;gap:8px;margin-top:12px;text-align:left}.acc{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer}.acc:hover{border-color:var(--accent);background:var(--accent-soft)}.link{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.offline-bar{position:relative;z-index:2;max-width:1200px;margin:10px auto 0;padding:10px 14px;border-radius:10px;background:var(--warn-soft);color:var(--warn);font-weight:600;font-size:14px}.offline-bar.bad{background:var(--bad-soft);color:var(--bad)}.offline-bar .btn{margin-left:10px}.meter{height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0 4px}.meter>span{display:block;height:100%;border-radius:inherit;background:var(--ok)}.meter.warn>span{background:var(--warn)}.meter.bad>span{background:var(--bad)}.aq-caustic{position:absolute;top:0;left:-240px;width:calc(100% + 480px);height:48%;opacity:.55;background:radial-gradient(ellipse 46px 14px at 50% 50%,rgb(255 255 255 / .55),transparent 70%) 0 0 / 160px 70px,radial-gradient(ellipse 30px 10px at 50% 50%,rgb(255 255 255 / .4),transparent 70%) 80px 35px / 160px 70px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);animation:aq-caustic 14s linear infinite}.aq-caustic.b{opacity:.4;background-size:220px 90px,220px 90px;animation-duration:19s;animation-direction:reverse}@media (prefers-color-scheme: dark){.aq-caustic{opacity:.12}.aq-caustic.b{opacity:.08}}.aq-far-reef{position:absolute;left:0;width:100%;bottom:36px}.aq-far-reef.back{height:240px;filter:blur(1.5px)}.aq-far-reef.front{height:170px;bottom:30px;filter:blur(.6px)}.aq-ship{position:absolute;left:58%;bottom:112px;width:280px;height:130px;filter:blur(1.5px)}.aq-far{opacity:.36;filter:blur(1.4px) saturate(.35)}@media (prefers-color-scheme: dark){.aq-far{opacity:.3;filter:blur(1.4px) saturate(.3) brightness(.7)}}.aq-kelp{position:absolute;bottom:30px;aspect-ratio:70 / 400;transform-origin:bottom center;animation:aq-kelp ease-in-out infinite alternate}.aq-kelp svg{width:100%;height:100%}.aq-kelp.dim{opacity:.55;filter:blur(1px)}.aq-snow{position:absolute;border-radius:50%;background:var(--aq-snow);animation:aq-snow linear infinite}.aq-lure{animation:aq-lure 2.4s ease-in-out infinite}.aq-lure-glow{animation:aq-lure 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center;filter:blur(3px)}@media (prefers-color-scheme: dark){.aq-jelly{filter:drop-shadow(0 0 8px var(--glow))}}.aq-sand{position:absolute;left:0;bottom:0;width:100%;height:52px}.aq-floor .decor,.aq-floor .cat-spot{filter:drop-shadow(2px 3px 2px rgb(0 0 0 / .18))}.aq-stream{position:absolute;bottom:26px;width:12px;height:140px}.aq-stream i{position:absolute;bottom:0;left:3px;border-radius:50%;border:1.2px solid rgb(255 255 255 / .85);background:radial-gradient(circle at 32% 30%,#fff 0 18%,transparent 60%);animation:aq-stream 3s ease-in infinite}@keyframes aq-caustic{to{transform:translate(160px)}}@keyframes aq-ray{0%{opacity:.35;transform:skew(-24deg)}to{opacity:1;transform:skew(-12deg)}}@keyframes aq-kelp{0%{transform:rotate(-2.5deg) skew(2deg)}to{transform:rotate(2.5deg) skew(-2deg)}}@keyframes aq-snow{0%{transform:translate(0);opacity:0}15%,80%{opacity:1}to{transform:translate(18px,70px);opacity:0}}@keyframes aq-lure{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes aq-stream{0%{transform:translate(0) scale(.5);opacity:0}15%{opacity:1}to{transform:translate(var(--sx),-130px) scale(1.1);opacity:0}}@media (prefers-reduced-motion: reduce){.aq-caustic,.aq-kelp,.aq-snow,.aq-lure,.aq-lure-glow,.aq-stream i{animation:none}.aq-stream,.aq-snow{display:none}}.hw-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 30%,transparent 55%,rgb(20 0 40 / .28))}.hw-moon{width:130px;height:130px}.hw-halo{position:absolute;right:calc(8% - 85px);top:calc(6% - 85px);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--hw-halo),transparent 65%);animation:hw-glow 4s ease-in-out infinite alternate}.hw-cloud{position:absolute;left:0;animation:hw-cloud linear infinite}.hw-hills{position:absolute;left:0;width:100%}.hw-hills.back{bottom:40px;height:260px}.hw-hills.front{bottom:30px;height:180px}.hw-mansion{position:absolute;right:9%;bottom:96px;width:210px;height:184px}.hw-tree-sil{position:absolute;aspect-ratio:80 / 120}.hw-win{animation:hw-win ease-in-out infinite}.hw-win-ghost{animation:hw-win-ghost 9s ease-in-out infinite}.hw-wisp{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe98a;box-shadow:0 0 8px 3px #ffdc64b3;animation:hw-wisp ease-in-out infinite alternate,hw-twinkle ease-in-out infinite alternate}.hw-wisp.g{background:#c6ff8a;box-shadow:0 0 8px 3px #96ff7899}.hw-shoot{position:absolute;top:8%;left:10%;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(18deg);opacity:0;animation:hw-shoot 11s ease-in infinite 3s}.hw-ground{position:absolute;left:0;bottom:0;width:100%;height:52px}.hw-floor .decor,.hw-floor .cat-spot,.hw-floor .hw-walk{filter:drop-shadow(2px 3px 2px rgb(0 0 0 / .28))}.hw-ground-glow{position:absolute;bottom:0;width:120px;height:40px;margin-left:-60px;border-radius:50%;background:radial-gradient(ellipse,rgb(255 150 40 / .45),transparent 70%);animation:hw-glow 1.8s ease-in-out infinite alternate}.hw-ground-fog{position:absolute;left:-10%;right:-10%;bottom:-6px;height:40px;border-radius:50%;background:var(--hw-fog);filter:blur(14px);opacity:.5;animation:hw-fog 22s ease-in-out infinite alternate}@keyframes hw-cloud{0%{transform:translate(-320px)}to{transform:translate(calc(100vw + 20px))}}@keyframes hw-win{0%,to{opacity:1}40%{opacity:.85}46%{opacity:.35}52%{opacity:.9}70%{opacity:.6}}@keyframes hw-win-ghost{0%,60%,to{opacity:0}68%,88%{opacity:.85}}@keyframes hw-wisp{0%{transform:translate(0)}to{transform:translate(26px,-34px)}}@keyframes hw-twinkle{0%{opacity:.2}to{opacity:1}}@keyframes hw-shoot{0%{opacity:0;transform:translate(0) rotate(18deg)}2%{opacity:1}8%{opacity:0;transform:translate(420px,136px) rotate(18deg)}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hw-halo,.hw-cloud,.hw-win,.hw-win-ghost,.hw-wisp,.hw-ground-glow,.hw-ground-fog{animation:none}.hw-shoot{display:none}}