.avatar{display:flex;flex:none;align-items:center;justify-content:center;width:var(--size-control);height:var(--size-control);border-radius:50%;color:var(--color-text);font-weight:var(--font-weight-heavy)}.avatar--clay{background:var(--color-swatch-clay)}.avatar--moss{background:var(--color-swatch-moss)}.avatar--iris{background:var(--color-swatch-iris)}.avatar--ochre{background:var(--color-swatch-ochre)}.avatar--slate{background:var(--color-swatch-slate)}.avatar--plum{background:var(--color-swatch-plum)}.avatar--sky{background:var(--color-swatch-sky)}.avatar--coral{background:var(--color-swatch-coral)}.avatar--gold{background:var(--color-swatch-gold)}.avatar--large{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:var(--font-size-2xl)}.avatar--ringed{border:2px solid var(--color-accent);background:var(--color-control)}.avatar__image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar__image--identicon{background:var(--color-surface-raised)}.button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);--button-size: var(--size-control);min-height:var(--button-size);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-control);box-shadow:var(--shadow-control);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);white-space:nowrap}.button:hover{background:var(--color-control-hover);color:var(--color-text)}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button__icon{flex:none;color:var(--color-accent-text)}.button--primary{background:var(--color-accent);box-shadow:var(--shadow-press);color:var(--color-on-accent);font-weight:var(--font-weight-heavy)}.button--primary:hover{background:var(--color-accent);color:var(--color-on-accent);filter:brightness(1.1)}.button--primary .button__icon{color:currentcolor}.button--floating{--button-size: var(--size-control-xl);padding:0 var(--space-5) 0 var(--space-4);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-float),var(--shadow-control);font-weight:var(--font-weight-heavy)}.button--large{--button-size: var(--size-control-lg);padding:0 var(--space-6);font-size:var(--font-size-xl)}@media(width<=760px){.button--icon-only-on-phone{width:var(--button-size);padding:0}}@media(width<=760px){.button--icon-only-on-phone .button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.onboarding-modal{position:fixed;top:50%;left:50%;z-index:var(--z-sheet);display:flex;flex-direction:column;width:min(520px,100vw - var(--space-8));max-height:90vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-surface);box-shadow:var(--shadow-sheet);transform:translate(-50%,-50%)}.onboarding-modal__backdrop{position:fixed;inset:0;z-index:var(--z-scrim);background:var(--color-scrim);backdrop-filter:blur(4px)}.onboarding-modal__header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.onboarding-modal__progress{display:flex;gap:var(--space-1-5);margin-bottom:var(--space-3)}.onboarding-modal__progress-dot{flex:1;height:var(--space-1);border-radius:var(--radius-pill);background:var(--color-border);transition:background var(--duration-fast)}.onboarding-modal__progress-dot--done,.onboarding-modal__progress-dot--active{background:var(--color-accent)}.onboarding-modal__step-count{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.onboarding-modal__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);color:var(--color-text)}.onboarding-modal__subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.onboarding-modal__form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.onboarding-modal__error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-tint);color:var(--color-accent-text-hover);font-size:var(--font-size-sm)}.onboarding-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding-modal__label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.onboarding-modal__hint{align-self:flex-end;color:var(--color-text-faint);font-size:var(--font-size-xs)}.onboarding-modal__input,.onboarding-modal__textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-sunken);color:var(--color-text);font-family:inherit;font-size:var(--font-size-md);transition:border-color var(--duration-fast)}.onboarding-modal__input:focus,.onboarding-modal__textarea:focus{outline:none;border-color:var(--color-accent)}.onboarding-modal__input::placeholder,.onboarding-modal__textarea::placeholder{color:var(--color-text-faint)}.onboarding-modal__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(width<=760px){.onboarding-modal__options{grid-template-columns:1fr}}.onboarding-modal__option{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-sunken);text-align:center;transition:all var(--duration-fast)}.onboarding-modal__option:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-hover)}.onboarding-modal__option:disabled{opacity:.5;cursor:not-allowed}.onboarding-modal__option--selected{border-color:var(--color-accent);background:var(--color-accent-tint)}.onboarding-modal__avatar-preview{display:flex;margin-bottom:var(--space-1)}.onboarding-modal__option-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.onboarding-modal__option-desc{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.35}.onboarding-modal__toggles{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-modal__toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-sunken);cursor:pointer}.onboarding-modal__checkbox{flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}.onboarding-modal__toggle-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text)}.onboarding-modal__toggle-info{display:flex;flex-direction:column;gap:var(--space-0-5)}.onboarding-modal__actions{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2)}:root{--color-bg: #211e1c;--color-bg-sunken: #1e1a18;--color-bg-nav: #181614;--color-surface: #2b2724;--color-surface-raised: #36312d;--color-surface-sunken: #241f1c;--color-surface-hover: #2f2b28;--color-control: #3a3430;--color-control-hover: #443d38;--color-control-edge: #26221f;--color-border: #3e3833;--color-border-subtle: #2f2a27;--color-border-strong: #4a433e;--color-text: #f3eeea;--color-text-soft: #d6cfc9;--color-text-muted: #aba29b;--color-text-faint: #6f655e;--color-icon-idle: #8c837c;--color-accent: #b84024;--color-on-accent: #fff;--color-accent-text: #f0805f;--color-accent-text-hover: #ffa285;--color-accent-tint: rgb(184 64 36 / 18%);--color-accent-tint-strong: rgb(184 64 36 / 40%);--color-accent-outline: rgb(240 128 95 / 60%);--color-press-edge: rgb(0 0 0 / 28%);--color-scrim: rgb(0 0 0 / 55%);--color-dock: rgb(43 39 36 / 96%);--color-level-beginner: #7fb58a;--color-level-intermediate: #e3b65a;--color-level-advanced: #f0805f;--color-swatch-clay: #b84024;--color-swatch-moss: #3f5b4c;--color-swatch-iris: #4c4470;--color-swatch-ochre: #7a5a22;--color-swatch-slate: #4a5a6a;--color-swatch-plum: #6a3f4a;--color-swatch-sky: #8fa3b8;--color-swatch-coral: #f0805f;--color-swatch-gold: #e3b65a;--color-cover-lines: rgb(255 255 255 / 35%);--color-tab-ink: #ece6e1;--color-tab-note: #f4eeea;--color-tab-muted: #9c928b;--color-tab-string: #6e625b;--color-tab-barline: #8a7d75;--font-display: "Bricolage Grotesque", "Manrope", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-2xs: 12px;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 17px;--font-size-2xl: 20px;--font-size-3xl: 26px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--letter-spacing-tight: -.02em;--letter-spacing-eyebrow: .1em;--line-height-tight: 1.05;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-sheet: 22px;--radius-pill: 999px;--size-dot: 10px;--size-control-sm: 36px;--size-control: 44px;--size-control-lg: 52px;--size-control-xl: 56px;--size-avatar-lg: 72px;--size-content: 1200px;--size-options-panel: 360px;--size-timeline: 220px;--shadow-control: inset 0 -3px 0 var(--color-control-edge);--shadow-press: inset 0 -4px 0 var(--color-press-edge);--shadow-float: 0 12px 32px rgb(0 0 0 / 45%);--shadow-sheet: 0 20px 48px rgb(0 0 0 / 50%);--duration-fast: .15s;--duration-base: .25s;--z-dock: 40;--z-nav: 50;--z-scrim: 55;--z-sheet: 60;--z-dropdown-backdrop: 65;--z-dropdown: 70;--shadow-lg: 0 8px 24px rgb(0 0 0 / 40%)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--color-accent-text);text-decoration:none}a:hover{color:var(--color-accent-text-hover)}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--color-accent-text);outline-offset:2px}:root{--sunett-color-fg: var(--color-tab-ink);--sunett-color-muted: var(--color-tab-muted);--sunett-color-note-fg: var(--color-tab-note);--sunett-color-note-bg: var(--color-bg);--sunett-color-string: var(--color-tab-string);--sunett-color-barline: var(--color-tab-barline);--sunett-color-accent: var(--color-accent-text);--sunett-color-selection: var(--color-accent);--sunett-color-cursor: var(--color-accent-text);--sunett-font-note: var(--font-mono);--sunett-font-label: var(--font-body)}