:root{--bg:#f6f1fb;--bg-band:#efe7f9;--card:#fff;--card-edge:#e5dbf3;--ink:#24183d;--ink-2:#5d5078;--ink-3:#857a9e;--line:#e2d8ef;--night:#1d1333;--night-2:#2b1f4a;--night-edge:transparent;--night-ink:#f4edff;--night-ink-2:#b9acd9;--gold:#f2b04a;--gold-deep:#d38a1c;--gold-ink:#8a5200;--pink:#ff8db0;--pink-soft:#ffd3e1;--pink-ink:#b02a5e;--lilac:#bba7f4;--lilac-soft:#ebe3fd;--confetti:#c9baf0;--personal:#ffe7ef;--focus:#7a5ae0;--float-edge:#e6d8c3;--float-ink:#c9b9a0;--float-moon:#c9baf0;--paper:#fff8ec;--paper-ink:#2a1c44;--paper-ink-2:#6b5d85;--wood:#a5e0c4;--wood-ink:#17634a;--fire:#ffae9e;--fire-ink:#a33224;--earth:#f7d27e;--earth-ink:#7d5406;--metal:#c7cbe8;--metal-ink:#4d5270;--water:#a9c4ff;--water-ink:#1e4d9c;--flowing:#c9f0dd;--flowing-ink:#135e40;--steady:#e4dcfb;--steady-ink:#45327d;--mixed:#fbe6b5;--mixed-ink:#7a4a00;--gentle:#ffd8e4;--gentle-ink:#9c2757;--shadow:0 1px 0 #24183d0a, 0 14px 32px -18px #24183d47;--shadow-lift:0 22px 44px -22px #24183d73;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;--radius:22px;--gutter:clamp(16px, 4vw, 40px);--max:1160px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#130c22;--bg-band:#190f2d;--card:#1f1534;--card-edge:#33264f;--ink:#f3ecff;--ink-2:#bdb0d9;--ink-3:#9285b1;--line:#33274e;--night:#0b0616;--night-2:#1f1539;--night-edge:#2c2047;--gold-ink:#f6c46a;--pink-ink:#ff9dbd;--lilac-soft:#2a1f45;--confetti:#4a3a73;--personal:#2e1c3f;--focus:#bca6ff;--float-moon:#4a3a73;--flowing:#173f31;--flowing-ink:#86e0b6;--steady:#2d2452;--steady-ink:#c4b2ff;--mixed:#3e3014;--mixed-ink:#f4c96f;--gentle:#47213b;--gentle-ink:#ff9fc0;--shadow:0 1px 0 #00000040, 0 16px 34px -18px #000000b3;--shadow-lift:0 22px 44px -22px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#130c22;--bg-band:#190f2d;--card:#1f1534;--card-edge:#33264f;--ink:#f3ecff;--ink-2:#bdb0d9;--ink-3:#9285b1;--line:#33274e;--night:#0b0616;--night-2:#1f1539;--night-edge:#2c2047;--gold-ink:#f6c46a;--pink-ink:#ff9dbd;--lilac-soft:#2a1f45;--confetti:#4a3a73;--personal:#2e1c3f;--focus:#bca6ff;--float-moon:#4a3a73;--flowing:#173f31;--flowing-ink:#86e0b6;--steady:#2d2452;--steady-ink:#c4b2ff;--mixed:#3e3014;--mixed-ink:#f4c96f;--gentle:#47213b;--gentle-ink:#ff9fc0;--shadow:0 1px 0 #00000040, 0 16px 34px -18px #000000b3;--shadow-lift:0 22px 44px -22px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16.5px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{overflow-x:clip}.eyebrow,.label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-ink);font-size:12.5px;font-weight:800}.label{color:var(--ink-3);font-size:11.5px}.lede{color:var(--ink-2);max-width:60ch;font-size:18px;line-height:1.6}.muted{color:var(--ink-3)}.small{font-size:14px}.hint{color:var(--ink-3);font-size:13px}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.mark{flex:none;display:block}.wordmark{white-space:nowrap;font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.02em;font-size:23px;font-weight:650;line-height:1}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;text-decoration:none;display:inline-flex}[data-tone=flowing]{--tone:var(--flowing);--tone-ink:var(--flowing-ink)}[data-tone=steady]{--tone:var(--steady);--tone-ink:var(--steady-ink)}[data-tone=mixed]{--tone:var(--mixed);--tone-ink:var(--mixed-ink)}[data-tone=gentle]{--tone:var(--gentle);--tone-ink:var(--gentle-ink)}[data-el=Wood]{--el:var(--wood);--el-ink:var(--wood-ink)}[data-el=Fire]{--el:var(--fire);--el-ink:var(--fire-ink)}[data-el=Earth]{--el:var(--earth);--el-ink:var(--earth-ink)}[data-el=Metal]{--el:var(--metal);--el-ink:var(--metal-ink)}[data-el=Water]{--el:var(--water);--el-ink:var(--water-ink)}.chip{white-space:nowrap;background:var(--tone,var(--el,var(--steady)));color:var(--tone-ink,var(--el-ink,var(--steady-ink)));border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-flex}.chip[data-el]{background:var(--el);color:var(--el-ink)}.tone-badge{background:var(--tone);width:48px;height:48px;color:var(--tone-ink);border-radius:16px;flex:none;place-items:center;display:grid}.area-icon{background:var(--lilac-soft);width:44px;height:44px;color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}[data-area=growth] .area-icon{background:var(--wood);color:var(--wood-ink)}[data-area=career] .area-icon{background:var(--earth);color:var(--earth-ink)}[data-area=love] .area-icon{background:var(--pink-soft);color:#9c2757}[data-area=family] .area-icon{background:var(--water);color:var(--water-ink)}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-cookie{background:var(--gold);color:#2a1c44;box-shadow:0 4px 0 var(--gold-deep);padding:14px 26px;font-size:16.5px}.btn-cookie:hover:not(:disabled){box-shadow:0 5px 0 var(--gold-deep);transform:translateY(-1px)}.btn-cookie:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep);transform:translateY(3px)}.btn-quiet{color:var(--ink-2);background:0 0;padding:10px 14px;font-size:14.5px}.btn-quiet:hover{background:var(--lilac-soft);color:var(--ink)}.btn-soft{background:var(--lilac-soft);color:var(--ink);padding:10px 16px;font-size:14.5px}.btn-soft:hover{background:var(--steady)}.btn-small{padding:7px 12px;font-size:13.5px}.btn-night{background:var(--night-ink);color:var(--night);padding:10px 18px;font-size:14.5px}.btn-night-quiet{color:var(--night-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--night-ink) 28%, transparent);background:0 0;padding:10px 14px;font-size:14.5px}.icon-btn{border:1.5px solid var(--line);background:var(--card);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{border-color:var(--lilac);background:var(--lilac-soft)}.link-btn{color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:800;text-decoration:underline}.link-btn-night{color:var(--night-ink-2)}.field{border:1.5px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--ink);border-radius:14px;padding:10px 14px;font-size:16px;font-weight:600;transition:border-color .15s,background .15s}.field-big{border-radius:18px;min-height:58px;padding:12px 18px;font-size:19px}.field-small{width:auto;min-height:42px;padding:6px 12px}.field:hover{border-color:var(--lilac)}.field:focus-visible{border-color:var(--focus);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 20%, transparent);outline:none}.field:disabled{opacity:.45}.check{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:14.5px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--pink-ink);flex:none;margin-top:3px}.place{position:relative}.place-list{z-index:20;background:var(--card);border:1.5px solid var(--card-edge);box-shadow:var(--shadow-lift);border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.place-list button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:baseline;gap:8px;width:100%;padding:9px 12px;font-weight:700;display:flex}.place-list button small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.place-list button.is-active{background:var(--lilac-soft)}.form-error{background:var(--gentle);color:var(--gentle-ink);border-radius:12px;padding:10px 14px;font-size:14.5px;font-weight:700}.privacy{color:var(--ink-3);text-align:center;font-size:13px}.stack{gap:12px;display:grid}.cookie-art{width:100%;height:100%;display:block;overflow:visible}.cookie-art g{transform-box:view-box;transition:transform .7s cubic-bezier(.3,1.45,.5,1)}.ca-slip{transition-delay:80ms}.ca-crack{transition:stroke-dashoffset .6s,opacity .3s}@keyframes wobble{0%{rotate:0deg}20%{rotate:-5deg}45%{rotate:4deg}70%{rotate:-2deg}to{rotate:0deg}}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}@keyframes crumb{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(70px)scale(.6)}}@keyframes twinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes drift{0%,to{translate:0}50%{translate:0 -8px}}.onboard{isolation:isolate;min-height:100dvh;padding:0 var(--gutter) 40px;grid-template-rows:auto auto 1fr;justify-items:center;display:grid;position:relative;overflow:hidden}.onboard-top{justify-content:space-between;align-items:center;width:100%;max-width:640px;padding:20px 0 4px;display:flex}.step-count{color:var(--ink-3);letter-spacing:.06em;font-size:13px;font-weight:800}.onboard-stage{justify-items:center;gap:14px;padding:8px 0 20px;display:grid}.onboard-cookie{aspect-ratio:1;width:clamp(170px,30vw,230px);max-width:100%;animation:.55s wobble,5s ease-in-out .6s infinite bob;position:relative}.onboard.is-opening .onboard-cookie{transition:transform .8s cubic-bezier(.3,1.4,.5,1);animation:none;transform:scale(1.18)}.crumbs i{background:var(--gold);border-radius:45% 55% 50% 50%;width:7px;height:7px;animation:.8s ease-in forwards crumb;position:absolute;top:70%}.onboard-progress{gap:8px;display:flex}.onboard-progress i{background:var(--confetti);border-radius:999px;width:28px;height:7px;transition:background .3s,width .3s}.onboard-progress i.is-now{background:var(--lilac);width:40px}.onboard-progress i.is-done{background:var(--gold)}.onboard-reveal{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;text-align:center;font-size:clamp(26px,4vw,36px);font-weight:600;animation:.6s cubic-bezier(.3,1.3,.5,1) .3s both slip-in}.onboard-card{background:var(--card);border:1px solid var(--card-edge);width:100%;max-width:560px;box-shadow:var(--shadow-lift);border-radius:28px;align-self:start;gap:16px;padding:clamp(22px,4vw,34px);animation:.45s cubic-bezier(.3,1.3,.5,1) both slip-in;display:grid}.onboard-card h1{font-size:clamp(27px,3.6vw,34px);line-height:1.12}.onboard-sub{color:var(--ink-2);margin-top:-6px}.onboard-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.area-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.area-pick{border:1.5px solid var(--line);background:var(--bg);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.area-pick:hover{border-color:var(--lilac)}.area-pick.is-on{border-color:var(--ink);background:var(--card);transform:translateY(-1px)}.area-pick-text{flex:1;min-width:0;line-height:1.3;display:grid}.area-pick-text small{color:var(--ink-3);font-size:13px;font-weight:600}.area-pick-box,.step-box{border:2px solid var(--ink-3);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,transform .2s cubic-bezier(.3,1.6,.5,1);display:grid}.area-pick.is-on .area-pick-box{background:var(--ink);border-color:var(--ink);color:var(--bg)}.about-qs{gap:18px;display:grid}.chips-q{border:0;gap:8px;margin:0;padding:0;display:grid}.chips-q legend{margin-bottom:8px;padding:0;font-size:14.5px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1.5px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14.5px;font-weight:700;display:inline-flex}.chip-btn:hover{border-color:var(--lilac)}.chip-btn.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.subpage{display:block}.back-link{color:var(--ink-2);padding:8px var(--gutter);max-width:var(--max);background:0 0;border:0;align-items:center;gap:6px;width:100%;margin:8px auto 0;font-weight:800;display:inline-flex}.back-link:hover{color:var(--ink)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:var(--bg-band);align-content:start;gap:8px;padding:22px;display:grid}.step-num{background:var(--night);width:40px;height:40px;color:var(--gold);font-family:var(--font-display);border:1px solid var(--night-edge);border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid}.steps h3,.promise h3{font-size:20px}.steps p,.promise p{color:var(--ink-2)}.promises{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);display:grid}.promise{align-items:flex-start;gap:10px;display:flex}.promise svg{color:var(--gold-deep);flex:none;margin-top:5px}.promise h3{margin-bottom:2px;font-size:17px}.promise p{font-size:14.5px}.label-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.label-list li{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);gap:10px;padding:18px;display:grid}.label-list strong{font-family:var(--font-display);font-size:20px}.label-list p{color:var(--ink-2);font-size:14.5px}.calc{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);margin:0;padding:6px 22px}.calc>div{border-top:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.calc>div:first-child{border-top:0}.calc dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:2px;font-size:13px;font-weight:800}.calc dd{color:var(--ink-2);margin:0}.modal-back{z-index:50;background:#0f081e99;place-items:center;padding:16px;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--card);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lift);border-radius:26px;gap:14px;padding:18px;animation:.4s cubic-bezier(.3,1.3,.5,1) both slip-in;display:grid;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:22px}.share-preview{background:var(--night);aspect-ratio:4/5;border-radius:18px;place-items:center;max-width:100%;display:grid;overflow:hidden}.share-preview img{object-fit:contain;width:100%;height:100%;display:block}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.floaties{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fl-drift{line-height:0;animation:22s ease-in-out infinite alternate drift-slow;display:block;position:absolute}.fl{line-height:0;display:block}@keyframes drift-slow{0%{translate:0}50%{translate:14px -26px}to{translate:-10px 12px}}.floaties-page{z-index:-1;opacity:.85;position:fixed}.fl-slip{opacity:.9;animation:9s ease-in-out infinite sway}.fl-spark{animation:3.8s ease-in-out infinite twinkle}.fl-moon{opacity:.85;animation:7s ease-in-out infinite rock}@keyframes sway{0%,to{transform:rotate(0)}33%{transform:rotate(6deg)}66%{transform:rotate(-5deg)}}@keyframes rock{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.term{display:inline;position:relative}.term-word{font:inherit;color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:4px;cursor:help;text-align:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0;text-decoration-thickness:1.5px}.term-tip{z-index:30;background:var(--night);width:max-content;max-width:min(240px,80vw);color:var(--night-ink);border:1px solid var(--night-edge);font-family:var(--font-body);letter-spacing:0;text-transform:none;text-align:left;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;padding:10px 12px;font-size:13.5px;font-style:normal;font-weight:600;line-height:1.45;transition:opacity .15s,translate .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}.term-tip.is-wide{max-width:min(300px,84vw)}.term:hover .term-tip,.term:focus-within .term-tip{opacity:1;visibility:visible;translate:-50%}.splash{isolation:isolate;background:var(--night);color:var(--night-ink);--paper:#fff8ec;--float-edge:#e6d8c3;--float-ink:#c9b9a0;--float-moon:#4a3a73;cursor:default;border:0;place-content:center;justify-items:center;gap:12px;transition:opacity .4s;display:grid;position:fixed;inset:0}.splash.is-leaving{opacity:0}.splash-mark{animation:3s ease-in-out infinite bob}.splash-word{font-size:32px}.splash-line{color:var(--night-ink-2);text-align:center;max-width:30ch;font-size:15px}.intro{isolation:isolate;min-height:100dvh;padding:0 var(--gutter) 32px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.intro-top{justify-content:space-between;align-items:center;width:100%;max-width:560px;padding:18px 0 0;display:flex}.intro-cookie{aspect-ratio:1;width:clamp(150px,26vw,200px);margin:auto 0 12px;animation:5s ease-in-out infinite bob}.intro-card{text-align:center;align-content:start;gap:12px;max-width:460px;margin-bottom:auto;animation:.45s cubic-bezier(.3,1.3,.5,1) both slip-in;display:grid}.intro-card h1{font-size:clamp(28px,4.4vw,38px);line-height:1.1}.intro-body{color:var(--ink-2);text-align:left;font-size:17px;line-height:1.6}.intro-nav{justify-items:center;gap:18px;width:100%;max-width:460px;margin-top:auto;padding-top:32px;display:grid}.intro-dots{gap:8px;display:flex}.intro-dots button{background:var(--confetti);border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.intro-dots button.is-on{background:var(--gold);width:26px}.intro-actions{gap:10px;display:flex}.app{isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.topbar{z-index:20;padding:12px var(--gutter);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .wordmark{font-size:21px}.topnav{gap:2px;display:flex}.topnav-link{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:14.5px;font-weight:700}.topnav-link:hover,.topnav-link.is-on{background:var(--lilac-soft);color:var(--ink)}.me-btn{background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0;display:inline-flex}.streak-mini{color:var(--ink-2);align-items:center;gap:4px;font-size:14px;font-weight:800;display:inline-flex}.avatar{background:var(--night);color:var(--gold);font-family:var(--font-display);box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--card-edge);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.me-btn.is-on .avatar{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--gold)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.main{width:100%;max-width:680px;padding:0 var(--gutter);margin:0 auto}.app.is-revealing .main>*>*{animation:.7s cubic-bezier(.3,1.2,.5,1) both rise}.app.is-revealing .main>*>:nth-child(3){animation-delay:.1s}.app.is-revealing .main>*>:nth-child(4){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slip-in{0%{transform:translateY(14px)scale(.97)}to{transform:none}}.tabbar{display:none}.closing{max-width:680px;padding:32px var(--gutter) 40px;text-align:center;border-top:1px solid var(--line);gap:12px;margin:40px auto 0;display:grid}.closing-line{font-family:var(--font-display);font-size:20px;font-weight:600}.closing-line em{color:var(--pink-ink);font-variation-settings:"SOFT" 100, "WONK" 1}.fineprint{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;display:flex}.block{border-top:1px solid var(--line);gap:14px;padding:26px 0;display:grid}.block-title,.tweaks-head h2,.area-head h2{font-size:22px;line-height:1.15}.block-label{margin-bottom:-2px}.block-quiet{gap:10px}.page-body{gap:18px;padding:22px 0 0;display:grid}.page-head{gap:8px;padding-bottom:6px;display:grid}.page-head h1{font-size:clamp(30px,6vw,42px);line-height:1.05}.lede{font-size:16.5px}.btn-ink{background:var(--ink);color:var(--bg);padding:10px 16px;font-size:14.5px}.btn-ink:hover{background:var(--ink-2)}.btn-danger{background:var(--gentle);color:var(--gentle-ink)}.flash{background:var(--flowing);color:var(--flowing-ink);border-radius:12px;padding:10px 14px;font-size:14.5px;font-weight:700}.you-tag{background:var(--night);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-block}.area-icon-sm{border-radius:10px;width:32px;height:32px}.swatch{vertical-align:-3px;border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:inset 0 0 0 1.5px #0000001f}.field-label{color:var(--ink-2);gap:6px;font-size:13.5px;font-weight:800;display:grid}.field-label .field{font-weight:600}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring-track{fill:none;stroke:var(--line);stroke-width:7px}.ring-fill{fill:none;stroke:var(--tone-ink);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.3,1.1,.5,1)}.ring-num{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0, "opsz" 144;letter-spacing:-.03em;font-size:2.7em;font-weight:600;line-height:1}.score-pill{background:var(--tone);color:var(--tone-ink);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:14px;font-weight:800;display:inline-flex}.score-bar{background:var(--line);border-radius:999px;height:6px;display:block;overflow:hidden}.score-bar span{border-radius:inherit;background:var(--tone-ink);height:100%;display:block}.today{padding-top:20px;display:grid}.today-head{justify-items:start;gap:4px;padding-bottom:16px;display:grid}.today-head h1{letter-spacing:-.02em;font-size:clamp(30px,6.4vw,44px);line-height:1.02}.today-head .btn{margin-top:8px}.checkin{background:var(--card);border:1.5px dashed var(--lilac);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:14px;padding:12px 14px;font-size:14.5px;display:flex}.checkin p{flex:240px;gap:2px;display:grid}.checkin-actions{gap:4px;display:flex}.stage{isolation:isolate;background:var(--night);color:var(--night-ink);border:1px solid var(--night-edge);--paper:#fff8ec;--float-edge:#e6d8c3;--float-ink:#c9b9a0;--float-moon:#4a3a73;border-radius:28px;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;padding:20px clamp(16px,4vw,30px) 24px;display:flex;position:relative;overflow:hidden}.stage.is-sealed{justify-content:center;min-height:420px}.stage-cookie{width:120px;height:120px;animation:5s ease-in-out infinite bob}.sealed{text-align:center;justify-items:center;gap:12px;display:grid}.crack-me{background:0 0;border:0;width:210px;height:210px;padding:0;transition:transform .2s;animation:4s ease-in-out infinite bob}.crack-me:hover:not(:disabled){animation:.6s wobble}.crack-me.is-cracking{animation:.5s wobble;transform:scale(1.08)}.sealed-title{font-family:var(--font-display);font-size:26px;font-weight:600}.sealed-note{color:var(--night-ink-2);font-size:13.5px}.slip{background:var(--paper);width:min(100%,470px);color:var(--paper-ink);border-radius:14px;padding:30px clamp(20px,4vw,30px) 16px;animation:.7s cubic-bezier(.3,1.3,.5,1) both slip-in;position:relative;box-shadow:0 26px 50px -24px #000000b3;-webkit-mask:radial-gradient(circle at 0,#0000 8px,#000 8.5px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 8px,#000 8.5px) 100%/51% 100% no-repeat;mask:radial-gradient(circle at 0,#0000 8px,#000 8.5px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 8px,#000 8.5px) 100%/51% 100% no-repeat}.slip .term-tip{top:calc(100% + 8px);bottom:auto;left:0;translate:0 -4px}.slip .term:hover .term-tip,.slip .term:focus-within .term-tip{translate:0}.slip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--pink);color:#3a0f24;letter-spacing:.1em;text-transform:uppercase;border-radius:7px;max-width:60%;padding:4px 9px;font-size:10.5px;font-weight:800;position:absolute;top:10px;right:16px;overflow:hidden;rotate:3deg}.slip-text{font-family:var(--font-display);font-variation-settings:"SOFT" 0, "WONK" 0, "opsz" 24;letter-spacing:.005em;text-wrap:pretty;max-width:34ch;margin:6px 0 16px;font-size:clamp(20px,4.4vw,23px);font-weight:450;line-height:1.45}.slip-foot{color:var(--paper-ink-2);border-top:1.5px dashed #e6d9c4;padding-top:10px;font-size:13.5px;font-weight:700;position:relative}.stage-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}:is(.stage:has(.slip .term:hover),.stage:has(.slip .term:focus-within)){overflow:visible}.score-block{border-top:0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:20px}.score-copy{gap:6px;display:grid}.score-line{font-size:17px;font-weight:800;line-height:1.35}.score-personal{color:var(--ink-2);font-size:15px}.score-personal .term-word{color:var(--pink-ink);font-weight:800}.mini-scores{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;margin:6px 0 0;padding:0;list-style:none;display:grid}.mini-scores button{text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:6px 0;font-size:14px;font-weight:700;display:grid}.mini-num{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.area-head{align-items:center;gap:12px;display:flex}.area-head>div{flex:1;min-width:0}.area-text{font-size:17px;line-height:1.5}.area-foryou{color:var(--ink-2);border-left:3px solid var(--gold);padding-left:12px;font-size:15px}.step{border:1.5px dashed var(--line);background:var(--card);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:14px 16px;font-weight:600;transition:background .2s,border-color .2s;display:grid}.step:hover{border-color:var(--lilac)}.step-copy{gap:2px;display:grid}.step-copy small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:800}.step.is-done{background:var(--flowing);color:var(--flowing-ink);border-color:#0000}.step.is-done .step-box{background:var(--flowing-ink);border-color:var(--flowing-ink);color:#fff;transform:scale(1.1)rotate(-6deg)}.step.is-done small{color:inherit}.others{gap:0}.others .block-label{margin-bottom:8px}.other{border-bottom:1px solid var(--line)}.other:last-child{border-bottom:0}.other-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.other-title{flex:1;align-items:center;gap:6px;font-weight:800;display:inline-flex}.other-title svg{color:var(--flowing-ink)}.other-row>svg:last-child{color:var(--ink-3);transition:transform .2s}.other.is-open .other-row>svg:last-child{transform:rotate(180deg)}.other-body{gap:12px;padding:0 0 16px 44px;animation:.35s both rise;display:grid}.tweaks-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tweaks-head .term-word{text-decoration:none}.tweaks-head .term-tip{left:auto;right:0;translate:0 4px}.tweaks-head .term:hover .term-tip,.tweaks-head .term:focus-within .term-tip{translate:0}.tweak-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tweak-list li{background:var(--bg-band);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:14px;display:grid}.tweak-ic{background:var(--el,var(--lilac-soft));width:34px;height:34px;color:var(--el-ink,var(--ink));border-radius:10px;grid-row:1/3;place-items:center;display:grid}.tweak-val{font-size:15px;font-weight:700;line-height:1.35}.tomorrow{gap:16px}.streak-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.streak-num{font-family:var(--font-display);align-items:center;gap:8px;font-size:28px;font-weight:600;line-height:1;display:inline-flex}.streak-num span{font-family:var(--font-body);color:var(--ink-2);font-size:15px;font-weight:700}.week{gap:6px;margin:0;padding:0;list-style:none;display:flex}.week button{background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.week button:disabled{cursor:default}.week-cookie{border:1.5px dashed var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.week button.is-on .week-cookie{background:var(--night);border:0}.week button.is-viewing .week-cookie{box-shadow:0 0 0 2.5px var(--gold)}.week-letter{color:var(--ink-3);font-size:11.5px;font-weight:800}.tomorrow-row{background:var(--night);color:var(--night-ink);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.tomorrow-row p{gap:2px;font-size:15px;display:grid}.tomorrow-row .label{color:var(--gold)}.sealed-mini{flex:none;animation:4s ease-in-out infinite bob}.seg{background:var(--bg-band);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:9px 8px;font-size:14.5px;font-weight:800}.seg button.is-on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.fc-body{gap:22px;padding-top:18px;display:grid}.fc-lead{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.fc-lead>div{gap:6px;display:grid}.fc-text{font-size:17px;font-weight:600;line-height:1.45}.fc-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.fc-areas li{background:var(--bg-band);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;font-size:14.5px;font-weight:800;display:flex}.fc-areas .score-pill{margin-left:auto}.cal-wrap{gap:10px;display:grid}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-h{text-align:center;color:var(--ink-3);font-size:11.5px;font-weight:800}.cal-day{aspect-ratio:1;color:var(--ink-3);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:0;padding:0;font-size:12px;font-weight:700;display:grid}.cal-day.is-open{background:var(--tone);color:var(--tone-ink)}.cal-day.is-open:hover{box-shadow:inset 0 0 0 2px var(--tone-ink)}.cal-day.is-future{background:var(--bg-band)}.cal-day.is-future .mark{opacity:.55;filter:grayscale(.4)}.cal-day.is-missed{border:1.5px dashed var(--line)}.cal-day.is-today{box-shadow:inset 0 0 0 2px var(--ink)}.cal-date{font-size:11px;line-height:1}.cal-score{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.1}.year-strip{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:4px;margin:0;padding:0;list-style:none;display:grid}.year-strip li{justify-items:center;gap:4px;display:grid}.ys-num{color:var(--tone-ink);font-size:12px;font-weight:800}.ys-bar{background:var(--bg-band);border-radius:8px;align-items:flex-end;width:100%;max-width:26px;height:80px;display:flex;overflow:hidden}.ys-bar span{background:var(--tone);border-top:3px solid var(--tone-ink);width:100%;display:block}.year-strip li.is-now .ys-bar{box-shadow:0 0 0 2px var(--ink)}.ys-date{color:var(--ink-3);white-space:nowrap;writing-mode:vertical-rl;height:44px;font-size:10px;font-weight:700;rotate:180deg}.outlook{margin:0;padding:0;list-style:none;display:grid}.outlook li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.outlook li>div{gap:4px;display:grid}.outlook-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.life-core{background:var(--el);color:var(--el-ink);border-radius:20px;gap:6px;padding:18px;display:grid}.life-core h3{font-size:24px}.life-core .muted{color:inherit;opacity:.75}.life-core p:last-child{color:#24183d}.me-head{align-items:center;gap:18px;display:flex}.me-head h1{font-size:32px;line-height:1.1}.me-head>div{justify-items:start;gap:4px;display:grid}.avatar-edit{background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-cam{background:var(--gold);color:#2a1c44;width:30px;height:30px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.animals{gap:10px;display:grid}.animal{background:color-mix(in srgb, var(--el,var(--lilac-soft)) 55%, #fff);color:#24183d;border-radius:18px;align-content:start;gap:2px;padding:14px;display:grid;position:relative}.animal .label{color:var(--el-ink,#857a9e)}.animal .muted,.el-card .muted{color:#5d5078}.animal-year{background:var(--el);padding:20px}.animal-name{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.1}.animal-year .animal-name{font-size:44px}.animal-el{color:var(--el-ink,var(--ink-2));font-size:14px;font-weight:800}.animal-year .animal-el{font-size:15.5px}.animal-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.animal.is-unknown{background:var(--bg-band);color:var(--ink)}.animal .muted.small{margin-top:4px;font-size:12.5px;line-height:1.4}.mix{gap:12px;display:grid}.bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.bar-track{background:var(--bg-band);border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--el);height:100%;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--el-ink) 25%, transparent);display:block}.bar-val{text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.details{gap:14px;display:grid}.details-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.details-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile .area-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.profile .area-pick{padding:10px 12px}.profile .about-qs{margin-top:6px}.reminder{gap:12px;display:grid}.reminder-row{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.reminder-actions{flex-wrap:wrap;gap:8px;display:flex}.place-row{gap:8px;display:flex}.place-row .field{flex:1;min-width:0}.map-toggle{border-radius:14px;flex:none}.map-toggle.is-on{background:var(--ink);color:var(--bg)}.place-empty{margin-top:6px}.map{background:var(--night);border:1px solid var(--night-edge);border-radius:18px;margin-top:10px;position:relative;overflow:hidden}.map-loading{aspect-ratio:16/10;color:var(--night-ink-2);place-items:center;font-size:14px;display:grid}.map-svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.map-svg:active{cursor:grabbing}.map-sea{fill:#160e2b}.map-land{fill:#3a2c5f}.map-border{fill:none;stroke:#5b4a88;stroke-width:.6px}.map-dot{fill:#e9dcff;opacity:.55}.map-label{fill:#f4edff;font-family:var(--font-body);paint-order:stroke;stroke:#160e2b;stroke-width:3px;font-size:11px;font-weight:700}.map-pin path{fill:var(--gold)}.map-pin-glow{fill:var(--gold);opacity:.25;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite twinkle}.map-zoom{gap:4px;display:grid;position:absolute;top:10px;right:10px}.map-zoom button{color:#f4edff;background:#f4edff24;border:0;border-radius:10px;width:34px;height:34px;font-size:20px;font-weight:700;line-height:1}.map-zoom button:hover{background:#f4edff3d}.map-hint{color:#d9ccf5;pointer-events:none;background:#160e2bbf;border-radius:999px;max-width:calc(100% - 64px);padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.people{flex-wrap:wrap;gap:8px;display:flex}.person-chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;align-items:center;font-size:14.5px;font-weight:700;display:inline-flex}.person-chip button{background:0 0;border:0;padding:7px 4px 7px 14px}.person-chip .person-x{color:var(--ink-3);place-items:center;padding:7px 10px 7px 6px;display:grid}.person-chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.person-chip.is-on .person-x{color:var(--bg)}.match-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.match-top>div{gap:6px;display:grid}.match-headline{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.25}.match-rows{margin:0;display:grid}.match-rows>div{border-top:1px solid var(--line);gap:2px;padding:12px 0;display:grid}.match-rows dd{margin:0}.plain-list{margin:0;padding:0;list-style:none;display:grid}.plain-list li{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:12px 0;display:grid}.plain-list li:first-child{border-top:0}.pl-key{font-weight:800}.pl-you{color:var(--pink-ink);white-space:nowrap;font-size:13px;font-weight:800}.el-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.el-card{background:color-mix(in srgb, var(--el) 45%, #fff);color:#24183d;border-radius:16px;align-content:start;gap:4px;padding:14px;display:grid;position:relative}.el-card .you-tag{margin:0;position:absolute;top:12px;right:10px}.el-name{font-family:var(--font-display);color:var(--el-ink);align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.yy{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.yy p{background:var(--bg-band);border-radius:16px;padding:14px}.yy p:first-child{background:var(--night);color:var(--night-ink)}.animal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.animal-grid li{background:var(--bg-band);border-radius:14px;gap:2px;padding:12px;display:grid}.animal-grid li.is-mine{background:var(--night);color:var(--night-ink)}.animal-grid li.is-mine .muted{color:var(--night-ink-2)}.bands{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bands li{background:var(--tone);color:var(--tone-ink);border-radius:12px;grid-template-columns:auto 90px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;display:grid}.how-link{background:var(--night);color:var(--night-ink);border:0;border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:800;display:inline-flex}.subpage .section{gap:16px;padding:18px 0;display:grid}.subpage .section-head{gap:8px;display:grid}.subpage .section-head h1,.subpage .section-head h2{font-size:clamp(26px,5vw,34px);line-height:1.1}.subpage .back-link{margin:0;padding:8px 0}.subpage .steps,.subpage .promises{grid-template-columns:minmax(0,1fr)}.date-fields,.time-fields{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.df{gap:4px;width:84px;display:grid}.df-year{width:116px}.df span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:800}.df .field{text-align:center;font-variant-numeric:tabular-nums;padding-inline:8px}.df-slash{color:var(--ink-3);padding-bottom:12px;font-size:26px;font-weight:700}.ampm{background:var(--bg-band);border-radius:999px;margin-bottom:4px;margin-left:6px;padding:4px;display:inline-flex}.ampm button{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:800}.ampm button.is-on{background:var(--ink);color:var(--bg)}.time-fields.is-disabled{opacity:.45}.chips-q legend .muted{font-size:13px;font-weight:600}.read-more{justify-items:start;gap:8px;display:grid}.read-more-text{color:var(--ink-2);background:var(--bg-band);border-radius:14px;padding:12px 14px;line-height:1.7;animation:.35s both slip-in}.read-more-btn{color:var(--pink-ink);background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:14px;font-weight:800;display:inline-flex}.read-more-btn svg{transition:transform .2s}.read-more.is-open .read-more-btn svg{transform:rotate(180deg)}.step-tools{flex-wrap:wrap;align-items:center;gap:6px 14px;padding-left:4px;display:flex}.step-tools .link-btn{color:var(--ink-2);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.step-tools .link-btn:hover{color:var(--ink);text-decoration:underline}.step-tools .ap-side-note{padding-left:0}.step-edit{background:var(--bg);border:1.5px solid var(--lilac);border-radius:20px;gap:8px;padding:14px;display:grid}.step-edit textarea{resize:vertical;min-height:84px;font-weight:600;line-height:1.45}.step-edit-actions{gap:8px;display:flex}.animal-icon{filter:drop-shadow(0 2px #24183d1f);flex:none}.pillar:hover .animal-icon{animation:.6s wobble}.animal-unknown{border:2px dashed var(--line);width:56px;height:56px;color:var(--ink-3);border-radius:50%;place-items:center;font-weight:800;display:grid}.years{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.yr-chip{justify-self:start}.years li{background:color-mix(in srgb, var(--tone) 45%, var(--card));border:1.5px solid #0000;border-radius:20px;align-content:start;gap:10px;padding:14px 16px;display:grid}.years li.is-now{border-color:var(--ink)}.yr-head{align-items:center;gap:10px;display:flex}.yr-head>div{flex:1;min-width:0}.yr-year{font-family:var(--font-display);align-items:center;gap:6px;font-size:22px;font-weight:650;line-height:1.1;display:flex}.yr-now{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--bg);border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800}.yr-label{color:var(--ink-2);font-size:13px;font-weight:700}.yr-flavor{color:var(--ink-2);font-size:14.5px}.yr-areas{gap:6px;display:flex}.yr-area{background:var(--tone);width:28px;height:28px;color:var(--tone-ink);border-radius:9px;place-items:center;display:grid}.years-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.years-compact .yr-year{font-size:19px}@media (width<=760px){.topnav{display:none}.topbar{padding-top:max(10px, env(safe-area-inset-top))}.tabbar{z-index:30;padding:6px 6px max(8px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--ink-3);background:0 0;border:0;justify-items:center;gap:2px;padding:6px 0 2px;font-size:11px;font-weight:800;display:grid}.tabbar button.is-on{color:var(--ink)}.tabbar button.is-on svg{color:var(--pink-ink)}.tabbar button:not(.is-on) .mark{filter:grayscale()opacity(.55)}.app{padding-bottom:76px}.me-btn .streak-mini{display:inline-flex}}@media (width<=520px){.score-block{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:14px}.score-block .read-more{justify-items:center}.score-block .read-more-text{text-align:left}.mini-scores{grid-template-columns:minmax(0,1fr);gap:2px;width:100%}.mini-scores button{grid-template-columns:64px minmax(0,1fr) 28px}.tweak-btn{column-gap:8px;padding:12px 30px 12px 12px}.tweak-ic{width:30px;height:30px}.tweak-list li>.term{top:6px;right:4px}.tweak-val{font-size:14.5px}.fc-areas,.profile .area-picks,.details-row,.reminder-row,.yy{grid-template-columns:minmax(0,1fr)}.animal-row{gap:8px}.animal{padding:12px 10px}.animal-name{font-size:21px}.animal .muted.small{display:none}.other-body{padding-left:0}.plain-list li{grid-template-columns:minmax(0,1fr);gap:2px}.fc-lead,.match-top{grid-template-columns:minmax(0,1fr);justify-items:start}.cal{gap:4px}.cal-day{border-radius:9px}.cal-score{font-size:14px}.year-strip{gap:2px}.topbar .wordmark{font-size:18px}.area-picks{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.step-wrap{gap:6px;display:grid}.yrows{margin:0;padding:0;list-style:none;display:grid}.yrows li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.yrows li.is-now .yrow-year{color:var(--pink-ink)}.yrow-main{gap:2px;display:grid}.yrow-year{font-family:var(--font-display);align-items:center;gap:6px;font-size:20px;font-weight:600;line-height:1.1;display:flex}.seg{grid-template-columns:repeat(4,minmax(0,1fr))}.animal-year .animal-icon{position:absolute;top:14px;right:16px}.animal-row .animal-icon,.animal-row .animal-unknown{margin-bottom:4px}.animal-row .animal-unknown{width:40px;height:40px}.field-label .date-fields .field,.field-label .time-fields .field{min-height:48px;font-size:17px}.field-label .df span{font-size:10.5px}@media (width<=520px){.seg button{white-space:nowrap;padding:9px 4px;font-size:13px}}.tweak-list li{background:0 0;padding:0;display:block;position:relative}.tweak-btn{background:var(--bg-band);text-align:left;border:1.5px solid #0000;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;width:100%;height:100%;padding:14px 40px 14px 14px;transition:background .2s,border-color .2s;display:grid}.tweak-btn:hover{border-color:var(--lilac)}.tweak-list li.is-done .tweak-btn{background:var(--flowing);color:var(--flowing-ink)}.tweak-list li.is-done .tweak-ic{background:var(--flowing-ink);color:#fff}.tweak-list li>.term{position:absolute;top:10px;right:10px}.why-i{width:26px;height:26px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.why-i:hover{background:var(--lilac-soft);color:var(--ink)}.tweak-list .term-word{text-decoration:none}.tweak-list .term-tip{left:auto;right:0;translate:0 4px}.tweak-list .term:hover .term-tip,.tweak-list .term:focus-within .term-tip{translate:0}@media (width>=980px){.main{max-width:860px}.topbar{padding-inline:max(var(--gutter), calc((100vw - 1040px) / 2))}.stage.is-sealed{min-height:480px}.tweak-list,.mini-scores,.profile .area-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.closing{max-width:860px}}@media (width<=979px){.floaties-page .fl-mid{display:none}}.intro-card{margin-top:auto}.intro-pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,400px);margin:8px auto 10px;display:grid}.intro-pillar{background:color-mix(in srgb, var(--el) 50%, #fff);color:#24183d;border-radius:16px;justify-items:center;gap:4px;padding:10px 4px 8px;display:grid}.intro-pillar .label{color:var(--el-ink);font-size:10.5px}.intro-pillar-el{color:var(--el-ink);align-items:center;gap:4px;font-size:12.5px;font-weight:800;display:inline-flex}.intro-card .intro-cookie{width:130px;margin:0 auto 6px}.intro-steps{text-align:left;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:grid}.intro-steps li{background:var(--card);border:1px solid var(--card-edge);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;line-height:1.4;display:flex}.intro-step-ic{background:var(--night);width:40px;height:40px;color:var(--gold);border-radius:12px;flex:none;place-items:center;display:grid}.tour{z-index:60;cursor:pointer;position:fixed;inset:0}.tour-dim{background:#0f081e99;position:absolute;inset:0}.tour-hole{box-shadow:0 0 0 3px var(--gold), 0 0 0 200vmax #0f081e9e;pointer-events:none;border-radius:20px;transition:all .35s cubic-bezier(.3,1.1,.5,1);position:fixed}.tour-card{background:var(--card);width:min(360px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow-lift);border-radius:18px;gap:10px;padding:16px 18px 12px;transition:top .35s;animation:.3s both slip-in;display:grid;position:fixed;left:50%;translate:-50%}.tour-text{font-size:16px;font-weight:800;line-height:1.4}.tour-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-bar{flex:1;gap:4px;display:flex}.tour-bar i{background:var(--line);border-radius:999px;flex:1;height:4px;position:relative;overflow:hidden}.tour-bar i.is-done{background:var(--gold)}.tour-bar i.is-now:after{content:"";background:var(--gold);transform-origin:0;animation:linear both tour-fill;animation-duration:inherit;position:absolute;inset:0}@keyframes tour-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.core-box{background:color-mix(in srgb, var(--el) 35%, var(--card));border-radius:18px;gap:6px;margin-top:6px;padding:16px;display:grid}.core-box .label{color:var(--el-ink)}.core-name{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2}