:root{font-family:Inter Tight Variable,sans-serif;color-scheme:light;color:var(--text);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;text-wrap:pretty;--page: #f2f2f4;--surface: #fff;--surface-2: #ececf0;--surface-3: #e2e2e8;--text: #0d0d12;--text-muted: #5b5b66;--line: color-mix(in srgb, var(--text) 12%, transparent);--line-strong: color-mix(in srgb, var(--text) 46%, transparent);--brand: #0d0d12;--on-brand: #fff;--brand-hover: #2a2a33;--hero: #c6f432;--on-hero: #0d0d12;--on-hero-muted: #46530f;--positive: #2f7d1e;--warning: #986139;--warning-soft: #fff0e8;--danger: #c2322f;--danger-soft: #fde8e7;--on-danger: #fff;--person-a: #c6f432;--on-person-a: #0d0d12;--person-b: var(--text);--on-person-b: var(--page);--topbar: color-mix(in srgb, var(--page) 90%, transparent);--mobile-nav: color-mix(in srgb, var(--surface) 96%, transparent);--dialog-backdrop: rgb(13 13 18 / 45%);--shadow-ink: #0d0d12;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--category-fixed: #23875c;--category-pleasure: #d9661a;--category-comfort: #3366e6;--category-targets: #e03a64;--category-knowledge: #8a4ff0;--category-freedom: #00897d;--category-fixed-bg: color-mix( in srgb, var(--category-fixed) 14%, var(--surface) );--category-pleasure-bg: color-mix( in srgb, var(--category-pleasure) 14%, var(--surface) );--category-comfort-bg: color-mix( in srgb, var(--category-comfort) 14%, var(--surface) );--category-targets-bg: color-mix( in srgb, var(--category-targets) 14%, var(--surface) );--category-knowledge-bg: color-mix( in srgb, var(--category-knowledge) 14%, var(--surface) );--category-freedom-bg: color-mix( in srgb, var(--category-freedom) 14%, var(--surface) );--green: var(--brand);--accent: var(--brand);--muted: var(--text-muted);--border: var(--line);--surface-soft: var(--surface-2);--balance: var(--hero);--balance-border: transparent;--on-balance: var(--on-hero);--on-balance-muted: var(--on-hero-muted);--danger-on-brand: #f3a3a6;--mobile-nav-height: calc(61px + max(20px, env(safe-area-inset-bottom, 0px))) }:root[data-theme=dark]{color-scheme:dark;--page: #0d0d12;--surface: #17171f;--surface-2: #22222c;--surface-3: #2c2c38;--text: #f4f4f6;--text-muted: #a1a1ad;--brand: #c6f432;--on-brand: #0d0d12;--brand-hover: #d4f75f;--positive: #c6f432;--warning: #e4b184;--warning-soft: #3c3024;--danger: #ff7a76;--danger-soft: #3a1d1f;--on-danger: #0d0d12;--dialog-backdrop: rgb(0 0 0 / 60%);--category-fixed: #5fd3a0;--category-pleasure: #ffad73;--category-comfort: #7ea7ff;--category-targets: #ff8aa7;--category-knowledge: #bf98ff;--category-freedom: #4fd9cc}*{box-sizing:border-box}html,body{overscroll-behavior:none}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit}button,[role=button],[role=tab],[role=radio]{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}a{touch-action:manipulation}button{cursor:pointer;color:inherit;transition:background .12s var(--ease-out),box-shadow .12s var(--ease-out)}@media(prefers-reduced-motion:no-preference){button{transition:background .12s var(--ease-out),transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--text);outline-offset:4px;box-shadow:0 0 0 4px var(--page),0 0 0 9px var(--page)}button:active:not(:disabled){transform:scale(.97)}a:active{opacity:.72}a{color:inherit;text-decoration:none}input,select{min-width:0;color:inherit}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,var(--amount-font-size, 1em))!important}}:where(input,select):focus{outline:2px solid var(--text);outline-offset:2px}@media(forced-colors:active){button:focus-visible,a:focus-visible,:where(input,select):focus{outline:3px solid Highlight;outline-offset:2px;box-shadow:none}}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}svg{flex-shrink:0}button svg{pointer-events:none}main{max-width:1450px;margin:auto;padding:39px 43px 0}h1{font-size:32px;letter-spacing:-.035em;font-weight:800;line-height:1.15}@media(min-width:1450px){:root{font-size:16px}main{padding-top:45px}}@media(max-width:1190px){main{padding:30px 28px 0}h1{font-size:28px}}@media(max-width:800px){main{padding:27px 22px 0}}@media(max-width:620px){main{padding:26px 19px 0}h1{font-size:24px}}