@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-800-normal-Bd8-pIP1.woff2)format("woff2"),url(/assets/poppins-latin-800-normal-YoItoZZV.woff)format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-DHTKMUil.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-B1g8a0vD.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-BpXpdlRW.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-BsaNuasd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-BVZ5su8S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-DMe4EKeb.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f4ee;--surface:#fff;--surface-2:#f0ece4;--border:#e3ddd1;--text:#22201c;--muted:#6d675d;--danger:#c2412d;--warn-bg:#fff4d6;--warn-text:#6b4a00;--accent:#c98a0b;--radius:14px;--shadow:0 1px 2px #281e0a0d, 0 4px 14px #281e0a0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);color:var(--text);background:var(--bg);font-size:100%;line-height:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17161a;--surface:#211f25;--surface-2:#2b2930;--border:#38353e;--text:#efece6;--muted:#a49e94;--danger:#ff7a66;--warn-bg:#3a2f12;--warn-text:#ffe29a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#17161a;--surface:#211f25;--surface-2:#2b2930;--border:#38353e;--text:#efece6;--muted:#a49e94;--danger:#ff7a66;--warn-bg:#3a2f12;--warn-text:#ffe29a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h1{letter-spacing:-.02em;font-size:1.7rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:100;background:var(--surface);padding:.5rem;top:.5rem;left:1rem}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-name{letter-spacing:-.02em;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem;font-weight:800}.brand-star{background:linear-gradient(#f6c64a,#c98a0b 70%,#a86f05);color:#0000;-webkit-background-clip:text;background-clip:text}.brand-logo{width:1.7em;height:1.7em;display:block}.hero-logo{filter:drop-shadow(0 6px 14px #96640a40);width:6rem;height:6rem;margin-bottom:.75rem}.nav{flex:1;gap:.25rem;display:flex}.nav-link{color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.avatar{background:var(--surface-2);border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:1.4rem;text-decoration:none;display:grid}main{padding:1.25rem 1.25rem 6rem}.page{max-width:1120px;margin:0 auto}.page.narrow{max-width:680px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.motto{color:var(--muted);margin:0;font-size:1.2rem;font-style:italic;line-height:1.35}.dash-date{color:var(--muted);margin:.2rem 0 0;font-size:1.2rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem 1.1rem}.section-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row{flex-wrap:wrap;gap:.75rem;display:flex}.row>*{flex:160px}.spacer{flex:1}.push-right{margin-left:auto}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;min-height:2.4rem;padding:.5rem .95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 85%, #000)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger)}.btn.link{color:var(--accent);background:0 0;border:none;min-height:0;padding:.25rem 0;font-weight:600}.btn.small{min-height:2rem;padding:.3rem .65rem;font-size:.88rem}.btn.tiny{border-radius:7px;min-height:1.6rem;padding:.1rem .45rem;font-size:.78rem}.btn.large{padding:.7rem 1.3rem;font-size:1.05rem}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;width:2.3rem;height:2.3rem;font-size:1.1rem}.fab{background:var(--accent);color:#fff;cursor:pointer;z-index:15;border:none;border-radius:50%;width:min(3.6rem,64px);height:min(3.6rem,64px);font-size:min(2rem,36px);line-height:1;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 6px 20px #0003}.field{border:none;flex-direction:column;gap:.3rem;min-width:0;margin:0 0 .9rem;padding:0;display:flex}.field>label,.field>legend,.inline-field{font-size:.9rem;font-weight:600}.field>legend{margin-bottom:.35rem}input:not([type=radio]):not([type=checkbox]),select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;min-height:2.5rem;padding:.55rem .7rem}textarea{resize:vertical}.has-error input,.has-error select{border-color:var(--danger)}.error{color:var(--danger);font-size:.85rem}.hint{color:var(--muted);font-size:.82rem}.hint.warn{color:var(--warn-text);background:var(--warn-bg);border-radius:8px;margin-top:.4rem;padding:.4rem .6rem}.inline-field{flex-direction:column;gap:.25rem;display:flex}.type-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;display:grid}.type-option{border:1.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:.15rem;padding:.7rem;font-size:.85rem;display:flex}.type-option input{opacity:0;position:absolute}.type-option em{color:var(--muted);font-size:.78rem}.type-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.type-option:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent)}.symbol-picker{flex-wrap:wrap;gap:.3rem;max-height:9.5rem;padding:2px;display:flex;overflow-y:auto}.symbol-choice{background:var(--surface-2);cursor:pointer;border:1.5px solid #0000;border-radius:10px;width:2.4rem;height:2.4rem;font-size:1.3rem}.symbol-choice.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.accent-picker{gap:.5rem;display:flex}.accent-choice{border:3px solid var(--surface);width:2.2rem;height:2.2rem;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.accent-choice.selected{box-shadow:0 0 0 3px var(--text)}.rule-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rule-row select{flex:14rem;width:auto}.rule-amount{white-space:nowrap;flex:none;align-items:center;gap:.5rem;display:inline-flex}.rule-amount input{width:5.5rem!important}.duration-inputs{align-items:center;gap:.35rem;display:flex}.duration-inputs input{width:5rem!important}.segmented{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;padding:3px;display:inline-flex}.segmented label{cursor:pointer;border-radius:8px;padding:.35rem .75rem;font-size:.88rem;font-weight:600}.segmented label.selected{background:var(--surface);box-shadow:var(--shadow)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent)}.notice{border-radius:10px;margin:.5rem 0;padding:.7rem .9rem}.notice.warn{background:var(--warn-bg);color:var(--warn-text)}.notice.banner{justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 1.25rem 0;display:flex}.meta{color:var(--muted);font-size:.8rem}.modal-backdrop{z-index:50;background:#14100866;grid-template-columns:minmax(0,1fr);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:18px;flex-direction:column;width:min(35rem,100%);max-height:calc(100vh - 2rem);display:flex;box-shadow:0 20px 60px #00000040}.modal-header{justify-content:space-between;align-items:center;padding:1rem 1.2rem .4rem;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:0 0;border:none}.modal-body{padding:.5rem 1.2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.8rem 1.2rem 1rem;display:flex}.hero{text-align:center;max-width:620px;margin:2rem auto;padding:3rem 1.5rem}.hero p{font-size:1.05rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.5rem;display:grid}.stat{flex-direction:column;display:flex}.stat-button{font:inherit;color:inherit;text-align:left;cursor:pointer;position:relative}.stat-button:after{content:"›";color:var(--muted);font-size:1.3rem;font-weight:700;position:absolute;top:.7rem;right:.9rem}.stat-button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600;display:block}.stat-value{font-size:1.6rem;font-weight:800;display:block}.stat-value.small{font-size:1.1rem}.stat-sub{color:var(--muted);font-size:.8rem}.dash-grid{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.25rem;display:grid}.plan-list,.summary-list,.target-list,.chip-list{margin:0;padding:0;list-style:none}.plan-list li{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.goal-grid{grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:1rem;display:grid}.goal-card{flex-direction:column;gap:.55rem;margin:0;display:flex}.goal-card.clickable{cursor:pointer}.goal-card.clickable:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.goal-name-btn{all:unset;cursor:pointer}.goal-name-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius:4px}.goal-entries-summary{margin-top:0}.goal-card.status-paused{opacity:.8}.goal-head{align-items:flex-start;gap:.7rem;display:flex}.goal-symbol{background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));border-radius:12px;flex-shrink:0;place-items:center;width:2.8rem;height:2.8rem;font-size:1.8rem;display:grid}.goal-title{flex:1;min-width:0}.goal-title h3{margin:0 0 .15rem;font-size:1.05rem}.goal-sub{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.goal-markers-count{text-align:center;line-height:1.1}.goal-markers-count strong{font-size:1.4rem;display:block}.goal-totals .total{font-size:1.25rem;font-weight:800}.goal-actions{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.2rem;display:flex}.chip{background:var(--surface-2);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.chip.status{text-transform:capitalize}.progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.marker-chart{background:repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in srgb, var(--border) 70%, transparent) 31px 32px), var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;min-height:3rem;padding:.6rem;display:flex}.marker{place-items:center;width:1.8rem;height:1.8rem;font-size:1.35rem;animation:.35s ease-out both pop;display:grid}.marker-chart.compact .marker{width:1.5rem;height:1.5rem;font-size:1.1rem}.marker.next{animation:none;position:relative}.marker-ghost{opacity:.18;filter:grayscale()}.marker-fill{opacity:.55;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.marker-coin{background:radial-gradient(circle at 35% 30%,#fff3b0,#f2b632 55%,#c98a0b);border-radius:50%;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;margin:0 .15rem .3rem 0;font-size:1.15rem;animation:.45s ease-out both pop;display:grid;position:relative;box-shadow:inset 0 0 0 2px #b9800f,0 2px 4px #96640a59}.marker-coin.c100{background:radial-gradient(circle at 35% 30%,#fff,#d6dde8 50%,#8f9bb0);width:2.6rem;height:2.6rem;font-size:1.4rem;box-shadow:inset 0 0 0 2px #6f7a8f,0 2px 5px #0000004d}.marker-coin.c1000{background:radial-gradient(circle at 35% 30%,#fff,#b8ecf5 45%,#4f93a5);width:2.9rem;height:2.9rem;font-size:1.55rem;box-shadow:inset 0 0 0 2px #3a7a8c,0 0 10px #78dcf099}.coin-face{line-height:1}.coin-tag{color:#ffd76a;background:#22201c;border-radius:999px;padding:.12rem .28rem;font-size:.62rem;font-weight:800;line-height:1;position:absolute;bottom:-.35rem;right:-.45rem}.marker-chart.compact .marker-coin{width:1.85rem;height:1.85rem;font-size:1rem}.marker-chart.compact .marker-coin.c100{width:2.2rem;height:2.2rem;font-size:1.2rem}.marker-empty{color:var(--muted);font-size:.85rem}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.marker{animation:none}.progress-fill{transition:none}}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:.55rem .9rem;font-weight:600}.tab.selected{color:var(--text);border-bottom-color:var(--accent)}.tab .count{background:var(--surface-2);border-radius:999px;margin-left:.2rem;padding:0 .4rem;font-size:.75rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.empty h3{color:var(--text)}.empty-symbol{margin-bottom:.5rem;font-size:2.4rem}.activity-list ul{margin:0 0 .75rem;padding:0;list-style:none}.date-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.75rem 0 .35rem;font-size:.85rem}.activity-row{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.7rem;width:100%;margin-bottom:.4rem;padding:.6rem .75rem;display:flex}.activity-row:hover{border-color:var(--accent)}.activity-symbol{font-size:1.4rem}.activity-main{flex-direction:column;flex:1;min-width:0;display:flex}.activity-goal{font-weight:700}.activity-detail,.activity-notes{color:var(--muted);font-size:.85rem}.activity-notes{font-style:italic}.activity-tags{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:flex}.activity-edit{color:var(--muted);font-size:.8rem}.filters{flex-direction:column;gap:.75rem;display:flex}.range-picker{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.day-nav{align-items:center;gap:.4rem;max-width:100%;display:flex}.day-nav input{flex:auto;width:0;min-width:8.5rem}.range-label{text-align:center;min-width:10rem;font-weight:700}.custom-range{align-items:center;gap:.5rem;display:flex}.custom-range input{width:auto}.totals{flex-wrap:wrap;gap:1rem 2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;display:grid}.stats-grid .card{margin:0}.donut-wrap{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.donut{flex-shrink:0;width:12.5rem;height:12.5rem}.donut-seg{cursor:pointer;transition:stroke-width .15s}.donut-total{fill:var(--text);font-size:22px;font-weight:800}.donut-sub{fill:var(--muted);font-size:11px}.legend{flex:1;min-width:200px;margin:0;padding:0;list-style:none}.legend-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;grid-template-columns:12px 1fr auto 3.2rem;align-items:center;gap:.5rem;width:100%;padding:.3rem .4rem;font-size:.9rem;display:grid}.legend-item.selected,.legend-item:hover{background:var(--surface-2)}.swatch{border-radius:3px;width:12px;height:12px}.legend-value{font-weight:700}.legend-pct{color:var(--muted);text-align:right}.bars{align-items:flex-end;gap:3px;height:11rem;padding-top:.5rem;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;flex-direction:column-reverse;width:100%;min-height:0;display:flex;overflow:hidden}.bar .bar-seg{width:100%;display:block}.bar-seg{background:var(--accent)}.bar-legend{color:var(--muted);flex-wrap:wrap;gap:.3rem .9rem;margin:.6rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.bar-legend li{align-items:center;gap:.3rem;display:inline-flex}.bar-label{color:var(--muted);white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.summary-list>li{border-bottom:1px solid var(--border)}.summary-row{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:1fr auto auto;align-items:baseline;gap:.75rem;width:100%;padding:.45rem 0;display:grid}.summary-row:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius:6px}.summary-caret{width:.8em;color:var(--muted);font-weight:700;transition:transform .15s;display:inline-block}.summary-list>li.open .summary-caret{transform:rotate(90deg)}.summary-entries{padding:.1rem 0 .6rem 1rem}.target-list li{padding:.4rem 0}.target-line{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.25rem;display:flex}.day-bar{align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.6rem .75rem;display:flex}.day-bar-main{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.day-bar-weekday{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;font-size:1.35rem;font-weight:800;display:flex}.day-chip{text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.day-chip.today{background:var(--accent);color:#fff}.day-bar-date{color:var(--muted);text-align:center;font-size:.9rem;background:0 0!important;border:none!important;width:auto!important;min-height:0!important;padding:.1rem!important}.day-bar .icon-btn{flex-shrink:0}.day-bar-today{margin-bottom:.5rem}.date-weekday{color:var(--text);font-weight:700}.timeline-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.small-heading{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:.85rem}.chip-list{flex-wrap:wrap;gap:.4rem;display:flex}.logged-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, var(--surface));cursor:pointer;border-radius:999px;padding:.3rem .75rem;font-size:.88rem}.timeline{--hour-w:4rem;--done-w:clamp(3.4rem, 26%, 13rem);padding:0;overflow:hidden}.timeline-cols-head{grid-template-columns:var(--hour-w) 1fr var(--done-w);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:.5rem .5rem .4rem 0;font-size:.75rem;font-weight:700;display:grid}.timeline-body{position:relative}.hour-row{border:none;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;padding:0;position:absolute;left:0;right:0}.hour-row:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.hour-label{width:var(--hour-w);color:var(--muted);font-variant-numeric:tabular-nums;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.now-line{left:var(--hour-w);background:var(--danger);z-index:3;pointer-events:none;height:2px;position:absolute;right:0}.block{z-index:2;text-align:left;border-radius:9px;flex-direction:column;gap:.1rem;padding:.25rem .5rem;font-size:.8rem;display:flex;position:absolute;overflow:hidden}.block.plan{left:calc(var(--hour-w) + 4px);width:calc(100% - var(--hour-w) - var(--done-w) - 8px);border:1.5px dashed var(--accent);background:color-mix(in srgb, var(--surface) 85%, var(--accent))}.block.plan.status-completed,.block.plan.status-partial{opacity:.75;border-style:solid}.block.plan.status-skipped,.block.plan.status-rescheduled{opacity:.5;border-color:var(--muted);background:var(--surface-2)}.block.done{width:calc(var(--done-w) - 4px);background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:none;font-size:.8rem;right:4px}.block>*{flex-shrink:0}.done-icon,.done-time{display:none}.done-toggle{all:unset;cursor:pointer;flex-direction:column;gap:.1rem;min-width:0;display:flex}.done-toggle:focus-visible{border-radius:4px;outline:2px solid #fff}.block.done.expanded{z-index:6;align-items:stretch;min-height:3.4rem;padding:.35rem .5rem;box-shadow:0 6px 18px #00000038;width:min(15rem, calc(100% - var(--hour-w) - 8px))!important;height:auto!important}.block.done.expanded .done-toggle{flex-direction:column;justify-content:flex-start;align-items:flex-start}.block.done.expanded .block-title,.block.done.expanded .block-meta{white-space:normal;display:block!important}.block.done.expanded .done-icon,.block.done.expanded .done-time{display:none!important}.block.done .block-actions .btn{color:var(--text)}@media (width<=600px){.timeline{--hour-w:3.3rem;--done-w:4.6rem}.hour-label{padding:.2rem .35rem}.block.done{align-items:center;padding:.15rem}.block.done .done-toggle{flex-direction:row;justify-content:center;align-items:center;gap:.3rem;width:100%}.block.done .done-time{opacity:.9;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700;display:block}.block.done .block-title,.block.done .block-meta{display:none}.block.done .done-icon{font-size:1.15rem;line-height:1.2;display:block;position:relative}.block.done .done-icon:after{content:"✓";color:#fff;background:var(--success,#2f8f5b);border-radius:999px;place-items:center;width:.85rem;height:.85rem;font-size:.6rem;font-weight:900;display:grid;position:absolute;bottom:-.2rem;right:-.45rem}.timeline-cols-head span:last-child{text-align:center}}.block-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}button.block-title{all:unset;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-weight:700;display:block;overflow:hidden}button.block-title:focus-visible{outline:2px solid var(--accent);border-radius:4px}.block-meta{opacity:.85;font-size:.72rem}.block-actions{flex-wrap:wrap;gap:.2rem;display:flex}.block.size-m .block-actions,.block.size-s .block-actions{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.block.size-m .block-actions::-webkit-scrollbar{display:none}.block.size-s .block-actions::-webkit-scrollbar{display:none}.block.plan.size-m .block-meta,.block.plan.size-s .block-meta,.block.plan.size-s:not(.expanded) .block-actions{display:none}.block.plan.size-s:not(.expanded){justify-content:center;padding-top:0;padding-bottom:0}.block.plan.expanded{z-index:5;background:var(--surface);opacity:1;border-style:solid;min-height:3.4rem;box-shadow:0 6px 18px #0000002e;height:auto!important}.block.plan.expanded .block-meta{display:block}.block.plan.expanded .block-actions{flex-wrap:wrap;overflow:visible}.block.plan.expanded .block-title{white-space:normal}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:600;animation:.25s ease-out pop;display:flex;box-shadow:0 8px 24px #00000040}.toast-symbol{font-size:1.3rem}@media (width<=900px){.dash-grid{grid-template-columns:1fr}.nav-label{display:none}.nav-link{padding:.45rem .6rem;font-size:1.15rem}}@media (width<=600px){main{padding:1rem .8rem 7rem}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);padding:.5rem .8rem}.nav{background:var(--surface);border-top:1px solid var(--border);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav-link{flex:1 1 0;justify-content:center;min-width:0;padding:.4rem 0;font-size:min(1.15rem,6.5vw)}.fab{bottom:5rem}.toasts{bottom:5.5rem}.stat-value{font-size:1.3rem}.goal-grid,.stats-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:92vh}.block.plan,.block.done{font-size:.72rem}}.cabinet{--frame-1:#7a4b2a;--frame-2:#4e2e18;--shelf-hi:#c08a55;--shelf-mid:#85552f;--shelf-lo:#4a2b15;--back-1:#33231b;--back-2:#1f1510;--glow:#ffd27a;--label:#f3e3c3;--ghost:#ffffff47;--ghost-fill:#ffffff12;--track:#ffffff1f;--row:12.25rem;--board:18px;background:repeating-linear-gradient(90deg, #ffffff06 0 3px, transparent 3px 9px), linear-gradient(180deg, var(--frame-1), var(--frame-2));border-radius:16px 16px 6px 6px;margin-bottom:1.5rem;padding:0 14px;position:relative;box-shadow:0 18px 40px #140a0559,inset 0 1px #fff3}.cab-color-honey{--frame-1:#c8914f;--frame-2:#8f5e2c;--shelf-hi:#ecc28a;--shelf-mid:#b07a40;--shelf-lo:#6e4720;--back-1:#4a3424;--back-2:#2e1f14;--glow:#ffe2a0}.cab-color-cherry{--frame-1:#8e2f25;--frame-2:#5a1a14;--shelf-hi:#cf6a56;--shelf-mid:#8e3426;--shelf-lo:#561a12;--back-1:#3a1c1a;--back-2:#221010;--glow:#ff9a8a}.cab-color-midnight{--frame-1:#2c3a55;--frame-2:#161f33;--shelf-hi:#6a7fa8;--shelf-mid:#36456a;--shelf-lo:#1d2742;--back-1:#1b2236;--back-2:#0e1322;--glow:#8fb4ff}.cab-color-sage{--frame-1:#6f8a68;--frame-2:#44593f;--shelf-hi:#b3c9a9;--shelf-mid:#728d69;--shelf-lo:#40553b;--back-1:#2a3527;--back-2:#172015;--glow:#b9f5a8}.cabinet-crown{justify-content:center;padding:14px 0 12px;display:flex}.cabinet-plaque{color:#3b2606;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#fff1b8,#d9a93a 45%,#9c6b12 70%,#e8c060);border-radius:6px;padding:.35rem 1.1rem;font-size:.85rem;font-weight:800;box-shadow:0 2px #00000059,inset 0 1px #fff9}.cabinet-inner{background:radial-gradient(ellipse 38% 55% at 18% -5%, #ffecbe38, transparent 70%), radial-gradient(ellipse 38% 55% at 50% -5%, #ffecbe2e, transparent 70%), radial-gradient(ellipse 38% 55% at 82% -5%, #ffecbe38, transparent 70%), linear-gradient(180deg, var(--back-1), var(--back-2));border-radius:8px;padding:1rem 1rem .25rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 8px 24px #0009,inset 0 0 0 2px #00000059}.cabinet-glass{pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 18%,#ffffff12 20%,#ffffff05 27%,#0000 29%),linear-gradient(115deg,#0000 60%,#ffffff0d 61%,#0000 64%);position:absolute;inset:0}.cabinet-plinth{background:linear-gradient(180deg, var(--frame-2), color-mix(in srgb, var(--frame-2) 60%, #000));border-radius:0 0 6px 6px;height:22px;margin:10px -14px 0}.shelf+.shelf{margin-top:.4rem}.shelf-label{color:var(--label);align-items:baseline;gap:.6rem;margin-bottom:.2rem;display:flex}.shelf-label h2{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.85rem}.shelf-label span{opacity:.65;font-size:.75rem}.shelf-row{grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr));grid-auto-rows:var(--row);background:repeating-linear-gradient(180deg, transparent 0 calc(var(--row) - var(--board)), var(--shelf-hi) calc(var(--row) - var(--board)) calc(var(--row) - var(--board) + 3px), var(--shelf-mid) calc(var(--row) - var(--board) + 3px) calc(var(--row) - 5px), var(--shelf-lo) calc(var(--row) - 5px) var(--row));margin:0 -1rem;padding:0 1rem;display:grid}.trophy-slot{padding:0 4px calc(var(--board) + 8px);color:var(--label);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;display:flex;position:relative}.trophy-slot:focus-visible{outline-offset:-3px;outline:3px solid #f3c969}.trophy-slot .cup{transition:transform .2s}.trophy-slot:hover .cup{transform:translateY(-5px)scale(1.04)}.slot-plate{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:.72rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.trophy-slot.locked .slot-plate{opacity:.55}.slot-progress{background:var(--track);border-radius:999px;width:64%;height:4px;overflow:hidden}.slot-progress.placeholder{visibility:hidden}.slot-progress span{background:#e2b33c;border-radius:999px;height:100%;display:block}.cab-style-glass{--label:color-mix(in srgb, var(--frame-2) 85%, #000);--ghost:#00000047;--ghost-fill:#0000000d;--track:#0000001a;--shelf-hi:#fffffff2;--shelf-mid:#a0becd73;--shelf-lo:#00000024;--board:12px;background:linear-gradient(180deg, color-mix(in srgb, var(--frame-1) 70%, #ddd), color-mix(in srgb, var(--frame-2) 70%, #999));border-radius:12px;padding:0 8px}.cab-style-glass .cabinet-inner{background:radial-gradient(ellipse 60% 50% at 50% 0%, #ffffffe6, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--back-1) 12%, #f8f6f1), color-mix(in srgb, var(--back-1) 28%, #e6e1d7));box-shadow:inset 0 0 0 1px #fff9,inset 0 6px 18px #0000001f}.cab-style-glass .cabinet-glass{background:linear-gradient(115deg,#0000 15%,#ffffff73 18%,#ffffff1a 26%,#0000 28%),linear-gradient(115deg,#0000 58%,#ffffff4d 60%,#0000 63%)}.cab-style-glass .cabinet-plinth{height:14px;margin:8px -8px 0}.cab-style-glass .cup.earned{filter:drop-shadow(0 .35em .4em #00000040)}.cab-style-bookshelf{--board:24px;border-radius:6px;padding:0 18px}.cab-style-bookshelf .cabinet-glass{display:none}.cab-style-bookshelf .cabinet-inner{background:repeating-linear-gradient(90deg, #00000038 0 2px, transparent 2px 96px), repeating-linear-gradient(90deg, #ffffff08 0 4px, transparent 4px 13px), linear-gradient(180deg, color-mix(in srgb, var(--frame-2) 75%, var(--back-1)), color-mix(in srgb, var(--frame-2) 45%, var(--back-2)));border-radius:2px;box-shadow:inset 0 10px 18px #00000073}.cab-style-bookshelf .cabinet-plinth{margin:10px -18px 0}.cab-style-museum{--shelf-hi:#f1ece2;--shelf-mid:#bdb5a7;--shelf-lo:#6f675c;--label:#efe6d2;background:linear-gradient(180deg, color-mix(in srgb, var(--frame-1) 45%, #111), color-mix(in srgb, var(--frame-2) 45%, #000))}.cab-style-museum .cabinet-inner{background:linear-gradient(180deg, color-mix(in srgb, var(--back-1) 45%, #0b0a0c), color-mix(in srgb, var(--back-2) 40%, #050405));box-shadow:inset 0 0 0 3px #b89443,inset 0 0 0 5px #0009,inset 0 10px 30px #000c}.cab-style-museum .cabinet-glass{display:none}.cab-style-museum .trophy-slot:before{content:"";inset:0 6% var(--board);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);pointer-events:none;background:radial-gradient(50% 100% at 50% 0,#fff4d647,#0000 80%);position:absolute}.cab-style-museum .trophy-slot.locked:before{opacity:.25}.cab-style-neon{--label:var(--glow);--shelf-hi:var(--glow);--shelf-mid:color-mix(in srgb, var(--glow) 22%, transparent);--shelf-lo:transparent;--board:12px;--track:color-mix(in srgb, var(--glow) 18%, transparent);box-shadow:0 0 0 2px var(--glow), 0 0 26px color-mix(in srgb, var(--glow) 55%, transparent), 0 18px 40px #0006;background:#0d0d12;padding:0 8px}.cab-style-neon .cabinet-inner{background:radial-gradient(ellipse 70% 40% at 50% 0%, color-mix(in srgb, var(--glow) 16%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--back-1) 25%, #07070b), #050508);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glow) 40%, transparent), inset 0 0 30px #000c}.cab-style-neon .cabinet-glass{display:none}.cab-style-neon .cabinet-plaque{color:var(--glow);border:2px solid var(--glow);box-shadow:0 0 12px color-mix(in srgb, var(--glow) 60%, transparent), inset 0 0 10px color-mix(in srgb, var(--glow) 35%, transparent);text-shadow:0 0 8px var(--glow);background:0 0}.cab-style-neon .shelf-label h2{text-shadow:0 0 8px var(--glow)}.cab-style-neon .cabinet-plinth{background:#0d0d12;height:10px;margin:8px -8px 0}.cab-style-neon .slot-progress span{background:var(--glow);box-shadow:0 0 6px var(--glow)}.cup{--m1:#fff3b0;--m2:#e2b33c;--m3:#9c6b12;isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;font-size:1rem;display:inline-flex;position:relative}.cup-sm{font-size:.5rem}.cup-lg{font-size:1.75rem}.cup.tier-silver{--m1:#fff;--m2:#c3ccd6;--m3:#6f7a86}.cup.tier-bronze{--m1:#f8cfaa;--m2:#c27a44;--m3:#6e3a17}.cup.tier-platinum{--m1:#f2fcff;--m2:#9fd9e6;--m3:#4f93a5}.cup-top{position:relative}.cup-top:before,.cup-top:after{content:"";border:.27em solid var(--m2);z-index:-1;border-radius:50%;width:1.15em;height:1.7em;position:absolute;top:.5em}.cup-top:before{left:-.72em}.cup-top:after{right:-.72em}.cup-bowl{background:linear-gradient(120deg, var(--m1) 0%, var(--m2) 32%, var(--m3) 58%, var(--m2) 80%, var(--m1) 100%);border-radius:.35em .35em 2.4em 2.4em;place-items:center;width:4.75em;height:4.1em;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -.3em .5em #00000040,inset 0 .2em .2em #ffffff80}.cup-bowl:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:35%;height:180%;animation:6s ease-in-out infinite cup-shine;position:absolute;top:-40%;left:-70%;transform:rotate(20deg)}.cup-icon{width:1.7em;height:1.7em;box-shadow:0 0 0 .08em var(--m3), inset 0 .05em .15em #0003;background:#ffffffe0;border-radius:50%;place-items:center;font-size:1.55em;line-height:1;display:grid}.cup-stem{background:linear-gradient(90deg, var(--m3), var(--m1) 45%, var(--m3));width:.9em;height:1em}.cup-stem:before{content:""}.cup-base{background:linear-gradient(180deg, var(--m2) 0 .28em, #2b1b10 .28em, #160e08);border-radius:.2em;width:3.9em;height:1.05em;box-shadow:0 .25em .5em #00000080}.cup.earned{filter:drop-shadow(0 0 .7em color-mix(in srgb, var(--m2) 45%, transparent))}.cup.locked .cup-bowl{background:var(--ghost-fill,#ffffff0a);border:.12em dashed var(--ghost,#ffffff47);box-shadow:none}.cup.locked .cup-bowl:after{display:none}.cup.locked .cup-top:before,.cup.locked .cup-top:after{border-color:var(--ghost,#ffffff29);opacity:.6}.cup.locked .cup-icon{box-shadow:none;filter:grayscale();opacity:.35;background:0 0}.cup.locked .cup-stem,.cup.locked .cup-base{background:var(--ghost-fill,#ffffff1a);box-shadow:none}.cup.prize{justify-content:flex-end;min-height:5.6em}.prize-item{filter:drop-shadow(0 .08em .12em #00000073);font-size:3.3em;line-height:1.1}.prize-stand{background:linear-gradient(180deg, var(--m1), var(--m2) 35%, var(--m3));border-radius:.25em .25em .15em .15em;width:3.6em;height:.9em;margin-top:.15em;box-shadow:0 .25em .5em #00000073}.cup.prize.earned .prize-item{animation:3.5s ease-in-out infinite prize-float}.cup.prize.locked .prize-item{filter:grayscale()brightness(0);opacity:.28}.cup.prize.locked .prize-stand{background:var(--ghost-fill,#ffffff1a);box-shadow:none}@keyframes prize-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.12em)}}@media (prefers-reduced-motion:reduce){.cup.prize.earned .prize-item{animation:none}}.highlight-cup{all:unset;cursor:pointer;display:inline-flex}.highlight-cup:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius:8px}.slot-sub{opacity:.75;text-align:center;margin-top:-.2rem;font-size:.66rem}.confetti-layer{pointer-events:none;z-index:1000;position:fixed;inset:0;overflow:hidden}.confetti-piece{display:block;position:absolute}.cup-new{z-index:2;letter-spacing:.05em;color:#fff;background:#e5484d;border-radius:999px;padding:.2em .5em;font-size:.6em;font-weight:900;position:absolute;top:-.5em;right:-1.4em;transform:rotate(12deg);box-shadow:0 .15em .4em #0006}@keyframes cup-shine{0%,70%{left:-70%}to{left:140%}}.trophy-highlights{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:.5rem;display:grid}.trophy-highlights .card{margin:0}.highlight-list{margin:0;padding:0;list-style:none}.highlight-list li{align-items:center;gap:.9rem;padding:.5rem 0;display:flex}.highlight-list .cup.locked .cup-bowl,.highlight-list .cup.locked .cup-stem,.highlight-list .cup.locked .cup-base{border-color:var(--border);background:var(--surface-2)}.highlight-list .cup.locked .cup-top:before,.highlight-list .cup.locked .cup-top:after{border-color:var(--border)}.highlight-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.trophy-detail{text-align:center}.trophy-detail h3{margin:.25rem 0 .4rem;font-size:1.3rem}.trophy-spotlight{background:radial-gradient(45% 70% at 50% 0,#ffecbe59,#0000 75%),linear-gradient(#33231b,#1f1510);border-radius:14px;justify-content:center;margin-bottom:.75rem;padding:1.6rem 0 1.2rem;display:flex}.trophy-detail.earned .cup{animation:.45s ease-out both pop}.tier-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.tier-label.tier-gold{color:#b8860b}.tier-label.tier-silver{color:#7d8894}.tier-label.tier-bronze{color:#a8612f}.tier-label.tier-platinum{color:#3f8fa3}.share-preview img,.share-placeholder{aspect-ratio:1;width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:12px;margin:0 auto 1rem;display:block}.share-placeholder{background:var(--surface-2);color:var(--muted);place-items:center;display:grid}.share-help{margin-top:.75rem}@media (prefers-reduced-motion:reduce){.cup-bowl:after,.trophy-detail.earned .cup{animation:none}}@media (width<=600px){.cabinet{--row:11rem;--board:14px;padding:0 8px}.cabinet-plinth{margin:8px -8px 0}.cabinet-inner{padding:.8rem .6rem .25rem}.shelf-row{grid-template-columns:repeat(3,1fr);margin:0 -.6rem;padding:0 .6rem}.trophy-slot .cup{font-size:.75rem}.slot-plate{font-size:.66rem}}.award-face{background:linear-gradient(120deg, var(--m1) 0%, var(--m2) 32%, var(--m3) 58%, var(--m2) 80%, var(--m1) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.award-face:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:35%;height:180%;animation:6s ease-in-out infinite cup-shine;position:absolute;top:-40%;left:-70%;transform:rotate(20deg)}.variant-medal .award-ribbon{clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);background:linear-gradient(90deg,#c8373b 0 34%,#f4f1ea 34% 66%,#2f5fae 66%);width:2.6em;height:1.5em;margin-bottom:-.35em}.variant-medal .award-face{width:4.1em;height:4.1em;box-shadow:inset 0 0 0 .28em var(--m3), inset 0 0 0 .42em var(--m1);border-radius:50%}.variant-medal .cup-stem{height:.45em}.variant-medal .cup-base{width:3em}.variant-star .award-face{clip-path:polygon(50% 0%,61.5% 35%,98% 35.5%,68.5% 57.5%,79.5% 92%,50% 71%,20.5% 92%,31.5% 57.5%,2% 35.5%,38.5% 35%);width:5em;height:4.8em}.variant-star .cup-icon{margin-top:.45em;font-size:1.1em}.variant-star .cup-stem{z-index:-1;height:1.9em;margin-top:-1.35em;position:relative}.variant-shield .award-face{clip-path:polygon(50% 0,100% 11%,97% 55%,50% 100%,3% 55%,0 11%);width:4.3em;height:4.9em}.variant-shield .cup-icon{margin-top:-.35em}.variant-shield .cup-stem{height:.5em}.variant-crystal .award-face{clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);background:linear-gradient(90deg, transparent 49%, #ffffff80 50%, transparent 51%), linear-gradient(160deg, #fffffff2 0%, color-mix(in srgb, var(--m2) 55%, #ffffff4d) 45%, color-mix(in srgb, var(--m3) 70%, transparent) 100%);width:3.5em;height:5.3em}.variant-crystal .cup-icon{box-shadow:none;background:#ffffff8c;font-size:1.3em}.variant-crystal .cup-stem{height:.35em}.cup.locked .award-face{background:var(--ghost,#ffffff47);opacity:.4}.cup.locked .award-face:after{display:none}.cup.locked.variant-medal .award-face{box-shadow:none}.cup.locked .award-ribbon{filter:grayscale();opacity:.3}@media (prefers-reduced-motion:reduce){.award-face:after{animation:none}}.look-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.look-option,.trophy-option,.color-option{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;color:inherit;border-radius:12px}.look-option{text-align:left;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.look-option.selected,.trophy-option.selected,.color-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 0 1px var(--accent)}.cabinet-mini{--row:3.9rem;--board:7px;border-radius:8px;margin:0 0 .3rem;padding:5px 5px 6px;display:block}.cabinet-mini .cabinet-inner{border-radius:5px;padding:.5rem .4rem 0}.cabinet-mini .shelf-row{grid-template-columns:repeat(3,1fr);margin:0 -.4rem;padding:0 .4rem}.cabinet-mini .trophy-slot{padding:0 0 calc(var(--board) + 1px);cursor:inherit}.cabinet-mini .cup.cup-sm{font-size:.375rem}.cabinet-mini .trophy-slot:hover .cup{transform:none}.color-options{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .3rem;font-size:.88rem;font-weight:600;display:inline-flex}.color-swatch{border-radius:50%;width:1.7rem;height:1.7rem;box-shadow:inset 0 0 0 1px #0003}.trophy-options{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.trophy-option{flex-direction:column;align-items:center;gap:.3rem;padding:.35rem .35rem .45rem;font-size:.85rem;font-weight:600;display:flex}.trophy-option-stage{background:radial-gradient(60% 80% at 50% 0,#ffecbe4d,#0000 75%),linear-gradient(#33231b,#1f1510);border-radius:8px;place-items:end center;width:100%;height:4.6rem;padding-bottom:.3rem;display:grid}@media (width<=480px){.trophy-options{grid-template-columns:repeat(3,1fr)}.look-options{grid-template-columns:1fr 1fr}}.install-steps{margin:0 0 .75rem;padding-left:1.3rem;line-height:1.7}.text-size-options{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.text-size-options.theme-options{grid-template-columns:repeat(3,1fr)}.font-options .aa{font-size:1.35em}.text-size-option{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;color:inherit;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;padding:.5rem .25rem;display:flex}.text-size-option .aa{font-weight:800;line-height:1}.text-size-option .label{color:var(--muted);text-align:center;font-size:.72rem;line-height:1.15}.text-size-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 0 1px var(--accent)}@media (width<=420px){.text-size-options{grid-template-columns:repeat(2,1fr)}}.row>.field:has(.duration-chips){flex-basis:100%}.duration-chips{scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;gap:.4rem;min-width:0;max-width:100%;margin:-.4rem 0 .35rem;padding:.75rem 2px .5rem;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - 1.5rem),#0000)}.duration-chip{scroll-snap-align:center;border:1.5px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.9rem;font-weight:700;position:relative}.duration-chip:first-child{margin-left:.6rem}.duration-chip:last-child{margin-right:1.2rem}.duration-chip.typical{border-style:dashed;border-color:var(--accent)}.duration-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.chip-usual{text-transform:uppercase;letter-spacing:.04em;background:var(--surface);color:var(--accent);border-radius:999px;padding:0 .3rem;font-size:.6rem;font-weight:800;position:absolute;top:-.55rem;left:50%;transform:translate(-50%)}.duration-chip.selected .chip-usual{background:var(--accent);color:#fff}@media (prefers-reduced-motion:reduce){.duration-chips{scroll-behavior:auto}}.hbars{flex-direction:column;gap:.2rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.hbar-row{border-radius:6px;grid-template-columns:4.2rem minmax(0,1fr) 4.2rem;align-items:center;gap:.6rem;padding:.12rem .3rem;font-size:.85rem;display:grid}.hbar-label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hbar-track{background:var(--surface-2);border-radius:999px;height:.7rem;overflow:hidden}.hbar{border-radius:999px;height:100%;display:flex;overflow:hidden}.hbar .bar-seg{height:100%;display:block}.hbar-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.hbar-row.as-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none}.hbar-row.as-button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.hbar-row.is-zero .hbar-value{color:var(--muted);font-weight:400}.hbar-row.highlight{background:color-mix(in srgb, var(--accent) 12%, transparent)}.hbar-row.highlight .hbar-label{color:var(--text);font-weight:700}.symbol-tabs{scrollbar-width:thin;gap:.35rem;margin-bottom:.4rem;padding:2px 2px .5rem;display:flex;overflow-x:auto}.symbol-tab{border:1.5px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:.3rem .7rem;font-size:.82rem;font-weight:600}.symbol-tab.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.symbol-picker-wrap .symbol-picker{max-height:none}.mascot-img{filter:drop-shadow(0 4px 10px #c98a0b40);display:block}.support-mascot{float:right;width:4.6rem;height:4.6rem;margin:-.3rem -.2rem .3rem .6rem}.shop-tile{color:inherit;align-items:center;gap:.8rem;margin-bottom:.75rem;text-decoration:none;display:flex}.shop-tile:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.shop-tile-icon{font-size:1.8rem}.shop-tile-main{flex-direction:column;flex:1;display:flex}.mini-tiles{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.mini-tiles .shop-tile{gap:.55rem;margin-bottom:0;padding:.75rem}.mini-tiles .shop-tile-icon{font-size:1.5rem}.mini-tiles strong{font-size:.92rem;line-height:1.2}.notes-card textarea{resize:vertical;width:100%;min-height:9rem;margin:.4rem 0 .3rem}.shop-page .small-heading{margin:.4rem 0}.back-link{color:var(--muted);margin-bottom:.4rem;font-weight:600;text-decoration:none;display:inline-block}.shop-add{gap:.5rem;padding:.6rem;display:flex}.shop-add input{flex:1;min-width:0}.shop-count{margin:0 0 .4rem}.shop-list{margin:0 0 .5rem;padding:0;list-style:none}.shop-item{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;display:flex}.shop-check{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.7rem;min-width:0;padding:.7rem .2rem;display:flex}.shop-box{border:2px solid var(--accent);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;font-weight:800;display:grid}.shop-item.done .shop-box{background:var(--accent)}.shop-text{overflow-wrap:anywhere}.shop-item.done .shop-text{color:var(--muted);text-decoration:line-through}.shop-delete{opacity:.6;flex-shrink:0}.shop-empty{text-align:center;padding:1.5rem 1rem}.shop-empty .mascot-img{width:8rem;height:8rem;margin:0 auto .5rem}.support-card{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface) 60%)}.support-card h2{margin-top:0}.tip-amounts{grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.5rem 0;display:grid}.tip-chip{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.55rem 0;font-weight:700}.tip-chip.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.tip-custom{align-items:center;gap:.4rem;margin-bottom:.5rem;font-weight:700;display:flex}.tip-custom input{max-width:9rem}.support-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 .5rem;display:flex}.arcade-games{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;display:grid}.arcade-game{font:inherit;color:var(--text);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .6rem;display:flex}.arcade-game:hover{border-color:var(--accent)}.arcade-icon{font-size:2.4rem;line-height:1}.arcade-best{color:var(--accent);font-size:.78rem;font-weight:700}.pong-score{flex-direction:column;flex:1;min-width:0;display:flex}.pong-score .sprint-score{white-space:nowrap}.pong-target{color:#c3ccd6;white-space:nowrap;font-size:.78rem}.arcade-hud{white-space:nowrap;flex:1;min-width:0}.whack-time{color:#c3ccd6;margin-left:.6rem;font-size:.85rem}.flight-hint{text-align:center;color:#ffd76a;text-shadow:0 2px #000;pointer-events:none;font-size:1.2rem;font-weight:800;animation:.9s ease-in-out infinite alternate hint-pulse;position:absolute;top:30%;left:0;right:0}@keyframes hint-pulse{0%{opacity:.45}to{opacity:1}}.whack-field{grid-template-columns:repeat(3,1fr);align-self:center;gap:.9rem;width:min(92vw,26rem);margin:auto;display:grid}.whack-hole{aspect-ratio:1;touch-action:none;cursor:pointer;background:radial-gradient(70% 32% at 50% 78%,#05070d 60%,#2f3d63 62%,#0000 70%),#16203d;border:none;border-radius:18px;position:relative;overflow:hidden}.whack-popper{font-size:2.8rem;transition:transform .12s ease-out;position:absolute;bottom:18%;left:0;right:0;transform:translateY(110%)}.whack-hole.up .whack-popper{transform:translateY(0)}.whack-hit{place-items:center;font-size:2.2rem;animation:.25s ease-out both pop;display:grid;position:absolute;inset:0}.echo-pads{grid-template-columns:1fr 1fr;gap:.9rem;width:min(86vw,24rem);margin:auto;display:grid}.echo-pad{aspect-ratio:1;opacity:.45;filter:saturate(.7);touch-action:none;cursor:pointer;border:none;border-radius:24px;font-size:2rem;transition:opacity 80ms,transform 80ms,box-shadow 80ms}.echo-pad span{opacity:.6}.echo-pad.lit{opacity:1;filter:none;transform:scale(1.04);box-shadow:0 0 28px}.echo-pads.your-turn .echo-pad{opacity:.7}.echo-pads.your-turn .echo-pad.lit{opacity:1}.pad-gold{color:#f2b632;background:#f2b632}.pad-teal{color:#2f8f83;background:#2f8f83}.pad-coral{color:#d9634c;background:#d9634c}.pad-blue{color:#4f7fd8;background:#4f7fd8}.page-head-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sprint-launch{color:#ffd76a;background:#0d1326;border-color:#0d1326}.sprint-launch:hover{background:#1b2544}.sprint{z-index:200;color:#f4f1ea;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);touch-action:none;-webkit-user-select:none;user-select:none;background:#070b17;flex-direction:column;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:fixed;inset:0}.sprint-bar{align-items:center;gap:.75rem;width:min(100%,30rem);padding:.5rem .75rem;font-weight:700;display:flex}.sprint-score{color:#ffd76a;min-width:5rem;font-size:1.1rem}.sprint-lives{flex:1}.sprint-buttons{gap:.35rem;display:flex}.sprint-icon{font:inherit;color:#f4f1ea;cursor:pointer;background:#1b2544;border:1px solid #2f3d63;border-radius:8px;width:2.3rem;height:2.3rem}.sprint-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding-bottom:.75rem;display:flex;position:relative}.sprint-canvas{aspect-ratio:2/3;height:min(100dvh - 4.5rem,150vw);image-rendering:pixelated;image-rendering:crisp-edges;border-radius:6px;box-shadow:0 0 0 3px #1b2544,0 0 40px #f2b63226}.sprint-overlay{text-align:center;text-shadow:0 2px #000;background:#070b178c;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem;display:flex;position:absolute;inset:0}.sprint-overlay p{max-width:18rem;margin:.2rem 0}.sprint-title{letter-spacing:.12em;color:#ffd76a;text-shadow:3px 3px #b9800f,0 0 18px #ffd76a80;margin:0 0 .4rem;font-size:2rem}.sprint-legend{opacity:.85;font-size:.8rem;line-height:1.5}.sprint-final{color:#ffd76a;font-weight:800;font-size:2.6rem!important}.sprint-start{font:inherit;letter-spacing:.1em;color:#0d1326;cursor:pointer;background:#f2b632;border:none;border-radius:6px;margin-top:.8rem;padding:.7rem 1.4rem;font-size:1.1rem;font-weight:800;box-shadow:0 4px #b9800f}.sprint-start:active{transform:translateY(3px);box-shadow:0 1px #b9800f}.page-head-main{flex:18rem}.trophy-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.trophy-title-row h1{margin:0}.marker-pill{background:var(--surface-2,#0000000d);border:1px solid var(--border,#0000001a);white-space:nowrap;border-radius:999px;flex:none;padding:.2rem .65rem;font-size:.85rem;font-weight:700}