@charset "UTF-8";:root{color-scheme:light;--ground: #fbfbf9;--grid: rgba(64, 104, 160, .075);--surface: #ffffff;--surface-2: #f2f3f0;--surface-3: #e8eae6;--ink: #1d2330;--ink-2: #485062;--ink-3: #636b7c;--line: #e1e4e9;--line-strong: #c9ced7;--focus: #3a62d6;--danger: #b4332f;--danger-soft: #fde6e4;--page-shadow: 0 1px 1px rgba(29, 35, 48, .05), 0 10px 30px -14px rgba(29, 35, 48, .32);--float-shadow: 0 2px 4px rgba(29, 35, 48, .06), 0 18px 40px -18px rgba(29, 35, 48, .35);--page-filter: none;--mint: #a6f0cf;--mint-ink: #0e6e4c;--lilac: #d8c8ff;--lilac-ink: #6440c4;--peach: #ffcaa9;--peach-ink: #a84a22;--lemon: #fff07e;--lemon-ink: #7c6800;--sky: #b6e0ff;--sky-ink: #1c629d;--rose: #ffc4da;--rose-ink: #a83463;--hl: var(--mint);--hl-ink: var(--mint-ink);--font-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Onest", system-ui, sans-serif;--radius: 10px;--radius-lg: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1);--player-height: 92px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ground: #14161b;--grid: rgba(150, 175, 215, .055);--surface: #1c1f26;--surface-2: #232730;--surface-3: #2c313b;--ink: #eceef2;--ink-2: #b9bfcb;--ink-3: #959cab;--line: #2b3039;--line-strong: #3b414d;--focus: #8fb0ff;--danger: #ff8f88;--danger-soft: #3a1f1f;--page-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 14px 34px -14px rgba(0, 0, 0, .7);--float-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 20px 44px -18px rgba(0, 0, 0, .8);--page-filter: brightness(.9) contrast(1.04);--mint-ink: #7fe3b8;--lilac-ink: #c3adff;--peach-ink: #ffb48a;--lemon-ink: #f2df5c;--sky-ink: #8fcbff;--rose-ink: #ffa3c6}}:root[data-theme=dark]{color-scheme:dark;--ground: #14161b;--grid: rgba(150, 175, 215, .055);--surface: #1c1f26;--surface-2: #232730;--surface-3: #2c313b;--ink: #eceef2;--ink-2: #b9bfcb;--ink-3: #959cab;--line: #2b3039;--line-strong: #3b414d;--focus: #8fb0ff;--danger: #ff8f88;--danger-soft: #3a1f1f;--page-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 14px 34px -14px rgba(0, 0, 0, .7);--float-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 20px 44px -18px rgba(0, 0, 0, .8);--page-filter: brightness(.9) contrast(1.04);--mint-ink: #7fe3b8;--lilac-ink: #c3adff;--peach-ink: #ffb48a;--lemon-ink: #f2df5c;--sky-ink: #8fcbff;--rose-ink: #ffa3c6}.hl-mint{--hl: var(--mint);--hl-ink: var(--mint-ink)}.hl-lilac{--hl: var(--lilac);--hl-ink: var(--lilac-ink)}.hl-peach{--hl: var(--peach);--hl-ink: var(--peach-ink)}.hl-lemon{--hl: var(--lemon);--hl-ink: var(--lemon-ink)}.hl-sky{--hl: var(--sky);--hl-ink: var(--sky-ink)}.hl-rose{--hl: var(--rose);--hl-ink: var(--rose-ink)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;color:var(--ink);background-color:var(--ground);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--hl-ink);text-underline-offset:3px;text-decoration-thickness:1px}[hidden]{display:none!important}::selection{background:var(--hl);color:#1d2330}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:550;font-size:14px;transition:background-color .18s,border-color .18s,transform .18s var(--ease-out)}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5}.btn.primary{border-color:transparent;background:var(--ink);color:var(--ground)}.btn.primary:hover:not(:disabled){background:var(--ink-2)}.btn.quiet{border-color:transparent;background:transparent}.btn.quiet:hover:not(:disabled){background:var(--surface-2)}.btn.danger{color:var(--danger)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-2);transition:background-color .18s,color .18s}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn:disabled{opacity:.4}.icon-btn[aria-pressed=true]{background:var(--surface-3);color:var(--ink)}.marker{position:relative;isolation:isolate;white-space:nowrap;color:#1d2330}.marker:before{content:"";position:absolute;z-index:-1;inset:.18em -.1em .04em -.16em;background:var(--hl);border-radius:.2em .5em .3em .6em/.45em .25em .55em .3em;transform:rotate(-1.2deg) skew(-6deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
