:root{--bg:#1a1626;--bg-raised:#241f33;--ink:#f2eef8;--ink-dim:#a79ec0;--accent:#f2a65a;--danger:#e4577f;--line:#ffffff1a;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(120% 80% at 50% 0%, #2a2340 0%, var(--bg) 60%);min-height:100%;color:var(--ink);overscroll-behavior:none;background-attachment:fixed;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:30rem;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:.75rem;margin:0 auto;display:flex}.app--loading{min-height:60vh;color:var(--ink-dim);justify-content:center;align-items:center}.app__head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.app__head h1{letter-spacing:-.01em;margin:0;font-size:1.4rem}.app__week{color:var(--ink-dim);margin:.15rem 0 0;font-size:.85rem}.app__head-actions{align-items:center;gap:.5rem;display:flex}.counts{text-align:center;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.count{border-radius:var(--radius);background:#ffffff09;padding:.5rem 0}.count__value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:650;line-height:1;display:block}.count--strong .count__value{color:var(--accent)}.count__label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim);margin-top:.2rem;font-size:.72rem;display:block}.scene{aspect-ratio:400/560;width:100%;max-height:58vh;margin-inline:auto;position:relative}.scene__glass,.scene__canvas,.scene__front{width:100%;height:100%;position:absolute;inset:0}.scene__canvas{touch-action:none;cursor:grab}.scene__canvas:active{cursor:grabbing}.scene__front{pointer-events:none}.jar,.jar-front{transition:opacity .18s,filter .18s}.jar--dim,.jar-front--dim{opacity:.55;filter:saturate(.25)}.jar-front--target rect,.jar-front--target ellipse{stroke:var(--accent)}.hint{text-align:center;color:var(--ink-dim);min-height:1.2em;margin:0;font-size:.85rem}.button{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:10px;min-height:2.75rem;padding:.6rem .9rem;font-size:.9rem}.button:hover{background:#ffffff17}.button--wide{width:100%}.button--icon{min-width:2.75rem;padding:.5rem;font-size:1.1rem;line-height:1}.button--ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.button--danger{border-color:var(--danger);color:var(--danger)}.sync{align-items:center;display:inline-flex}.sync__dot{background:#6bbfa0;border-radius:50%;width:.5rem;height:.5rem}.sync--syncing .sync__dot{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.sync--offline .sync__dot{background:var(--ink-dim)}.sync--error .sync__dot,.sync--reauth .sync__dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.history h2{margin:.75rem 0 .5rem;font-size:.95rem}.history__empty{color:var(--ink-dim);margin:0;font-size:.85rem}.history__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.history__row{grid-template-columns:6.5rem 1fr auto;align-items:center;gap:.6rem;font-size:.85rem;display:grid}.history__date{color:var(--ink-dim)}.history__bar{background:#ffffff12;border-radius:999px;height:.5rem;position:relative;overflow:hidden}.history__bar:after{content:"";width:var(--fill,0%);background:linear-gradient(90deg, #6bbfa0, var(--accent));border-radius:inherit;position:absolute;inset:0 auto 0 0}.history__score{font-variant-numeric:tabular-nums;font-weight:600}.history__of{color:var(--ink-dim);font-weight:400}.history__best{color:var(--accent);margin-left:.2rem}.sparkline{width:100%;height:3.5rem;margin-bottom:.6rem;overflow:visible}.sparkline__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline__area{fill:#f2a65a24;stroke:none}.sparkline__dot{fill:var(--accent)}.sheet{z-index:10;background:#08060ea6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{background:var(--bg-raised);width:min(30rem,100%);padding:1rem 1rem max(1.25rem, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:1rem;max-height:85vh;display:flex;overflow-y:auto}.sheet__head{justify-content:space-between;align-items:center;display:flex}.sheet__head h2{margin:0;font-size:1.05rem}.sheet__actions{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.sheet__warn{color:var(--ink-dim);margin:0;font-size:.85rem}.field{flex-direction:column;gap:.35rem;display:flex}.field--row{flex-direction:row;justify-content:space-between;align-items:center}.field__label{font-size:.9rem}.field__value{color:var(--ink-dim);font-size:.85rem}.field__input{font:inherit;border:1px solid var(--line);min-height:2.75rem;color:var(--ink);background:#00000040;border-radius:10px;width:6rem;padding:.6rem .7rem;font-size:1rem}.field__hint{color:var(--ink-dim);font-size:.78rem}.field__warn{color:var(--danger)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}