:root{--bg:#cfe8fa;--pig:#9ccbee;--card:#ffffffeb;--ink:#1f3347;--mut:#4a6b85;--gold:#e8b23a;--ok:#2e8b62;--bad:#c2413b;--line:#b5d6ee;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12222f;--pig:#254458;--card:#182c3cf0;--ink:#e6f2fb;--mut:#8fb3cc;--line:#254458;--ok:#5fd0a0;--bad:#ff8a80}}:root[data-theme=dark]{--bg:#12222f;--pig:#254458;--card:#182c3cf0;--ink:#e6f2fb;--mut:#8fb3cc;--line:#254458;--ok:#5fd0a0;--bad:#ff8a80}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Fredoka,system-ui,sans-serif;font-size:16px}#pig{opacity:.55;pointer-events:none;z-index:0;width:min(120vw,720px);position:fixed;bottom:8vh;right:-18vw}#pig *{fill:var(--pig)}#pig .d{fill:var(--bg)}main{z-index:1;max-width:560px;margin:0 auto;padding:16px 14px 96px;position:relative}h1{margin:4px 0 2px;font-size:26px;font-weight:700}h2{margin:18px 0 8px;font-size:18px}.sub{color:var(--mut);margin:0 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:8px 0;padding:12px 14px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.grp{color:var(--mut);margin:14px 2px 4px;font-size:15px;font-weight:600}.big{font-size:28px;font-weight:700}.alert{background:var(--ink);color:var(--bg);border-radius:18px;margin:8px 0;padding:14px}.alert b{color:var(--gold)}button{font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:14px;padding:10px 14px;font-weight:600}button.g{background:var(--gold);color:#1f3347}button.l{color:var(--mut);background:0 0;padding:6px 8px}button.ok{background:var(--ok);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input,select,textarea{font:inherit;border:1.5px solid var(--line);color:#1f3347;background:#fff;border-radius:12px;width:100%;padding:11px}label{color:var(--mut);margin:10px 0 3px;font-size:14px;display:block}nav{z-index:5;background:var(--ink);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:var(--bg);opacity:.6;background:0 0;flex:1;padding:8px 0;font-size:13px}nav button.on{opacity:1;color:var(--gold)}dialog{background:var(--bg);width:min(92vw,440px);color:var(--ink);border:0;border-radius:22px;max-height:88vh;padding:18px}dialog::backdrop{background:#1e0a128c}.bars{align-items:flex-end;gap:2px;height:110px;margin-top:8px;display:flex;overflow-x:auto}.bars i{background:var(--gold);border-radius:4px 4px 0 0;flex:1;min-width:6px;display:block}.tag{background:var(--line);color:var(--ink);border-radius:20px;padding:2px 9px;font-size:13px}.tagbad{background:var(--bad);color:#fff;border-radius:20px;padding:2px 9px;font-size:13px}.neg{color:var(--bad)}.pos{color:var(--ok)}.empty{text-align:center;color:var(--mut);padding:26px 10px}.syncbar{z-index:6;text-align:center;color:var(--bg);background:var(--mut);opacity:.95;padding:3px;font-size:12px;position:fixed;top:0;left:0;right:0}.syncbar.off{background:var(--bad)}.syncbar.ok{background:var(--ok)}.flexcol{flex-direction:column;gap:4px;min-width:130px;display:flex}a{color:inherit}