@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--ink:#16181c;--ink-soft:#23262c;--paper:#fff;--canvas:#e9e9e6;--text-dim:#5b5f66;--danger:#b3261e;--s1:4px;--s2:8px;--s3:12px;--s4:20px;--s5:28px;--s6:40px;--r-card:28px;--r-row:16px;--r-pill:999px;--shadow:0 1px 2px #16181c0d, 0 14px 28px -16px #16181c2e;--ease:cubic-bezier(.2, .8, .2, 1);--sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;accent-color:var(--ink);scrollbar-color:color-mix(in srgb, var(--ink) 28%, var(--canvas)) var(--canvas);--accent:#d6f24b;--accent-2:#b7a7f0;--mode-tint:none}[data-mode=fun]{--ink:#171420;--ink-soft:#241f30;--canvas:#f0ebe2;--text-dim:#5e5768;--accent:#ffc24b;--accent-2:#bfd6f2;--r-card:34px;--r-row:20px;--mode-tint:radial-gradient(120% 80% at 82% 0%, #ffc24b42, transparent 60%);--shadow:0 1px 2px #1714200d, 0 14px 28px -16px #17142038}*,:before,:after{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font:500 1.0625rem / 1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}.shell{isolation:isolate;gap:var(--s4);min-height:100dvh;padding:var(--s4);background:var(--canvas);transition:background .22s var(--ease);grid-template-columns:232px 1fr;display:grid;position:relative}.shell:before{content:"";z-index:-1;background-image:var(--mode-tint);pointer-events:none;position:fixed;inset:0}.nav{top:var(--s4);height:calc(100dvh - var(--s6));gap:var(--s2);padding:var(--s4) var(--s3);border-radius:var(--r-card);background:var(--ink);color:#fff;flex-direction:column;display:flex;position:sticky}.nav__mark{align-items:center;gap:var(--s2);padding:0 var(--s2) var(--s4);letter-spacing:-.03em;font-size:1.375rem;font-weight:700;display:flex}.nav__mark svg{color:var(--accent)}.nav__link{align-items:center;gap:var(--s3);padding:var(--s3) var(--s3);border-radius:var(--r-pill);color:color-mix(in srgb, #fff 72%, var(--ink));transition:background .16s var(--ease), color .16s var(--ease);font-size:.9375rem;text-decoration:none;display:flex}.nav__link:hover{background:var(--ink-soft);color:#fff}.nav__link[data-status=active]{background:var(--paper);color:var(--ink);font-weight:700}button.nav__link{appearance:none;width:100%;color:color-mix(in srgb, #fff 72%, var(--ink));font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:.9375rem}button.nav__link:hover{background:var(--ink-soft);color:#fff}.nav__spacer{flex:1}.nav__primary{gap:var(--s2);flex-direction:column;display:flex}.mobile-topbar,.mobile-tabs{display:none}.modes{gap:var(--s1);margin-bottom:var(--s3);padding:var(--s1);border-radius:var(--r-pill);background:#00000052;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.modes__item{justify-content:center;align-items:center;gap:var(--s2);min-width:0;min-height:44px;padding:0 var(--s2);border-radius:var(--r-pill);color:color-mix(in srgb, #fff 72%, var(--ink));white-space:nowrap;text-overflow:ellipsis;transition:background .16s var(--ease), color .16s var(--ease);font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav .modes__item svg{width:16px;height:16px;display:none}.modes__item:hover:not([data-active=true]){color:#fff;background:#ffffff14}.modes__item[data-active=true]{color:#16181c;font-weight:700}.modes__item[data-active=true][data-mode-item=home]{background:#d6f24b}.modes__item[data-active=true][data-mode-item=fun]{background:#ffc24b}.main{gap:var(--s4);flex-direction:column;min-width:0;display:flex}.page-head{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s2) var(--s1) 0;flex-wrap:wrap;display:flex}.page-head h1{letter-spacing:-.035em;font-size:2.125rem;font-weight:700}.page-head p{color:var(--text-dim);font-size:.9375rem}.bento{align-items:start;gap:var(--s4);grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);display:grid}.card{padding:var(--s5);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--shadow)}.card--ink{background:var(--ink);color:#fff}.card__title{margin-bottom:var(--s4);font-size:1.0625rem;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);appearance:none;border-radius:var(--r-pill);background:var(--ink);color:#fff;font:700 .9375rem var(--sans);cursor:pointer;transition:transform .16s var(--ease), background .16s var(--ease), opacity .16s var(--ease);border:0;display:inline-flex}.btn:hover:not(:disabled){background:var(--ink-soft)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{background:color-mix(in srgb, var(--ink) 22%, var(--canvas));color:var(--text-dim);cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--ink)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, var(--ink))}.btn--quiet{color:var(--text-dim);background:0 0;font-weight:500}.btn--quiet:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.card--ink .btn--quiet{color:color-mix(in srgb, #fff 72%, var(--ink))}.field{gap:var(--s2);flex-wrap:wrap;display:flex}.field label{color:var(--text-dim);flex:1 0 100%;font-size:.8125rem;font-weight:500}.field input{min-width:0;min-height:44px;padding:0 var(--s4);border:1px solid color-mix(in srgb, var(--ink) 14%, var(--paper));border-radius:var(--r-row);background:var(--paper);color:var(--ink);font:500 1rem var(--sans);caret-color:var(--ink);transition:border-color .16s var(--ease);flex:1}.field input::placeholder{color:var(--text-dim)}.field input:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--paper))}.rows{gap:var(--s2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-radius:var(--r-row);background:color-mix(in srgb, var(--canvas) 55%, var(--paper));transition:background .16s var(--ease);display:flex;position:relative;overflow:hidden}.row:hover{background:color-mix(in srgb, var(--canvas) 90%, var(--paper))}.row__body{flex:1;min-width:0}.row__name{font-weight:700}.row__meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.8125rem}.row[data-done=true]:after{content:"";transform-origin:0;animation:sweep .22s var(--ease) forwards;background:var(--accent);pointer-events:none;position:absolute;inset:0}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pill{padding:var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--accent-2);color:var(--ink);white-space:nowrap;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.taste-screen{gap:var(--s4);flex-direction:column;width:min(100%,1080px);display:flex}.taste-workspace{align-items:start;gap:var(--s4);grid-template-columns:minmax(240px,300px) minmax(0,1fr);display:grid}.taste-rail,.taste-stage{gap:var(--s4);flex-direction:column;min-width:0;display:flex}.taste-rail{top:var(--s4);position:sticky}.taste-mode{gap:var(--s1);padding:var(--s1);border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 7%, var(--canvas));display:inline-flex}.taste-mode .btn{min-width:92px}.taste-filters,.taste-genres{padding:var(--s4)}.taste-filter-grid{gap:var(--s3);display:grid}.taste-filter-grid .field{gap:var(--s1);color:var(--text-dim);font-size:.8125rem;display:grid}.taste-filter-grid select,.taste-filter-grid input{width:100%;min-height:46px;padding:0 var(--s3);border:1px solid color-mix(in srgb, var(--ink) 14%, var(--paper));border-radius:var(--r-row);background:color-mix(in srgb, var(--canvas) 42%, var(--paper));color:var(--ink);font:600 .9375rem var(--sans)}.taste-section-copy{margin:calc(var(--s3) * -1) 0 var(--s3);color:var(--text-dim);font-size:.8125rem}.taste-chip-list{gap:var(--s2);flex-wrap:wrap;display:flex}.taste-chip{min-height:38px;padding:0 var(--s3);border-radius:var(--r-pill);background:color-mix(in srgb, var(--canvas) 72%, var(--paper));color:var(--ink);font:700 .8125rem var(--sans);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border:1px solid #0000}.taste-chip:hover{border-color:color-mix(in srgb, var(--ink) 22%, transparent)}.taste-chip:active{transform:scale(.96)}.taste-chip--active{background:var(--ink);color:var(--paper)}.taste-match{padding:var(--s4);border-radius:var(--r-card);background:var(--accent);color:var(--ink);box-shadow:var(--shadow)}.taste-match h2{font-size:1.375rem}.taste-deck{flex-direction:column;justify-content:space-between;min-height:520px;display:flex;overflow:hidden}.taste-card__media{gap:var(--s5);grid-template-columns:minmax(190px,42%) minmax(0,1fr);align-items:start;display:grid}.taste-poster,.taste-cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--r-row);background:var(--canvas);width:100%;height:auto;display:block;box-shadow:0 18px 34px -20px #16181c7a}.taste-cover{aspect-ratio:1}.taste-card__copy{min-width:0;padding-top:var(--s2)}.taste-card__copy h2{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.04}.taste-card__copy iframe{aspect-ratio:16/9;height:auto}.taste-card__copy audio{width:100%;max-width:320px}.taste-details{gap:var(--s3);margin-top:var(--s4);display:grid}.taste-overview{gap:var(--s2);color:var(--text-dim);font-size:.875rem;line-height:1.55;display:grid}.taste-overview__text{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.taste-overview__text--expanded{display:block;overflow:visible}.taste-overview__toggle{min-height:44px;color:var(--ink);font:700 .875rem var(--sans);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration-thickness:2px}.taste-overview strong{color:var(--ink)}.taste-trailer{margin-top:var(--s2)}.taste-actions{gap:var(--s3);margin-top:var(--s5);grid-template-columns:1fr 1.18fr;display:grid}.taste-action{min-height:56px;padding-inline:var(--s4);justify-content:space-between}.taste-action--no{background:color-mix(in srgb, var(--danger) 10%, var(--paper));color:var(--danger)}.taste-action--no:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 16%, var(--paper))}.taste-action kbd{min-width:28px;padding:var(--s1) var(--s2);border-radius:var(--r-pill);font:700 .8125rem var(--sans);opacity:.58;border:1px solid}.taste-source{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid var(--canvas);color:var(--text-dim);font-size:.75rem}.taste-matches{margin-left:calc(300px + var(--s4))}.skeleton{border-radius:var(--r-row);background:color-mix(in srgb, var(--ink) 9%, var(--canvas));height:60px}.empty{padding:var(--s6) var(--s4);border-radius:var(--r-row);background:color-mix(in srgb, var(--canvas) 55%, var(--paper));text-align:center;color:var(--text-dim);font-size:.9375rem}.alert{padding:var(--s3) var(--s4);border-radius:var(--r-row);background:color-mix(in srgb, var(--danger) 8%, var(--paper));color:var(--danger);font-size:.9375rem;font-weight:500}.gate{min-height:100dvh;padding:var(--s4);place-items:center;display:grid}.gate>.card{gap:var(--s4);flex-direction:column;width:100%;max-width:420px;display:flex}.gate h1{letter-spacing:-.035em;font-size:2.125rem;font-weight:700}.gate form{gap:var(--s4);flex-direction:column;display:flex}.gate a{color:var(--ink);-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2);text-underline-offset:3px;text-decoration-thickness:2px}@media (width<=860px){.shell{gap:var(--s3);padding:max(var(--s3), env(safe-area-inset-top)) var(--s3) calc(92px + env(safe-area-inset-bottom));grid-template-columns:1fr}.bento{grid-template-columns:1fr}.card{padding:var(--s4)}.nav{display:none}.mobile-topbar{top:max(var(--s2), env(safe-area-inset-top));z-index:9;align-items:center;gap:var(--s2);display:flex;position:sticky}.mobile-topbar .modes{background:var(--ink);box-shadow:var(--shadow);flex:1;margin:0}.mobile-topbar .modes__item svg{width:16px;height:16px;display:block}.mobile-topbar .mobile-topbar__exit{border-radius:var(--r-pill);background:var(--ink);width:52px;min-height:52px;color:var(--paper);box-shadow:var(--shadow);flex:0 0 52px;place-items:center;padding:0;display:grid}.mobile-topbar__exit span{display:none}.mobile-tabs{inset:auto var(--s3) calc(var(--s3) + env(safe-area-inset-bottom)) var(--s3);z-index:10;gap:var(--s1);padding:var(--s1);border-radius:var(--r-card);background:var(--ink);display:grid;position:fixed;box-shadow:0 16px 40px -12px #16181c80}.mobile-tabs[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-tabs[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-tabs .nav__link{min-width:0;min-height:58px;padding:var(--s1);text-align:center;flex-direction:column;justify-content:center;gap:2px;font-size:.6875rem}.mobile-tabs .nav__link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-tabs .nav__link:active{transform:scale(.96)}.mobile-tabs .nav__link svg{width:19px;height:19px}}@media (width<=370px){.mobile-tabs .nav__link{font-size:.625rem}.mobile-topbar .modes__item{gap:var(--s1);padding-inline:var(--s1)}}.pill--overdue{background:color-mix(in srgb, var(--danger) 14%, var(--paper));color:var(--danger)}.dashboard-grid{gap:var(--s4);grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);display:grid}.dashboard-focus{min-height:420px}.dashboard-score{align-self:start}.dashboard-section-head{justify-content:space-between;align-items:start;gap:var(--s3);display:flex}.dashboard-chores{margin-top:var(--s4)}.dashboard-board{gap:var(--s2);margin:var(--s4) 0;padding:0;list-style:none;display:grid}.dashboard-board li{justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid color-mix(in srgb, var(--paper) 18%, transparent);font-variant-numeric:tabular-nums;display:flex}.dashboard-done{flex:none}@media (width<=700px){.dashboard-grid{grid-template-columns:1fr}.dashboard-focus{min-height:0}.dashboard-section-head{align-items:center}.dashboard-chores .row{flex-wrap:wrap;align-items:flex-start}.dashboard-chores .row__body{flex-basis:calc(100% - 72px)}.dashboard-done{margin-left:auto}}.pill--points{background:var(--accent);font-variant-numeric:tabular-nums}.seg{gap:var(--s1);padding:var(--s1);background:var(--canvas);border-radius:var(--r-pill);border:0;margin:0;display:inline-flex}.seg__legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.seg button{cursor:pointer;font:600 .875rem / 1 var(--sans);padding:var(--s2) var(--s4);border-radius:var(--r-pill);color:var(--text-dim);background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (width<=860px){.taste-screen{width:100%}.taste-workspace{flex-direction:column;display:flex}.taste-rail{order:2;grid-template-columns:1fr 1fr;display:grid;position:static}.taste-stage{order:1}.taste-matches{margin-left:0}}@media (width<=560px){.taste-screen{gap:var(--s3)}.taste-screen .page-head{align-items:stretch;padding:0}.taste-screen .page-head h1{font-size:1.75rem}.taste-mode{width:100%}.taste-mode .btn{flex:1}.taste-workspace,.taste-rail,.taste-stage{gap:var(--s3)}.taste-rail{flex-direction:column;width:100%;display:flex}.taste-rail>*,.taste-stage>*,.taste-filter-grid .field{min-width:0}.taste-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.taste-filter-grid .field:first-child{grid-column:1/-1}.taste-chip-list{margin-inline:calc(var(--s4) * -1);padding-inline:var(--s4);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.taste-chip-list::-webkit-scrollbar{display:none}.taste-chip{flex:none;min-height:44px}.taste-deck{min-height:0;padding:var(--s3)}.taste-card__media{gap:var(--s3);grid-template-columns:minmax(0,1fr)}.taste-poster,.taste-cover{width:min(52vw,180px);margin-inline:auto}.taste-card__copy{padding-top:var(--s1)}.taste-card__copy h2{overflow-wrap:anywhere;max-width:none;font-size:clamp(1.375rem,7vw,1.8rem)}.taste-card__copy .pill{padding-inline:var(--s2);font-size:.6875rem}.taste-card__copy iframe{inset:12vh var(--s3) auto;z-index:20;width:calc(100% - var(--s5));border:var(--s2) solid var(--ink);position:fixed;box-shadow:0 24px 60px #16181c73}.taste-actions{bottom:calc(88px + env(safe-area-inset-bottom));z-index:4;margin-top:var(--s4);padding:var(--s2);border-radius:var(--r-pill);background:var(--paper);position:sticky;box-shadow:0 12px 30px #16181c2e}.taste-action{min-height:52px;padding-inline:var(--s3)}.taste-action kbd{display:none}.taste-source{margin-top:var(--s3)}}.rank{border-radius:var(--r-pill);background:var(--canvas);width:28px;height:28px;font:700 .8125rem / 1 var(--sans);flex:none;place-items:center;display:grid}.rank[data-first=true]{background:var(--accent)}.points-input{width:76px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important}}[data-mode=fun] .page-head h1{letter-spacing:-.02em;font-weight:500}[data-mode=fun] .card{padding:var(--s6) var(--s5)}
