:root{--fg: #000000;--bg: #ffffff;--accent: #007aff;--success: #34c759;--warning: #ff9500;--danger: #ff3b30;--text: color-mix(in srgb, var(--fg) 92%, var(--bg));--secondary: color-mix(in srgb, var(--fg) 55%, var(--bg));--tertiary: color-mix(in srgb, var(--fg) 40%, var(--bg));--card: color-mix(in srgb, var(--fg) 4.5%, transparent);--hover: color-mix(in srgb, var(--fg) 8%, transparent);--selected: color-mix(in srgb, var(--fg) 12%, transparent);--hairline: color-mix(in srgb, var(--fg) 9%, transparent);--edge: color-mix(in srgb, var(--fg) 14%, transparent);--shadow-ink: var(--fg);--window-bg: var(--bg);--scrollbar: color-mix(in srgb, var(--fg) 26%, var(--bg));--scrollbar-active: color-mix(in srgb, var(--fg) 48%, var(--bg));--sidebar-bg: var(--bg);--divider: var(--hairline);--logo-color: var(--fg);--mascot-face: var(--sidebar-bg);--bub-carried: var(--sidebar-bg);--icon-color: var(--fg);--label-color: var(--text);--item-hover: var(--hover);--item-pressed: var(--selected);--sidebar-selection: var(--fg);--part-name-bg: color-mix(in srgb, var(--bg) 40%, transparent);--part-cap: color-mix(in srgb, var(--fg) 45%, var(--bg));--level-track: var(--hairline);--level-progress: var(--accent);--scrim: color-mix(in srgb, var(--bg) 72%, transparent);--dialog-scrim: color-mix(in srgb, var(--bg) 38%, transparent);--media-scrim: color-mix(in srgb, var(--bg) 93%, transparent);--media-crop-shade: color-mix(in srgb, var(--fg) 48%, transparent);--media-crop-line: #ffffff;--media-pen-red: #ff3b30;--media-pen-yellow: #ffcc00;--media-pen-blue: #0a84ff;--media-pen-black: #111111;--media-pen-white: #ffffff;--media-sheet: var(--surface);--media-gutter: var(--tertiary);--media-table-head: color-mix(in srgb, var(--fg) 3%, var(--bg));--media-table-hover: var(--card);--media-broken-line: color-mix(in srgb, var(--danger) 10%, transparent);--media-json-key: var(--text);--media-json-string: var(--secondary);--media-json-number: var(--text);--media-json-literal: var(--tertiary);--media-json-punct: var(--tertiary);--media-file-mark: var(--tertiary);--media-file-tile: var(--card);--unread-color: var(--danger);--status-online: var(--success);--status-working: var(--accent);--status-away: var(--warning);--league-bronze: #c98a55;--league-silver: #a9b3bd;--league-gold: #e2ad1f;--league-platinum: #5fc2c9;--league-diamond: #7d8bff;--rank-up: var(--success);--rank-down: var(--danger);--r-small: 4px;--r-control: 8px;--r-group: 10px;--r-card: 14px;--font: system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--t-caption: 10px;--t-small: 11px;--t-body: 12px;--t-label: 13px;--t-title: 15px;--t-display: 20px;--t-hero: 56px;--tracking: .08em;--icon-button: 28px;--disabled: .4;--icon-stroke: 1.5px;--bub-detail: 1.5px;--icon-stroke-fine: 1px;--icon-stroke-pick: 1.2px;--icon-stroke-browser: 1.2px;--icon-stroke-chat: 1.2px;--icon-stroke-files: 1.2px;--icon-stroke-changed: 1.2px;--icon-stroke-mark: 1.2px;--dot: 7px;--dot-ring: 2px;--ring-gap: 2px;--ring-width: 2px;--celebrate-ring: 132px;--avatar-face: 44px;--media-over-room: calc(var(--control) + var(--space-small) * 2 + var(--space-side));--media-by-room: calc(var(--avatar-face) + var(--space-small) * 7 + var(--space-side));--avatar-xl: 80px;--avatar-face-ink: #141414;--scrim-blur: 6px;--media-pill: calc(var(--control) + var(--space-small) * 2);--media-handle: 28px;--media-handle-line: 3px;--media-controls: 560px;--media-track: 4px;--media-knob: 12px;--media-sheet-lift: 0 0 0 1px var(--surface-edge), 0 24px 64px -28px color-mix(in srgb, var(--shadow-ink) 30%, transparent);--media-sheet-read: 760px;--media-sheet-code: 980px;--media-sheet-list: 720px;--link-thumb: 72px;--link-play: calc(var(--control) * 1.4);--link-mark: 14px;--link-face: 20px;--media-text: 13px;--media-code-line: 20px;--media-top-mark: 22px;--file-preview: 132px;--file-preview-code: 10px;--file-preview-line: 15px;--file-preview-zoom: .56;--file-preview-cell: 10.5px;--file-preview-wave: 44px;--file-preview-play: 28px;--file-preview-face: 46px;--file-preview-mark: 40px;--file-preview-page: 66%;--media-table-row: 30px;--media-cell-least: 56px;--media-cell-most: 360px;--media-cell-pad: 12px;--media-json-indent: 18px;--media-zip-row: 32px;--media-font-hero: 144px;--media-thumb: 560px;--media-mark: 112px;--dialog-blur: 18px;--dialog-width: 400px;--dialog-radius: 30px;--dialog-lift: 0 0 0 1px var(--surface-edge), 0 34px 80px -26px color-mix(in srgb, var(--shadow-ink) 38%, transparent);--dialog-button: 46px;--file-drop-disc: 56px;--file-drop-icon: 22px;--row: 36px;--page-tabs: 48px;--page-side: 24px;--swatch: 20px;--dots: 5px;--dots-gap: 3px;--dots-rise: 3px;--slider: 64px;--slider-track: 3px;--slider-thumb: 12px;--slider-big-track: 6px;--slider-big-knob: 24px;--space-small: 4px;--scrollbar-size: 6px;--scrollbar-size-active: 9px;--scrollbar-inset: 3px;--scrollbar-min: 32px;--message-foot-scrollbar-ends: 24px;--space-side: 14px;--space-section: 18px;--m-hover: .12s ease-out;--m-fade: .18s ease-out;--m-dialog-fade: .3s ease-out;--m-dialog-out: 320;--m-mic-pulse: 1.6s ease-in-out infinite;--m-send-hold: 350;--m-voice-step: 50;--m-menu-out: 170;--m-menu-row: 16ms;--m-wheel-pop: 420;--m-wheel-ease: cubic-bezier(.34, 1.6, .64, 1);--m-slide: var(--m-slide-time) var(--m-slide-ease);--m-slide-time: .46s;--m-slide-ease: cubic-bezier(.22, 1, .36, 1);--m-handover: 90ms;--m-latest-glide: .09;--m-scrollbar-hold: 900;--m-scrollbar-follow: .025;--m-scrollbar-give-response: .16;--m-scrollbar-give-damping: .85;--m-scrollbar-let-go: .07;--m-knob-color: .14s ease-out .08s;--m-reveal-time: .32s;--m-reveal-response: .32;--m-reveal-damping: .88;--m-reveal-ease: cubic-bezier(.2, .8, .2, 1);--m-like-burst: .6s ease-out;--m-pop: .72s;--m-check-draw: .26s cubic-bezier(.2, .8, .2, 1);--m-check-after: 90ms;--m-press: .48s;--m-dots: 1.2s;--m-gulp: .28s;--m-celebrate: 1.4s;--m-part-open: .36s cubic-bezier(.34, 1.56, .64, 1);--m-part-close: .2s cubic-bezier(.4, 0, .6, 1);--m-settle-response: .28;--m-settle-damping: .8;--m-liquid-response: .34;--m-scroll-response: .42;--m-scroll-damping: 1;--m-bub-rest: .4s;--m-bub-carry: .2s;--m-wordmark: .28s cubic-bezier(.34, 1.3, .64, 1);--m-wordmark-out: .2s cubic-bezier(.36, 0, .66, -.3);--m-wordmark-stagger: 20ms;--sound-volume: .35}:root{--primary: var(--fg);--primary-text: var(--bg);--primary-off: color-mix(in srgb, var(--fg) 13%, transparent);--switch: var(--card);--switch-knob: var(--bg);--toggle-on: var(--success);--toggle-off: color-mix(in srgb, var(--fg) 16%, transparent);--toggle-knob: #ffffff;--surface: var(--bg);--surface-edge: var(--edge);--rule: var(--hairline);--diff-add: color-mix(in srgb, var(--fg) 5%, transparent);--diff-del: color-mix(in srgb, var(--fg) 4%, transparent);--diff-add-count: var(--success);--diff-del-count: var(--danger);--fail: var(--danger);--shimmer: var(--fg);--toast: var(--fg);--like: #ff3b5c;--toast-quiet: color-mix(in srgb, var(--toast-text) 62%, transparent);--toast-text: var(--bg);--tip-glass: color-mix(in srgb, var(--bg) 90%, transparent);--tip-glass-blur: 18px;--error: var(--danger);--control: 32px;--control-icon: 20px;--chip: 30px;--switch-sm: calc(var(--chip) - var(--space-small));--toggle-width: 44px;--toggle-height: 26px;--toggle-gap: 2px;--switch-sm-pad: calc(var(--space-small) * .5);--switch-sm-name: calc(var(--space-small) * 2.25);--segmented-text-gap: 26px;--segmented-text-pad: calc(var(--space-small) * 2.5);--segmented-text-line: 2px;--pill: 32px;--back-button: 28px;--pill-raised: var(--surface);--pill-raised-top: var(--window-bg);--pill-raised-lift: inset 0 1px 0 var(--window-bg);--menu-width: 300px;--calendar-day: 32px;--menu-max: 420px;--menu-height: 440px;--note-pad-width: 400px;--note-pad-mark: 30px;--note-pad-icon: 18px;--lift: 0 0 0 1px var(--surface-edge), 0 18px 44px -18px color-mix(in srgb, var(--shadow-ink) 28%, transparent);--soft: 0 0 0 1px var(--surface-edge), 0 10px 28px -16px color-mix(in srgb, var(--shadow-ink) 20%, transparent);--soft-focus: 0 0 0 1.5px var(--tertiary), 0 14px 34px -18px color-mix(in srgb, var(--shadow-ink) 26%, transparent);--flat: 0 0 0 1px var(--surface-edge);--knob-shadow: 0 0 0 .5px color-mix(in srgb, var(--fg) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 12%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--shadow-ink) 16%, transparent)}:root{--focus-edge: var(--fg);--toast-action: color-mix(in srgb, var(--toast-text) 16%, var(--toast));--toast-action-hover: color-mix(in srgb, var(--toast-text) 26%, var(--toast));--danger-row: color-mix(in srgb, var(--fail) 10%, var(--surface));--focus-ring: 2px solid var(--text);--focus-offset: 2px;--field-focus: 0 0 0 0 transparent;--r-inner: calc(var(--r-control) - 2px);--r-pill: 999px;--icon-sm: calc(var(--control-icon) - 4px);--icon-md: calc(var(--control-icon) - 2px);--press: .96;--press-small: .92;--swell: 1.06;--swell-dot: 1.14;--hover-dim: .88;--disabled-fill: .6;--tip-gap: calc(var(--space-small) * 2.5);--tip-bubble: 260px;--tip-delay: .5s;--onboard-width: 280px}:root{--pdf-paper: #ffffff;--pdf-selection: color-mix(in srgb, var(--accent) 28%, transparent);--pdf-page-most: 860px;--pdf-pad: 24px;--pdf-gap: 16px;--pdf-page-r: 2px;--pdf-card: 340px;--m-pdf-zoom-rest: 160;--m-pdf-wait: .24s;--audio-wave-rest: color-mix(in srgb, var(--fg) 16%, var(--bg));--audio-wave-played: var(--text);--audio-card: 460px;--audio-mark: 44px;--audio-wave: 44px;--audio-bar: 2px;--audio-bar-gap: 2px;--voice-bar: 3px;--voice-bar-gap: 3px;--voice-still: .35;--m-audio-rise: 520}@property --sidebar-icon{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --sidebar-item{syntax: "<length>"; inherits: true; initial-value: 36px;}@property --sidebar-icons{syntax: "<length>"; inherits: true; initial-value: 48px;}@property --sidebar-names{syntax: "<length>"; inherits: true; initial-value: 144px;}@property --rail-names{syntax: "<length>"; inherits: true; initial-value: 120px;}@property --sidebar-logo{syntax: "<length>"; inherits: true; initial-value: 36px;}@property --wordmark{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --bub-size{syntax: "<length>"; inherits: true; initial-value: 66px;}@property --mark-length{syntax: "<length>"; inherits: true; initial-value: 20px;}:root{--ui-icon: 24;--sidebar-width: 220px;--sidebar-icons: calc(var(--sidebar-item) + var(--sidebar-space) * 2);--rail-names: calc(var(--sidebar-icons) + var(--ui-icon) * 3px);--rail-pad: 8px;--sidebar-names: calc(var(--sidebar-icons) + var(--ui-icon) * 4px);--sidebar-max: 480px;--sidebar-level: calc(var(--ui-icon) * .58px);--sidebar-level-text: calc(var(--ui-icon) * .4px);--sidebar-foot: 10px;--rail-caret: 1.6px;--rail-past-text: 14px;--rail-bub-stroke: 1.2px;--icon-stroke-sidebar: 1.4px;--sidebar-swell: .45;--m-swell-response: .34;--m-swell-damping: .5;--work-chat-min: 440px;--page-min: 600px;--browser-min: 320px;--browser-address-min: 96px;--sidebar-space: 6px;--sidebar-logo: var(--sidebar-item);--logo-gap: 8px;--wordmark: round(nearest, calc(var(--ui-icon) * 16px / 24), 1px);--bub-size: round(nearest, calc(var(--ui-icon) * 2.75px), 1px);--bub-pad: 8px;--sidebar-item: calc(var(--ui-icon) * 1.5px);--sidebar-icon: calc(var(--ui-icon) * 1px);--item-gap: calc(var(--ui-icon) * 10px / 24);--sidebar-text: calc(var(--ui-icon) * 13px / 24);--sidebar-text-small: calc(var(--ui-icon) * 11px / 24);--sidebar-text-body: calc(var(--ui-icon) * 12px / 24);--grip: 4px;--part-gap: calc(var(--ui-icon) * 20px / 24);--part-name: 28px;--part-name-blur: 6px;--cap: 3px;--mark-length: calc(var(--ui-icon) * 20px / 24);--part-grace: 90ms}:root{--activity: var(--level-progress);--activity-1: color-mix(in srgb, var(--activity) 25%, var(--bg));--activity-2: color-mix(in srgb, var(--activity) 48%, var(--bg));--activity-3: color-mix(in srgb, var(--activity) 74%, var(--bg));--activity-4: var(--activity);--badge-first-task: var(--accent);--badge-week-streak: var(--warning);--badge-promoted: var(--league-gold);--badge-centurion: var(--agent-purple);--badge-first-friend: var(--success);--badge-night-owl: var(--agent-teal);--badge-month-streak: var(--agent-pink);--badge-polyglot: var(--success);--badge-level-50: #5856d6;--badge-diamond: var(--league-diamond);--profile-list-width: var(--sidebar-width);--profile-list-icons: var(--sidebar-icons);--profile-list-names: var(--rail-names);--profile-list-max: var(--sidebar-max);--profile-page-min: 560px;--profile-top: 24px;--profile-width: 760px;--profile-side: 28px;--profile-gap: 28px;--profile-part: 16px;--profile-end: 80px;--profile-hero-gap: 22px;--profile-ring-gap: 4px;--profile-ring-line: 3px;--profile-badge: 22px;--profile-name: 24px;--profile-row: 52px;--profile-field: 280px;--profile-slider: 128px;--badge-min: 150px;--badge-medal: 54px;--badge-glyph: 24px;--badge-meter: 76%;--activity-gap: 4px;--activity-corner: 3px;--activity-months: 14px;--activity-key: 11px}:root{--agents-row-bub: 30px;--agents-head-ring: 104px;--agents-head-bub: 62px;--agents-head-line: 4px;--agents-head-gap: 22px;--agents-name: 20px;--agents-status-dot: 8px;--agents-tile-min: 120px;--agents-personality: 104px}:root{--usage-limit: var(--accent);--usage-nearly: var(--warning);--usage-model-1: var(--fg);--usage-model-2: color-mix(in srgb, var(--fg) 48%, var(--bg));--usage-model-3: color-mix(in srgb, var(--fg) 22%, var(--bg));--usage-model-4: color-mix(in srgb, var(--fg) 10%, var(--bg));--usage-average: var(--accent);--usage-bars: 124px;--usage-bar: 30px;--usage-bar-corner: 6px;--usage-bub: 28px;--usage-share: 96px}:root{--theme-pad: 10px;--theme-mini: 96px;--theme-mini-side: 24%;--theme-mini-gap: 6px;--theme-mini-line: 6px;--theme-mini-title: 7px;--theme-mini-text: 5px;--theme-mini-button: 12px;--theme-mini-faint: .16;--theme-mini-strong: .85;--accent-dot: 26px;--accent-least: 44px;--colors-head: 46px;--colors-strip: 12px;--colors-indent: 38px;--theme-save-name: 180px}:root{--agent-ink: var(--fg);--agent-blue: var(--accent);--agent-purple: #af52de;--agent-pink: #ff2d55;--agent-red: var(--danger);--agent-orange: var(--warning);--agent-green: var(--success);--agent-teal: #30b0c7;--wheel-ring: #ffffff;--team-width: var(--sidebar-width);--team-icons: var(--sidebar-icons);--team-names: var(--rail-names);--team-max: var(--sidebar-max);--agent-sheet-width: var(--messages-person-width);--agent-sheet-wheel: 132px;--office-sign-bub: 22px;--crew-menu: 268px;--crew-menu-inset: 10px;--crew-menu-avatar: 32px;--crew-menu-bub: 22px;--crew-menu-opening: .7s;--crew-hero-bub: 88px;--wheel-size: 172px;--wheel-knob: 22px;--wheel-track: 16px;--wheel-lift: inset 0 0 0 1px color-mix(in srgb, var(--fg) 8%, transparent), 0 8px 22px -12px color-mix(in srgb, var(--shadow-ink) 45%, transparent);--wheel-track-lift: inset 0 0 0 1px color-mix(in srgb, var(--fg) 8%, transparent), 0 4px 12px -8px color-mix(in srgb, var(--shadow-ink) 45%, transparent);--wheel-knob-lift: 0 0 0 .5px color-mix(in srgb, var(--fg) 18%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--shadow-ink) 40%, transparent);--wheel-knob-focus: 0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}:root{--work-yours: var(--messages-mine);--work-yours-text: var(--messages-mine-text);--work-yours-soft: color-mix(in srgb, var(--work-yours-text) 16%, transparent);--work-rating: #ffc20e;--work-box: var(--bg);--work-box-edge: var(--divider);--phone-metal: #ededed;--phone-metal-shade: #8a8a8a;--phone-shine: #ffffff;--phone-glass: #080808;--phone-island: #000000;--phone-lens: #1b2231;--phone-antenna: #5a5a5a;--phone-screen: #ffffff;--phone-lift: 0 18px 26px -16px color-mix(in srgb, var(--shadow-ink) 45%, transparent), 0 46px 70px -34px color-mix(in srgb, var(--shadow-ink) 50%, transparent);--work-bub: var(--fg);--work-dot-icon: var(--bg);--work-ask-edge: var(--fg);--work-link: var(--accent);--work-claude: #d97757;--agents-width: var(--sidebar-width);--agents-icons: var(--sidebar-icons);--agents-names: var(--rail-names);--agents-max: var(--sidebar-max);--agents-carried: 1.5;--work-dock-width: 748px;--browser-opens-min: 360px;--browser-opens-max: 1100px;--work-column: var(--work-dock-width);--work-top: 52px;--work-top-card: 220px;--work-top-room: 16px;--work-foot: 44px;--work-dock: 120px;--work-bubble: var(--messages-bubble-radius);--work-you-width: 78%;--work-you-lines: 12;--work-box-card-radius: 22px;--work-box-lines: 8;--command-list: 460px;--wheel-bubble: 46px;--wheel-r: min(216px, 50cqi - var(--wheel-bubble) * 1.2);--wheel-bub: var(--work-hero-bub);--wheel-hub: min(208px, var(--wheel-r) * .95);--wheel-hub-lift: calc(var(--wheel-bub) * 1.55);--wheel-step: 21;--wheel-notch: 40;--wheel-lit-size: 1.16;--wheel-blur: 4px;--work-quiet: 32px;--work-caret: 2.4px;--work-bub-size: 28px;--work-tools-width: 360px;--tool-mark: 28px;--tool-mark-big: 40px;--tool-mark-paper: #ffffff;--rating-star: 12px;--work-bub-start: 58px;--work-hero-bub: 76px;--work-dot-size: 18px;--context-width: 232px;--work-action: 36px;--work-lead: 20px;--work-card-width: 640px;--work-plan-width: 480px;--work-gutter: 56px;--work-code-height: 360px;--t-headline: 30px;--m-search-pause: 180;--work-box-rest: 0 0 0 1px var(--work-box-edge), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 4%, transparent), 0 10px 28px -14px color-mix(in srgb, var(--shadow-ink) 16%, transparent);--work-box-focus: 0 0 0 1px var(--work-box-edge), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 5%, transparent), 0 14px 34px -14px color-mix(in srgb, var(--shadow-ink) 22%, transparent);--m-bloom: .52s cubic-bezier(.34, 1.4, .64, 1);--m-box-time: .32s;--m-tool-morph: .38s;--m-tool-ease: cubic-bezier(.55, 0, .15, 1);--m-tool-out: .14s;--m-tool-in: .44s;--m-tool-stagger: 50ms;--m-box-ease: cubic-bezier(.2, .8, .2, 1);--m-hint-type: 46;--m-hint-erase: 14;--m-hint-pause: 300;--m-hint-hold: 2800;--m-hint-linger: .7s;--m-caret-glide: 80ms ease-out;--m-caret-blink: 1.1s;--m-caret-rest: 500;--m-stagger: 40ms;--m-fold-stagger: 28ms;--m-fold-ease: cubic-bezier(.4, 0, .2, 1);--m-fold-shrink-ease: cubic-bezier(.4, 0, .6, 1);--m-edit-step: 45ms;--m-note-hold: 1600;--m-toast-hold: 2000;--m-undo-hold: 6000;--m-cheer: 1200;--m-rating-xp: 1800;--m-rating-wait: 1.2s;--m-pick: 260;--m-quick: .16s;--m-word: .45s;--m-shimmer: 1.8s;--m-work-top-card: 1.6s;--m-spin: .75s;--m-you-pop: .48s cubic-bezier(.34, 1.56, .64, 1);--m-bub-leave: .34s;--m-bub-arrive: .64s;--m-wheel-turn-response: .34;--m-wheel-turn-damping: .78;--m-wheel-burst: .48s cubic-bezier(.3, 1.36, .6, 1);--m-wheel-land: .14s;--m-wheel-stagger: 28ms;--m-wheel-lit: .26s cubic-bezier(.3, 1.5, .6, 1);--m-wheel-out: .22s cubic-bezier(.4, 0, 1, 1)}.work{--t-caption: 9px;--t-small: 10px;--t-body: 11px;--t-label: 12px;--t-title: 14px;--t-display: 19px;--t-headline: 29px}:root{--code-plain: var(--text);--code-keyword: color-mix(in oklab, #a245e0 84%, var(--fg));--code-string: color-mix(in oklab, #2f9e44 84%, var(--fg));--code-number: color-mix(in oklab, #e0661b 86%, var(--fg));--code-constant: var(--code-number);--code-function: color-mix(in oklab, #1c7ed6 86%, var(--fg));--code-type: color-mix(in oklab, #d08c00 80%, var(--fg));--code-property: color-mix(in oklab, #0b8fa3 86%, var(--fg));--code-tag: color-mix(in oklab, #e03131 86%, var(--fg));--code-attribute: var(--code-number);--code-operator: var(--secondary);--code-punct: var(--secondary);--code-regexp: color-mix(in oklab, #d6336c 86%, var(--fg));--code-escape: var(--code-regexp);--code-meta: var(--code-type);--code-comment: var(--tertiary);--code-heading: var(--code-keyword);--code-link: var(--code-function);--code-invalid: var(--danger);--file-typescript: #3178c6;--file-javascript: #e5b000;--file-style: #8f5bd8;--file-markup: #e34c26;--file-vue: #41b883;--file-svelte: #ff3e00;--file-data: #cb8a1c;--file-config: #7c8a99;--file-docs: #4f8fd1;--file-python: #3572a5;--file-rust: #c4693d;--file-go: #00a6c8;--file-swift: #f05138;--file-jvm: #b07219;--file-kotlin: #a97bff;--file-ruby: #cc342d;--file-php: #777bb4;--file-c: #5c6bc0;--file-shell: #4ea72e;--file-sql: #e38c00;--file-image: #2ea36f;--file-video: #e5534b;--file-audio: #00a39b;--file-pdf: #e0352b;--file-font: #d44c8a;--file-archive: #a0785a;--file-other: var(--secondary)}:root{--projects-width: var(--sidebar-width);--projects-icons: var(--sidebar-icons);--projects-names: var(--rail-names);--projects-max: var(--sidebar-max);--projects-page-min: 560px;--projects-head-top: 18px;--projects-side: 24px;--projects-head-mark: 40px;--projects-head-gap: 14px;--projects-head-name: 180px;--projects-about: 76ch;--projects-crew-bub: 26px;--projects-crew-spot: 34px;--projects-crew-line: 240px;--projects-empty-mark: 64px}:root{--overview-width: 1120px;--overview-end: 48px;--overview-gap: 28px;--overview-side: 360px;--overview-pad: 14px;--overview-bub: 28px;--overview-chip: 22px;--overview-chip-most: 180px;--overview-goal-pad: 16px;--overview-ring: 40px;--overview-ring-line: 3.5;--overview-now-bub: 30px;--goal-form-date: 200px;--m-overview-ring: .62s cubic-bezier(.22, 1, .36, 1)}:root{--board-pick: 240px;--board-pad: 24px;--board-column: 296px;--board-gap: 14px;--board-card-gap: 10px;--board-card-pad: 14px;--board-bub: 20px;--board-empty: 72px;--board-tilt: 4;--board-lift: 1.04;--board-card-radius: var(--r-group);--board-card-hover: 0 0 0 1px var(--edge), 0 4px 10px -6px color-mix(in srgb, var(--shadow-ink) 12%, transparent);--board-carry-shadow: 0 0 0 1px var(--hairline), 0 2px 4px color-mix(in srgb, var(--shadow-ink) 6%, transparent), 0 22px 44px -14px color-mix(in srgb, var(--shadow-ink) 34%, transparent), 0 40px 80px -30px color-mix(in srgb, var(--shadow-ink) 26%, transparent);--board-press: .985;--board-chip: 20px;--board-ring: 1px;--m-board-spin: 2.4s;--board-slot: color-mix(in srgb, var(--fg) 5%, transparent);--board-slot-edge: color-mix(in srgb, var(--fg) 16%, transparent);--board-column-lift: 1.02;--board-column-tilt: 1.5;--board-count: 20px;--board-edit-stroke: 1.2px;--board-edge: 56px;--board-scroll: 16;--board-sheet: 384px;--board-sheet-pad: 20px;--board-sheet-bub: 28px;--board-tick: 16px;--board-found: 220px;--m-board-make-room: .28s cubic-bezier(.2, .9, .25, 1);--m-board-land: .42s cubic-bezier(.3, 1.5, .5, 1);--m-board-lift-response: .3;--m-board-lift-damping: .72;--m-board-land-response: .28;--m-board-land-damping: .88}:root{--files-tree-width: 300px;--files-tree-min: 200px;--files-tree-max: 560px;--files-tree: var(--files-tree-width);--files-view-least: 320px;--files-row: 32px;--files-indent: 16px;--files-mark: 17px;--files-chevron: 10px;--files-twist: 22px;--files-pad: 8px;--files-results: 80;--files-bub: 15px;--files-fresh: 5px;--files-fresh-minutes: 5;--files-view-pad: 22px;--files-view-mark: 34px;--files-preview: 380px;--files-mix: 8px;--files-mix-open: 24px;--files-mix-gap: 3px;--files-mix-grow: .12;--files-mix-stagger: 45ms;--part-screens: color-mix(in oklab, var(--agent-blue) 48%, var(--surface));--part-logic: color-mix(in oklab, var(--agent-purple) 48%, var(--surface));--part-styling: color-mix(in oklab, var(--agent-pink) 48%, var(--surface));--part-server: color-mix(in oklab, var(--agent-orange) 48%, var(--surface));--part-notes: color-mix(in oklab, var(--agent-green) 48%, var(--surface));--part-tests: color-mix(in oklab, var(--agent-red) 48%, var(--surface));--part-media: color-mix(in oklab, var(--agent-teal) 48%, var(--surface));--part-setup: color-mix(in oklab, var(--agent-ink) 28%, var(--surface));--files-related: 8}:root{--projects-map-part-least: 42px;--projects-map-part-most: 70px;--projects-map-file-least: 12px;--projects-map-file-most: 25px;--projects-map-hub: 46px;--projects-map-file-hub: 38px;--projects-map-hub-least: 30px;--projects-map-gap: 42px;--projects-map-file-gap: 64px;--projects-map-ring-gap: 34px;--projects-map-file-ring-gap: 52px;--projects-map-label: 20px;--projects-map-side: 34px;--projects-map-top: 52px;--projects-map-drop: 16px;--projects-map-name-least: 10px;--projects-map-name-most: 16px;--projects-map-label-width: 96px;--projects-map-bub: 28px;--projects-map-busy-ring: 5px;--projects-map-lift: 0 0 0 1px var(--edge), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 4%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--shadow-ink) 24%, transparent);--projects-map-lift-hover: 0 0 0 1.5px var(--fg), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 4%, transparent), 0 14px 28px -14px color-mix(in srgb, var(--shadow-ink) 30%, transparent);--projects-map-lift-busy: 0 0 0 1px var(--edge), 0 0 0 var(--projects-map-busy-ring) color-mix(in srgb, var(--status-working) 14%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--shadow-ink) 24%, transparent);--projects-map-hub-lift: 0 12px 30px -12px color-mix(in srgb, var(--shadow-ink) 50%, transparent);--projects-map-loose-lift: 0 14px 28px -14px color-mix(in srgb, var(--shadow-ink) 30%, transparent);--projects-map-path: 26px;--projects-map-foot: 16px;--m-projects-map-response: .4;--m-projects-map-damping: .8;--m-projects-map-stagger: 18ms;--m-projects-map-fade: .21s}:root{--github-mark: 32px;--github-field: 240px;--github-picks: 312px}:root{--home-pick-width: 520px;--home-pick-height: 600px;--home-pick-mark: 26px}:root{--messages-theirs: color-mix(in srgb, var(--fg) 6.5%, var(--bg));--messages-theirs-text: var(--text);--messages-media-meta: color-mix(in srgb, #000 42%, transparent);--messages-media-meta-text: #fff;--messages-reply-line: var(--edge);--messages-reply-flash: color-mix(in srgb, var(--accent) 12%, transparent);--messages-row-hover: color-mix(in srgb, var(--fg) 3%, transparent);--messages-name-mine: var(--text);--messages-name-depth: 62%;--messages-mine: var(--fg);--messages-mine-text: var(--bg);--messages-mine-meta: color-mix(in srgb, var(--bg) 58%, transparent);--messages-mark: color-mix(in srgb, var(--warning) 35%, transparent);--messages-mark-now: color-mix(in srgb, var(--warning) 75%, transparent);--messages-found: color-mix(in srgb, var(--warning) 8%, transparent);--messages-react-mine: color-mix(in srgb, var(--accent) 10%, transparent);--messages-react-ring: color-mix(in srgb, var(--accent) 45%, transparent);--messages-thumb-shade: color-mix(in srgb, #000 40%, transparent);--messages-gone: #8a1c2e;--messages-width: var(--sidebar-width);--messages-icons: var(--sidebar-icons);--messages-names: var(--rail-names);--messages-max: var(--sidebar-max);--messages-column: 640px;--discover-column: 520px;--discover-top: 88px;--discover-gap: 36px;--discover-row: 52px;--messages-bubble: 78%;--messages-avatar: 30px;--messages-avatar-large: 88px;--messages-bubble-radius: 18px;--messages-bubble-join: 5px;--messages-top: 48px;--messages-find: 440px;--messages-person-width: 300px;--person-card-width: 440px;--person-card-agent: 88px;--person-card-bub: 44px;--person-card-medal: 32px;--messages-person-min: 270px;--messages-person-max: 350px;--messages-person: var(--messages-person-width);--m-reply-flash: 1.4s;--messages-gutter: 36px;--messages-chat-avatar: calc(var(--messages-gutter) * .9);--messages-line: 20px;--messages-measure: 74ch;--messages-private: 360px;--messages-chat-min: 320px;--messages-person-avatar: 80px;--person-band: 64px;--person-band-mix: 12%;--person-band-edge: 18%;--person-face-cut: 4px;--person-crew: 48px;--person-crew-bub: 24px;--messages-box-lines: 8;--m-ring-fill: .9s;--m-ring-fill-wait: .12s;--m-new-fade: .24s;--m-new-draw: .42s;--m-new-fold: .56s;--messages-ticks-width: 14px;--messages-ticks-height: 10px;--messages-react: 24px;--messages-tray: 34px;--messages-topic-dot: 8px;--messages-tab-x: 16px;--m-tray-step: 22ms;--m-bump: .42s;--m-arrive: .24s;--m-arrive-ease: cubic-bezier(.2, .8, .2, 1);--m-room-response: .3;--m-room-damping: 1;--m-ink-lead: .24;--m-ink-trail: .36;--messages-picture: 320px;--messages-file: 320px;--messages-file-mark: 28px;--messages-link: var(--work-link)}:root{--world-grass: #6fcf45;--world-grass-alt: #7ddb52;--world-grass-rim: #b4f07a;--world-dirt: #a8683a;--world-dirt-deep: #7a4526;--world-path: #d8c9a6;--world-path-alt: #cdbd99;--world-path-joint: #ad9b78;--world-path-kerb: #ebe4d6;--world-lamp-glass: #dfe9ec;--world-lamp-glow: #ffd089;--world-lamp-light: #ffb760;--world-concrete: #dcd9d2;--world-fleck: #b7b2a8;--world-arrow: #007aff;--world-arrow-hover: #4da3ff;--world-sun: #fff7ea;--world-skylight: #e8f4ff;--world-groundlight: #c29a6b;--world-shadow: #1d4a6b;--world-sun-golden: #ffb26b;--world-skylight-golden: #ffd7c0;--world-groundlight-golden: #b47a50;--world-skylight-twilight: #8b8fe0;--world-groundlight-twilight: #6a4f78;--world-moon: #9db8ff;--world-skylight-night: #3b5bb5;--world-groundlight-night: #1f2a4a;--world-eyes: #ffffff;--world-bub-shadow: #1d3a52;--world-mark-edge: #ffffff;--world-smoke: #ffffff;--world-smoke-shade: #cdd8e4;--wear-crown-gold: #f2bd4b;--wear-crown-pearl: #f3ede2;--wear-crown-ruby: #d0213f;--wear-crown-sapphire: #2f5fd8;--wear-crown-emerald: #13a66b;--wear-cap-peak: #f1e9d6;--wear-cap-under: #4d6a5b;--wear-cap-button: #f1e9d6;--wear-cap-thread: #f7f0e0;--wear-cap-band: #2b2d33;--wear-party-card: #f6efe2;--wear-party-confetti-gold: #ffc23d;--wear-party-confetti-pink: #ff5d8f;--wear-party-confetti-blue: #3bb4ee;--wear-bow-satin: #f1e6df;--wear-headphones-shell: #2f333a;--wear-headphones-leather: #202227;--wear-headphones-stitch: #565a63;--wear-headphones-metal: #c8ccd2;--wear-halo-gold: #f4c14f;--wear-halo-core: #fff4cc;--wear-halo-glow: #ffd36e;--wear-flower-middle: #f9bf2c;--wear-flower-ring: #d4701c;--wear-flower-leaf: #2f8a3e;--wear-flower-stem: #7dbb48;--wear-tophat-silk: #2b2c34;--wear-tophat-sheen: #a3a8ba;--wear-tophat-felt: #1e1f25;--wear-tophat-binding: #3b3d48;--wear-beanie-yarn: #f3ebdc;--wear-beanie-yarn-deep: #cbbda4;--wear-wizard-felt: #262b6e;--wear-wizard-sheen: #7d86d8;--wear-wizard-star: #f5c542;--wear-wizard-moon: #f3e2a4;--wear-cowboy-felt: #b07d4f;--wear-cowboy-binding: #5e3d26;--wear-cowboy-silver: #dfe3e8;--wear-hardhat-shell: #ffc21f;--wear-hardhat-emblem: #ffffff;--wear-hardhat-strap: #2b2e34;--wear-gradcap-board: #1e2332;--wear-gradcap-cap: #1a1e2b;--wear-gradcap-sheen: #7884a4;--wear-gradcap-tassel: #ebb94a;--wear-gradcap-tassel-deep: #a77a22;--wear-beret-leather: #2e1f17;--wear-viking-steel: #b7bdc6;--wear-viking-bronze: #b5874a;--wear-viking-horn: #f1e6cf;--wear-viking-horn-tip: #c9b48a;--wear-ninja-cloth: #f5f1e8;--wear-unicorn-pearl: #f8f3ee;--wear-unicorn-shimmer: #c8b6ff;--wear-unicorn-gold: #f2c35c;--wear-antennae-band: #2a2d33;--wear-antennae-stalk: #3c4048;--wear-antennae-glow: #8dff5a;--wear-cone-orange: #ff6a13;--wear-cone-reflective: #f4f6f8;--wear-cone-rubber: #24262b;--wear-lampshade-linen: #f2e6cc;--wear-lampshade-brass: #c9a24a;--wear-mohawk-hair: #ff3d7f;--wear-mohawk-tips: #ffd23f;--wear-mug-ceramic: #f5f2ec;--wear-mug-coffee: #4a2c1d;--wear-mug-steam: #ffffff;--wear-monocle-gold: #e6b44a;--wear-monocle-glass: #e2edf5;--wear-glasses-lens: #e6f4ee;--wear-glasses-metal: #cfd3d8;--wear-sunglasses-frame: #141519;--wear-sunglasses-lens: #1b2430;--wear-sunglasses-metal: #d3d7dc;--wear-moustache-hair: #4a2c1d;--wear-eyepatch-leather: #2b2421;--wear-nose-red: #e3242b;--wear-vr-shell: #e7e8eb;--wear-vr-glass: #0c0e12;--wear-vr-cushion: #2a2c31;--wear-vr-strap: #3a3d44;--wear-goggles-frame: #22252b;--wear-goggles-foam: #3a3d44;--wear-goggles-mirror: #ff8a3d;--wear-goggles-mirror-deep: #7b4dff;--wear-sleepmask-satin: #f7c9d8;--wear-sleepmask-thread: #2b2421;--wear-bubblegum-pink: #ff8fc7;--wear-bubblegum-shine: #ffffff;--wear-plaster-fabric: #e8c39b;--wear-plaster-pad: #f6e8d8;--wear-bandana-cotton: #c8202f;--wear-bandana-print: #f6efe2;--wear-steampunk-brass: #c9953f;--wear-steampunk-copper: #b06a3b;--wear-steampunk-leather: #5a3a24;--wear-steampunk-glass: #6fc3b8;--wear-groucho-frame: #16171b;--wear-groucho-nose: #f2b8a0;--wear-groucho-hair: #1c1714;--world-label: #ffffff;--world-label-shadow: #225a1680;--office-wall: #e8e3d6;--office-band: #868d95;--office-cap: #f5f3ed;--office-graphite: #363b42;--office-steel: #c5cad0;--office-glass-low: #2f5d78;--office-glass-high: #8fbfd9;--office-blind: #ece7da;--office-room: #1f2a33;--office-roof: #b8b6ae;--office-plant: #d6d9dc;--office-dome: #dcecf4;--office-lamp: #fff0c4;--office-mat: #3e434a;--office-coil: #8a929b;--office-rubber: #2b2e33;--office-accent: #f0c23a;--office-copper: #c98652;--office-wood: #b5794a;--office-soil: #5b4433;--office-hedge: #3f7d2e;--office-hedge-light: #8cc35c;--office-hedge-shade: #20401a;--office-doorway: #ffffff;--home-wall: #f0a062;--home-roof: #e4ddd2;--home-trim: #f8f6f0;--home-lawn: #63b13f;--home-lawn-alt: #72c04b;--home-path: #dccaa3;--home-path-joint: #b49f78;--apt-wall: #86acd6;--apt-bark: #6b4a35;--apt-brick: #b5644a;--apt-plinth: #4a4442;--apt-frosted: #c9d6dd;--apt-solar: #1f3050;--apt-flower: #e46f8e;--world-edit-width: 198px;--world-edit-day: 14px;--world-edit-knob: 16px;--world-edit-copy: 60px;--m-world-press: 6.8;--m-world-press-response: .35;--m-world-press-damping: .12;--m-world-glide: .2;--m-world-aside: var(--m-slide);--m-world-follow: .09;--m-world-land: 8;--m-world-smoke: 620;--m-world-enter-land: 3.2;--m-world-drop-press: 4.5;--m-world-pick: 180;--m-world-grid-fade: .2;--m-office-doors: .55}:root{--landing-top: 40px;--landing-gutter: 24px;--landing-emblem: 56px;--landing-wordmark: 25px;--landing-brand-gap: 6px;--landing-tag: 9px;--landing-tag-gap: 4px;--landing-tag-ink: color-mix(in srgb, var(--logo-color) 56%, transparent);--landing-headline: clamp(36px, 6.4vw, 60px);--landing-gap: 36px;--landing-column: 440px;--landing-grown: 1.05;--landing-flip-depth: 600px;--landing-plan-mark: 18px;--landing-youtube: #ff0000;--landing-stream: 360px;--landing-stream-still: 128px;--landing-stream-rise: 8px;--landing-blur: 10px;--landing-blur-soft: 6px;--landing-glow-blur: 26px;--landing-bub: 56px;--landing-bub-blue: var(--agent-blue);--landing-bub-purple: var(--agent-purple);--landing-bub-pink: var(--agent-pink);--landing-bub-red: var(--agent-red);--landing-bub-orange: var(--agent-orange);--landing-bub-green: var(--agent-green);--landing-bub-teal: var(--agent-teal);--landing-bub-gold: var(--league-gold);--landing-bub-diamond: var(--league-diamond);--landing-bub-indigo: var(--badge-level-50);--landing-bub-yellow: var(--media-pen-yellow);--landing-bub-coral: color-mix(in oklab, var(--agent-pink) 45%, var(--agent-orange));--landing-bub-mint: color-mix(in oklab, var(--agent-green) 55%, var(--agent-teal));--landing-bub-sky: color-mix(in oklab, var(--agent-blue) 50%, var(--agent-teal));--landing-bub-magenta: color-mix(in oklab, var(--agent-purple) 50%, var(--agent-pink));--landing-bub-lime: color-mix(in oklab, var(--agent-green) 55%, var(--league-gold));--landing-bub-phone: 40px;--gallery-gap: 18px;--gallery-cell-most: 400px;--gallery-foot-room: calc(var(--space-small) * 6 + var(--pill));--gallery-top-room: calc(var(--space-small) * 6 + var(--pill));--gallery-sound-bars-tall: 12px;--gallery-float-rise: 10px;--gallery-float-sway: 7px;--gallery-sound-quiet: color-mix(in srgb, var(--fg) 38%, transparent);--landing-join: 15px;--gallery-ball: #d52b25;--gallery-ball-print: #ffffff;--gallery-ball-floor: color-mix(in srgb, var(--shadow-ink) 30%, transparent);--gallery-ball-touch: color-mix(in srgb, var(--shadow-ink) 55%, transparent);--gallery-ball-crease: color-mix(in srgb, var(--shadow-ink) 50%, transparent);--gallery-ball-crease-line: 2px;--gallery-ball-crease-length: 100px;--gallery-grow-slider: 260px;--gallery-grow-drawn: 160px;--gallery-grain-page: #ffffff;--gallery-grain-ink: #1b1b1f;--gallery-grain-quiet: color-mix(in srgb, var(--gallery-grain-ink) 55%, transparent);--gallery-grain-rule: color-mix(in srgb, var(--gallery-grain-ink) 14%, transparent);--gallery-grain-serif: ui-serif, "New York", "Iowan Old Style", Charter, Georgia, serif;--gallery-grain-margin: 10cqw;--gallery-grain-kicker: 2.6cqw;--gallery-grain-title: 8.6cqw;--gallery-grain-dek: 3.8cqw;--gallery-grain-text: 3.5cqw;--gallery-grain-dark: #000000;--gallery-grain-light: #ffffff;--gallery-grain-slider: 260px;--gallery-grain-controls: calc(var(--slider-big-knob) * 2 + var(--space-small) * 4);--gallery-lanyard-strap: #161616;--gallery-lanyard-thread: #2c2c2c;--gallery-lanyard-edge: #222222;--gallery-lanyard-print: #ededea;--gallery-lanyard-stitch: #c9c9c4;--gallery-lanyard-stitch-shadow: #00000066;--gallery-lanyard-metal: #d6d9de;--gallery-badge-white: #fbfbfa;--gallery-badge-white-deep: #ececea;--gallery-badge-ink: #16171b;--gallery-badge-soft: #6b6e76;--gallery-badge-photo: #e9f0fd;--gallery-badge-photo-deep: #c9d8f5;--gallery-badge-accent: #4b7bf5;--gallery-badge-band: #16171b;--gallery-badge-band-ink: #ffffff;--gallery-macbook-black: #363437;--gallery-macbook-black-grain: #3d3b3e;--gallery-macbook-black-edge: #6a686b;--gallery-macbook-black-line: #1f1e20;--gallery-macbook-black-swatch: #393739;--gallery-macbook-silver: #dcdddf;--gallery-macbook-silver-grain: #e5e6e8;--gallery-macbook-silver-edge: #f6f7f8;--gallery-macbook-silver-line: #a7a8ab;--gallery-macbook-silver-swatch: #e3e4e5;--gallery-macbook-key: #212123;--gallery-macbook-legend: #d8d8db;--gallery-macbook-well: #18181a;--gallery-macbook-grille: #0b0b0c;--gallery-macbook-vent: #0f0f0f;--gallery-macbook-foot: #3a3b40;--gallery-macbook-mark: #8a8a8f;--gallery-macbook-accent: #4b7bf5;--gallery-macbook-gasket: #242424;--gallery-macbook-glass: #050505;--gallery-macbook-chin: #141414;--gallery-macbook-chin-deep: #050505;--gallery-macbook-camera: #1a1c22;--gallery-macbook-lens: #07080b;--gallery-macbook-wall-deep: #070d24;--gallery-macbook-wall-mid: #13235e;--gallery-macbook-wall-glow: #3f6ff0;--gallery-macbook-wall-warm: #8d5cf6;--gallery-macbook-wall-light: #7fd6ff;--gallery-macbook-ink: #ffffff;--gallery-macbook-ink-soft: #ffffffb3;--gallery-macbook-field: #ffffff2b;--gallery-macbook-field-edge: #ffffff38;--gallery-plane-paper: #f8f7f3;--gallery-plane-paper-under: #efeee9;--gallery-plane-veil: color-mix(in srgb, #f8f7f3 72%, transparent);--gallery-plane-crease: color-mix(in srgb, #000000 12%, transparent);--gallery-plane-crease-lit: color-mix(in srgb, #ffffff 80%, transparent);--gallery-plane-edge: color-mix(in srgb, #000000 10%, transparent);--gallery-plane-ink: #c7cad1;--gallery-plane-shade: #262b33;--gallery-plane-shadow: color-mix(in srgb, var(--shadow-ink) 70%, transparent);--gallery-plane-layer: color-mix(in srgb, #3a3530 9%, transparent);--gallery-plane-depth: 1400px;--gallery-box-kraft: #c09062;--gallery-box-kraft-inside: #c9a173;--gallery-box-wash: color-mix(in srgb, #000000 5%, transparent);--gallery-box-wear: color-mix(in srgb, #4a2e14 22%, transparent);--gallery-box-deep: color-mix(in srgb, #2a1a0c 35%, transparent);--gallery-box-occlusion: color-mix(in srgb, #2a1a0c 45%, transparent);--gallery-box-liner: #b08453;--gallery-box-flute: #d9b98c;--gallery-box-flute-dark: #6e4d2b;--gallery-box-hole: #2c1b0d;--gallery-box-ridge: color-mix(in srgb, #fff6e6 5%, transparent);--gallery-box-dirt: color-mix(in srgb, #3b2a1a 16%, transparent);--gallery-box-crease: color-mix(in srgb, #3a2410 22%, transparent);--gallery-box-crease-light: color-mix(in srgb, #fff3de 16%, transparent);--gallery-box-crest: #cca274;--gallery-box-crest-inside: #d4ad80;--gallery-box-joint: color-mix(in srgb, #2a1a0c 40%, transparent);--gallery-box-tape-streak: color-mix(in srgb, #fff3dc 9%, transparent);--gallery-box-shade: #1e130a;--gallery-box-ink: #2a221c;--gallery-box-tape: color-mix(in srgb, #c7832c 58%, transparent);--gallery-box-tape-gloss: color-mix(in srgb, #fff3dc 45%, transparent);--gallery-box-tape-edge: color-mix(in srgb, #7a4a14 40%, transparent);--gallery-box-tape-cut: color-mix(in srgb, #3a2410 55%, transparent);--gallery-box-label: #f5f2ea;--gallery-box-label-ink: #1c1c1f;--gallery-box-label-edge: color-mix(in srgb, #000000 18%, transparent);--gallery-box-contact: color-mix(in srgb, var(--shadow-ink) 55%, transparent);--gallery-box-shadow: color-mix(in srgb, var(--shadow-ink) 26%, transparent);--gallery-phone-burgundy-lit: #93394c;--gallery-phone-burgundy-shade: #2a0912;--gallery-phone-burgundy-swatch: #5b1a2a;--gallery-phone-burgundy-paper: #14020a;--gallery-phone-burgundy-ribbon: #5c0f24;--gallery-phone-burgundy-light: #b02d4a;--gallery-phone-burgundy-edge: #ffa3b8;--gallery-phone-black-lit: #6a6c71;--gallery-phone-black-shade: #121316;--gallery-phone-black-swatch: #2c2d31;--gallery-phone-black-paper: #07080a;--gallery-phone-black-ribbon: #25272c;--gallery-phone-black-light: #5d6068;--gallery-phone-black-edge: #e8ebf0;--gallery-phone-glacier-lit: #eef5fb;--gallery-phone-glacier-shade: #6f8ea8;--gallery-phone-glacier-swatch: #b6cde0;--gallery-phone-glacier-paper: #3a678c;--gallery-phone-glacier-ribbon: #7eaad0;--gallery-phone-glacier-light: #cfe4f4;--gallery-phone-glacier-edge: #ffffff;--gallery-phone-silver-lit: #fafbfc;--gallery-phone-silver-shade: #8f9398;--gallery-phone-silver-swatch: #d6d8db;--gallery-phone-silver-paper: #767b83;--gallery-phone-silver-ribbon: #b3b7be;--gallery-phone-silver-light: #eceef1;--gallery-phone-silver-edge: #ffffff;--gallery-phone-wall-shadow: #00000080;--gallery-phone-glass: #040405;--gallery-phone-glass-edge: color-mix(in srgb, #ffffff 14%, transparent);--gallery-phone-sky: color-mix(in srgb, #ffffff 5%, transparent);--gallery-phone-glare: color-mix(in srgb, #ece6ff 9%, transparent);--gallery-phone-ear: #1d1d21;--gallery-phone-island: #000000;--gallery-phone-lens: #0b1020;--gallery-phone-lens-ring: #1a2238;--gallery-phone-lens-glint: color-mix(in srgb, #9fb4ff 45%, transparent);--gallery-phone-ink: #ffffff;--gallery-phone-ink-soft: color-mix(in srgb, #ffffff 85%, transparent);--gallery-phone-ink-shade: color-mix(in srgb, #000000 18%, transparent);--gallery-phone-glass-button: color-mix(in srgb, #ffffff 16%, transparent);--gallery-phone-glass-rim: color-mix(in srgb, #ffffff 35%, transparent);--gallery-phone-glass-under: color-mix(in srgb, #000000 12%, transparent);--gallery-phone-seam: color-mix(in srgb, #000000 45%, transparent);--gallery-phone-sapphire: #0d0d10;--gallery-phone-hole: #0a0a0b;--gallery-phone-tongue: #3a3a3e;--gallery-phone-shadow: color-mix(in srgb, var(--shadow-ink) 30%, transparent);--gallery-pay-most: 380px;--gallery-pay-depth: 1100px;--gallery-pay-metal: #18181b;--gallery-pay-metal-light: #2a2a2f;--gallery-pay-metal-warm: #1f1e1c;--gallery-pay-metal-deep: #0f0f11;--gallery-pay-edge: #1c1c20;--gallery-pay-edge-light: #44444b;--gallery-pay-glare: color-mix(in srgb, var(--window-bg) 30%, transparent);--gallery-pay-streak: color-mix(in srgb, var(--window-bg) 6%, transparent);--gallery-pay-streak-bright: color-mix(in srgb, var(--window-bg) 11%, transparent);--gallery-pay-dark: var(--shadow-ink);--gallery-pay-etch: #a3a6ad;--gallery-pay-etch-dim: #6f7279;--gallery-pay-print-dim: #6f7279;--gallery-pay-lip: color-mix(in srgb, #d5d7dc 22%, transparent);--gallery-pay-gold-light: #e9dbb4;--gallery-pay-gold: #c3a96f;--gallery-pay-gold-deep: #8c7447;--gallery-pay-gold-shine: #fbf3dc;--gallery-pay-pocket: #08080a;--gallery-pay-stripe: #17130f;--gallery-pay-stripe-light: #2e2822;--gallery-pay-stripe-track: color-mix(in srgb, var(--window-bg) 6%, transparent);--gallery-pay-signature: #f1eee6;--gallery-pay-signature-line: #d9d2c2;--gallery-pay-ink: #1d1d22;--gallery-pay-foil-1: #c9d1d8;--gallery-pay-foil-2: #b9c8f0;--gallery-pay-foil-3: #e6c9dc;--gallery-pay-foil-4: #e8dcbc;--gallery-pay-foil-5: #c4e3d6;--gallery-pay-grating: color-mix(in srgb, var(--window-bg) 45%, transparent);--gallery-pay-shadow: color-mix(in srgb, var(--shadow-ink) 26%, transparent);--gallery-pay-blur: 14px;--m-landing-in: .15s;--m-landing-emblem: .5s;--m-landing-glide-at: .57s;--m-landing-glide: .5s;--m-landing-letters-at: .9s;--m-landing-letter: .3s;--m-landing-letter-stagger: 50ms;--m-landing-tag-stagger: 25ms;--m-landing-words: .7s cubic-bezier(.2, .8, .2, 1);--m-landing-words-at: .25s;--m-landing-word-stagger: 50ms;--m-landing-rise: .6s cubic-bezier(.2, .8, .2, 1);--m-landing-rise-at: .45s;--m-landing-rise-stagger: 80ms;--m-landing-out: .26s cubic-bezier(.4, 0, 1, 1);--m-landing-swap-at: .28s;--m-landing-bubble: .56s cubic-bezier(.3, 2, .5, 1);--m-landing-shrink: .36s cubic-bezier(.4, 0, .2, 1);--m-landing-grow: var(--m-reveal-time) var(--m-reveal-ease);--m-landing-flip: .56s cubic-bezier(.34, 1.3, .64, 1);--m-landing-crew-at: 1s;--m-landing-crew-stagger: 60ms;--m-landing-cheer-stagger: 50ms}@media(max-width:520px){:root{--landing-top: 28px;--landing-gutter: 20px;--landing-emblem: 48px;--landing-wordmark: 21px;--landing-gap: 28px}}:root{--gallery-printer-black: #2a2b2f;--gallery-printer-black-cap: #303136;--gallery-printer-black-mark: #8b8d94;--gallery-printer-black-swatch: #2e2f33;--gallery-printer-white: #ecebe7;--gallery-printer-white-cap: #f3f2ef;--gallery-printer-white-mark: #a8a6a0;--gallery-printer-white-swatch: #eeede9;--gallery-printer-dark: #0c0c0e;--gallery-printer-recess: #161619;--gallery-printer-port: #b9bcc2;--gallery-printer-steel: #c9ccd2;--gallery-printer-ring: #e6e9ef;--gallery-printer-ready: #5b8cff;--gallery-printer-printing: #ffffff;--gallery-printer-done: #2fd27a;--gallery-printer-refused: #ffb020;--gallery-printer-power: #33d17a;--gallery-printer-paper: #fbfbf8;--gallery-printer-ink: #26272c;--gallery-printer-paper-back: #f1f1ed}:root{--gallery-ticket-night: #0d1640;--gallery-ticket-deep: #050a22;--gallery-ticket-glow: #3f6ff0;--gallery-ticket-warm: #8d5cf6;--gallery-ticket-light: #7fd6ff;--gallery-ticket-type: #ffffff;--gallery-ticket-panel: #fbfbf8;--gallery-ticket-bars: #0d0e12;--gallery-ticket-paper: #f5f3ee;--gallery-ticket-paper-ink: #1b1e2b;--gallery-ticket-core: #fbfaf6;--gallery-ticket-foil: #d3d7de;--gallery-scratch-band-from: #3f6ff0;--gallery-scratch-band-to: #8d5cf6;--gallery-scratch-glow: #7fd6ff;--gallery-scratch-paper: #fbfaf7;--gallery-scratch-ink: #1b1e2b;--gallery-scratch-ink-soft: #6c707d;--gallery-scratch-reward: #3f5fe0;--gallery-scratch-reward-tint: #eef1fd;--gallery-scratch-silver: #c9ccd2;--gallery-scratch-silver-ink: #737781;--gallery-scratch-type: #ffffff;--gallery-mode-wide: 236px;--gallery-mode-flight: 290px;--gallery-mode-day-top: #3d9df5;--gallery-mode-day-low: #b9e2ff;--gallery-mode-dusk-top: #4b3f9e;--gallery-mode-dusk-low: #ff8f6b;--gallery-mode-night-top: #060b22;--gallery-mode-night-low: #1b2656;--gallery-mode-cloud: #ffffff;--gallery-mode-cloud-dusk: #ffc3b5;--gallery-mode-cloud-night: #34406a;--gallery-mode-cloud-under: #d6e6f6;--gallery-mode-cloud-under-dusk: #f39aa6;--gallery-mode-cloud-under-night: #252f58;--gallery-mode-peaks: #a9c7ea;--gallery-mode-peaks-dusk: #8b6aa9;--gallery-mode-peaks-night: #141d45;--gallery-mode-far: #8fd08a;--gallery-mode-far-dusk: #b07a93;--gallery-mode-far-night: #1a2650;--gallery-mode-near: #57b866;--gallery-mode-near-dusk: #84557a;--gallery-mode-near-night: #0e1837;--gallery-mode-crest: #d4f5ae;--gallery-mode-crest-dusk: #ffb68c;--gallery-mode-crest-night: #4b5d9e;--gallery-mode-tree: #2f8a4c;--gallery-mode-tree-dusk: #573462;--gallery-mode-tree-night: #08112b;--gallery-mode-house: #3f7347;--gallery-mode-house-dusk: #5d3a58;--gallery-mode-house-night: #0a1230;--gallery-mode-pool: #fff5bf;--gallery-mode-pool-dusk: #ffb07c;--gallery-mode-pool-night: #b5c3ff;--gallery-mode-sun: #ffd04f;--gallery-mode-sun-dusk: #ff9b45;--gallery-mode-moon: #e8ecf6;--gallery-mode-glow: #ffad73;--gallery-mode-limb: #f2861f;--gallery-mode-moon-glow: #b9c8ff;--gallery-mode-crater: #c4cbdc;--gallery-mode-sea: #aeb7cc;--gallery-mode-crater-floor: #d5dbe7;--gallery-mode-window: #ffd36b;--gallery-mode-tv: #93b9ff;--gallery-mode-tv-dim: #5a7ed8;--gallery-mode-smoke: #e3e8f0;--gallery-mode-firefly: #e8ff8f;--gallery-mode-star: #ffffff;--gallery-mode-star-warm: #ffe1ad;--gallery-mode-star-cool: #c6dbff;--gallery-mode-trail: #ffffff;--gallery-mode-bird: #2f3b55;--gallery-mode-plane: #5b6890;--gallery-mode-strobe: #ffffff;--gallery-mode-beacon: #ff5d5d;--gallery-mode-shine: #ffffff;--gallery-mode-shade: #00000038;--gallery-mode-page-light: #f4f5f8;--gallery-mode-page-dark: #0c1022;--gallery-mode-ink-light: #1b1e2b;--gallery-mode-ink-dark: #e7ebf6;--gallery-mode-gloss: #ffffff47;--gallery-mode-inset: inset 0 2px 6px rgb(0 0 0 / 28%), inset 0 0 0 1px rgb(255 255 255 / 12%);--gallery-mode-lift: 0 10px 28px -12px rgb(0 0 0 / 38%);--gallery-mode-lift-hover: 0 16px 34px -12px rgb(0 0 0 / 46%);--m-theme-turn: 50s;--m-theme-pulse: 3.2s;--m-theme-twinkle: 2.6s;--m-theme-shoot: 7s;--m-theme-drift: 24s;--m-theme-birds: 26s;--m-theme-flap: 1.9s;--m-theme-plane: 40s;--m-theme-blink: 1.3s;--m-theme-flicker: 3.4s;--m-theme-smoke: 3.15s;--m-theme-firefly: 2.6s;--m-theme-lift: .34s cubic-bezier(.34, 1.56, .64, 1)}:root{--inspiration-most: 1680px;--inspiration-row: 300px;--inspiration-phone: 600px;--inspiration-phone-row: .62;--inspiration-tight: 120px;--inspiration-gap: 12px;--inspiration-radius: 8px;--inspiration-inset: 12px;--inspiration-face: var(--messages-avatar);--inspiration-words-pad: 16px;--inspiration-words-most: 8;--inspiration-veil: #00000080;--inspiration-press: .97;--inspiration-wait: color-mix(in srgb, var(--fg) 6%, transparent);--inspiration-sweep: color-mix(in srgb, var(--fg) 5%, transparent);--m-inspiration: .12s cubic-bezier(.2, 0, 0, 1);--m-inspiration-in: .32s cubic-bezier(.2, 0, 0, 1);--m-inspiration-show: .4s cubic-bezier(.2, 0, 0, 1);--m-inspiration-move-time: .45s;--m-inspiration-move-ease: cubic-bezier(.2, 0, 0, 1);--m-inspiration-settle: 600;--m-inspiration-again: 2000;--m-inspiration-beat: 30000;--m-inspiration-clock: 30000}@media(max-width:600px){:root{--inspiration-gap: 8px;--inspiration-inset: 8px}}:root{--showroom-gutter: 24px;--showroom-stage: 300px;--showroom-flat: 84px;--showroom-flat-small: 26px;--showroom-flat-gap: 14px;--showroom-face: 220px;--showroom-face-field: 420px}:root{--perf-pad: calc(var(--space-small) * 4);--perf-gap: calc(var(--space-small) * 3);--perf-fps: 34px;--perf-graph-height: 84px;--perf-on-time: var(--success);--perf-late: var(--warning);--perf-very-late: var(--danger);--perf-budget: var(--edge);--perf-cause-indent: calc(var(--space-small) * 3)}html,body,#root{margin:0;height:100%;background:var(--window-bg);color:var(--text)}html{font-family:var(--font);font-size:var(--t-body)}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.icon-set{flex:none;overflow:visible;shape-rendering:geometricPrecision;fill:none}.icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color)}.icon-inline{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.icon-grid{--pixel-nudge: calc(mod(round(var(--icon-stroke) * var(--pixel-ratio, 1), 1px), 2px) / var(--pixel-ratio, 1) / 2);transform:translate(var(--pixel-nudge),var(--pixel-nudge))}.icon-set path,.icon-body{transform-box:view-box;transform-origin:var(--move-about, 12px 12px);transition:d var(--m-reveal-time) var(--m-reveal-ease),translate var(--m-reveal-time) var(--m-reveal-ease),rotate var(--m-reveal-time) var(--m-reveal-ease)}.icon-set{& path{stroke:currentColor;stroke-width:var(--icon-stroke);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.icon-shape{fill:currentColor;fill-opacity:0;transition:fill-opacity var(--m-hover),d var(--m-reveal-time) var(--m-reveal-ease),translate var(--m-reveal-time) var(--m-reveal-ease),rotate var(--m-reveal-time) var(--m-reveal-ease)}}.icon-set.solid .icon-shape{fill-opacity:1;stroke:none}.icon-detail,.icon-line{fill:none}.icon-set{.icon-cut{fill:none;stroke:#000;stroke-width:calc(var(--icon-stroke) * 1.15);vector-effect:non-scaling-stroke}.icon-cover{fill:#000;stroke-width:calc(var(--icon-stroke) * 2);vector-effect:non-scaling-stroke}&.filled .icon-shape{fill-opacity:1}&.filled .icon-detail{visibility:hidden}}.icon-projects .icon-body{transform-origin:12px 20px}.icon-sound [data-detail]{transform-origin:12.5px 12px}.icon-muted [data-detail]{transform-origin:18.5px 12px}.icon-smile [data-detail="1"]{transform-origin:15px 10px}:is(button,a):hover .icon-set [data-morph]{d:var(--hover-d)}:is(button,a):hover .icon-set [data-move]{translate:var(--move-x) var(--move-y);rotate:var(--move-turn)}:is(.icon-add,.icon-close) .icon-grid{transform-box:view-box;transform-origin:12px 12px;transition:scale var(--m-bloom)}:is(button,a):hover:not(:disabled) :is(.icon-add,.icon-close) .icon-grid{scale:1.2}.icon-overview{[data-shape="1"]{transition-delay:25ms}[data-shape="3"]{transition-delay:50ms}[data-shape="2"]{transition-delay:75ms}}:is(button,a):hover .icon-messages [data-detail]{animation:icon-type calc(var(--m-press) * 1.8) infinite}:is(button,a):hover .icon-messages [data-detail="1"]{animation-delay:calc(var(--m-press) * .3)}@keyframes icon-type{0%{translate:0 0;animation-timing-function:cubic-bezier(.3,0,.3,1)}18%{translate:0 -1.2px;animation-timing-function:cubic-bezier(.3,0,.3,1)}36%,to{translate:0 0}}@media(prefers-reduced-motion:reduce){.icon-set path,.icon-body{transition:fill-opacity var(--m-hover)}:is(button,a):hover .icon-messages [data-detail]{animation:none}:is(.icon-add,.icon-close) .icon-grid{transition:none}}.icon-plus .icon-body{transform-origin:12px 21px}.icon-more{[data-shape="1"]{transition-delay:30ms}[data-shape="2"]{transition-delay:60ms}}.icon-roadmap{[data-line="2"]{transition-delay:30ms}[data-line="3"]{transition-delay:60ms}}.tooltip{--tip-from: var(--space-small);position:fixed;left:0;top:0;z-index:110;margin:var(--tip-gap);padding:calc(var(--space-small) * 1.25) calc(var(--space-small) * 2.5);border-radius:var(--r-group);background:var(--toast);color:var(--toast-text);font:600 var(--t-body) var(--font);white-space:nowrap;translate:0 var(--tip-from);opacity:0;pointer-events:none;transition:opacity var(--m-hover),translate var(--m-bloom);&.below{--tip-from: calc(var(--space-small) * -1)}&.show{opacity:1;translate:0 0}}.tip-mark{display:none}.tooltip{&.held{scale:.9;transition:opacity var(--m-hover),translate var(--m-bloom),scale var(--m-bloom)}&.held.show{scale:1}}.tooltip.bubble{max-width:var(--tip-bubble);padding:calc(var(--space-small) * 3) calc(var(--space-small) * 3.5);border-radius:var(--r-card);font:400 var(--t-body) / 1.45 var(--font);white-space:normal;transform-origin:50% 100%;scale:.86;transition:opacity var(--m-hover),translate var(--m-bloom),scale var(--m-bloom);&.below{transform-origin:50% 0}&.show{scale:1}& b{display:block;margin-bottom:2px;font-weight:650}.tip-quiet{color:var(--toast-quiet)}&.glass{background:var(--tip-glass);backdrop-filter:blur(var(--tip-glass-blur));box-shadow:var(--lift);color:var(--text)}&.glass b{color:var(--text)}&.glass .tip-quiet{color:var(--secondary)}}@media(prefers-reduced-motion:reduce){.tooltip,.tooltip.bubble{scale:1;transition:opacity var(--m-hover)}}.button{position:relative;box-sizing:border-box;border:0;text-decoration:none;transition:background var(--m-hover),color var(--m-hover),box-shadow var(--m-hover),opacity var(--m-fade),scale var(--m-bloom);&:where(:not(.bare)){display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--space-small) * 1.5);flex:none;white-space:nowrap}&:active:not(:disabled,.still){scale:var(--press);transition:scale var(--m-hover)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}&:where(.bare){padding:0;background:none;color:inherit;font:inherit;text-align:inherit}&.sm>.icon-inline{--icon-stroke: var(--icon-stroke-fine);width:var(--icon-sm);height:var(--icon-sm)}&:is(.md,.lg)>.icon-inline{width:var(--icon-md);height:var(--icon-md)}&.xl>.icon-inline{width:var(--control-icon);height:var(--control-icon)}&.sm{height:var(--icon-button);padding:0 calc(var(--space-small) * 2.5);font:500 var(--t-body) var(--font)}&.md{height:var(--control);padding:0 calc(var(--space-small) * 4);font:500 var(--t-label) var(--font)}&.md.small{font-size:calc(var(--t-label) - 1px)}&.lg{height:var(--row);padding:0 calc(var(--space-small) * 3.5);font:500 var(--t-label) var(--font)}&.xl{height:var(--dialog-button);padding:0 calc(var(--space-small) * 5);font:600 var(--t-label) var(--font)}&.wide{padding:0 calc(var(--space-side) * 1.4)}&.round{border-radius:var(--r-group)}&.round.sm{border-radius:var(--r-control)}&.pill{border-radius:var(--r-pill)}&.primary{background:var(--primary);color:var(--primary-text)}&.primary.pill{font-weight:600}&.primary:where(:hover:not(:disabled)){opacity:var(--hover-dim)}&.secondary{background:var(--card);color:var(--text)}&.secondary:where(:hover:not(:disabled)){background:var(--hover)}&.secondary.strong{background:var(--hover)}&.secondary.strong:where(:hover:not(:disabled)){background:var(--selected)}&.quiet{background:none;color:var(--secondary)}&.quiet.strong{color:var(--text)}&.quiet:where(:hover:not(:disabled)){background:var(--item-hover);color:var(--text)}&.raised{background:var(--surface);box-shadow:var(--soft);color:var(--text)}&.raised:where(:hover:not(:disabled)){background:var(--item-hover)}&:is(.secondary,.quiet,.raised):is([aria-pressed=true],[aria-current=page]){background:var(--item-pressed);color:var(--text)}&:not(.bare):disabled{opacity:var(--disabled-fill)}&.quiet:disabled{opacity:var(--disabled)}&.raised:disabled{opacity:1;color:var(--secondary)}}.icon-button{position:relative;display:inline-grid;place-items:center;flex:none;box-sizing:border-box;padding:0;border:0;transition:background var(--m-hover),color var(--m-hover),opacity var(--m-fade),scale var(--m-bloom);&.xs{width:calc(var(--chip) - var(--space-small) * 2);height:calc(var(--chip) - var(--space-small) * 2)}&.sm{width:var(--icon-button);height:var(--icon-button)}&.md{width:var(--control);height:var(--control)}&.lg{width:calc(var(--control) * 1.25);height:calc(var(--control) * 1.25)}&.xs>.icon-inline{width:calc(var(--t-body) - 1px);height:calc(var(--t-body) - 1px);--icon-stroke: var(--icon-stroke-fine)}&.sm>.icon-inline{width:var(--icon-sm);height:var(--icon-sm)}&.md>.icon-inline{width:var(--icon-md);height:var(--icon-md)}&:is(.lg,.grey)>.icon-inline{width:var(--control-icon);height:var(--control-icon)}&.glyph-sm>.icon-inline{width:var(--icon-sm);height:var(--icon-sm)}&.glyph-md>.icon-inline{width:var(--icon-md);height:var(--icon-md)}&.glyph-lg>.icon-inline{width:var(--control-icon);height:var(--control-icon)}&.circle{border-radius:50%}&.square{border-radius:var(--r-control)}&.ghost{background:none;color:var(--secondary)}&.grey{background:var(--card);color:var(--text)}&.ink{background:var(--primary);color:var(--primary-text)}&.muted{color:var(--tertiary)}&:is(.ghost,.grey):where(:hover:not(:disabled)){background:var(--hover);color:var(--text)}&.grey:where(:hover:not(:disabled)){scale:var(--swell)}&.ink:where(:hover:not(:disabled)){opacity:var(--hover-dim)}&:active:not(:disabled){scale:var(--press-small);transition:scale var(--m-hover)}&:is([aria-pressed=true],.open){background:var(--item-pressed);color:var(--text)}&.on{background:var(--primary);color:var(--primary-text);opacity:1}&:disabled{opacity:var(--disabled)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.ring{position:relative;display:grid;place-items:center;>.ring-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;rotate:-90deg}}.ring-track,.ring-arc{r:var(--ring-r, calc(50% - var(--ring-line, var(--ring-width)) / 2));fill:none;stroke-width:var(--ring-line, var(--ring-width))}.ring-track{stroke:var(--level-track)}.ring-arc{stroke:var(--ring-tint, var(--level-progress));stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--ring-at) * 100);transition:stroke-dashoffset var(--m-reveal-time) var(--m-reveal-ease)}.ring.fill-in .ring-arc{transition:stroke-dashoffset var(--m-ring-fill) var(--m-reveal-ease) var(--m-ring-fill-wait)}@media(prefers-reduced-motion:reduce){.ring-arc,.ring.fill-in .ring-arc{transition:none}}.spinner{display:inline-block;flex:none;box-sizing:border-box;border:2px solid var(--rule);border-top-color:var(--text);border-radius:50%;animation:spin var(--m-spin) linear infinite;&.sm{width:var(--icon-md);height:var(--icon-md)}&.md{width:var(--control);height:var(--control)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:calc(var(--m-spin) * 3)}}.send-button{position:relative;display:grid;place-items:center;flex:none;width:var(--control);height:var(--control);padding:0;border:0;border-radius:50%;background:var(--primary-off);color:var(--primary-text);transition:background var(--m-fade),color var(--m-fade),scale var(--m-bloom);&.ready{background:var(--primary);animation:send-pop var(--m-pop)}&.ready:hover{scale:var(--swell)}&:active:not(:disabled){scale:var(--press-small);transition:scale var(--m-hover)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}>.icon-inline{width:var(--icon-md);height:var(--icon-md);transition:translate var(--m-bloom)}&.ready:hover>.icon-inline{translate:0 calc(var(--space-small) / -2)}.icon-send path{stroke-width:calc(var(--icon-stroke) * 1.35)}&.stopping{background:none;box-shadow:inset 0 0 0 1px var(--edge);color:var(--primary)}&.stopping:hover{background:var(--card)}}.send-button.mic{&:hover:not(:disabled){scale:var(--swell)}&.listening,&.bold{background:var(--primary)}&.listening:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--primary) 35%,transparent);animation:mic-halo var(--m-mic-pulse);pointer-events:none}}@keyframes mic-halo{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 0%,transparent)}}.send-button-ring{display:grid;place-items:center;width:100%;height:100%;>.icon-inline{width:var(--icon-sm);height:var(--icon-sm)}}.send-button-stop{width:calc(var(--control) / 3);height:calc(var(--control) / 3);border-radius:calc(var(--r-small) - 1px);background:currentColor}.send-button-spin{position:absolute;inset:0;width:100%;height:100%;animation:spin calc(var(--m-spin) * 1.5) linear infinite;& circle{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:26 200}}@media(prefers-reduced-motion:reduce){.send-button.ready,.send-button-spin,.send-button.mic.listening:after{animation:none}}.caret{position:absolute;top:-1px;left:.5px;z-index:2;width:var(--caret-width, var(--work-caret));height:var(--caret-height, calc(var(--t-title) + 3px));border-radius:var(--caret-width, var(--work-caret));background:var(--text);pointer-events:none;opacity:0;&.glide{transition:transform var(--m-caret-glide)}&.on{opacity:1;animation:caret-blink var(--m-caret-blink) ease-in-out infinite}&.on.moving{animation:none}}@keyframes caret-blink{0%,45%{opacity:1}55%,95%{opacity:0}}@media(prefers-reduced-motion:reduce){.caret.glide{transition:none}.caret.on{animation:none}}.message-box{--pad: calc(var(--space-small) * 2.5);--pad-top: calc(var(--space-small) * 5);--inset: calc(var(--space-small) * 3);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;row-gap:var(--pad-top);padding:var(--pad-top) var(--pad) var(--pad);transform-origin:50% 100%;background:var(--work-box);border-radius:var(--work-box-card-radius);box-shadow:var(--work-box-rest);transition:translate var(--m-bloom),box-shadow var(--m-fade);&:focus-within{box-shadow:var(--work-box-focus)}&.growing{overflow:clip}>*{flex:none}&.disabled{opacity:.7}&.tinted{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--tint) 45%,transparent),var(--work-box-focus)}&.tinted .send-button.ready{background:var(--tint)}&.roomy{--tip-prefer: below}}.chip-row{display:flex;flex-wrap:wrap;gap:calc(var(--space-small) * 1.5)}.message-box>.chip-row{margin:0 var(--space-small) calc(var(--space-small) * -2)}.message-box-text{position:relative;>textarea{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0 var(--inset);border:0;outline:0;background:none;color:var(--text);caret-color:transparent;cursor:text;resize:none;font:calc(var(--t-title) + 1px) / 1.5 var(--font);letter-spacing:-.008em}>textarea::placeholder{color:var(--tertiary)}}.message-box-text.covered>:is(textarea,.caret){visibility:hidden}.voice-bars{position:absolute;inset:0 var(--inset);width:calc(100% - var(--inset) * 2);height:100%;color:var(--text);pointer-events:none;transition:opacity var(--m-fade);&.still{opacity:var(--voice-still)}}.message-box-foot{display:flex;align-items:center;gap:calc(var(--space-small) * 1.5);min-width:0;--scrollbar-ends: var(--message-foot-scrollbar-ends);margin:calc(var(--space-small) * -2);padding:calc(var(--space-small) * 2);overflow:auto hidden;overscroll-behavior-x:contain;[data-popover-anchor]{position:static}>:last-child{display:flex;align-items:center;position:sticky;right:calc(var(--space-small) * 2);background:var(--work-box);box-shadow:calc(var(--space-small) * -2) 0 calc(var(--space-small) * 2) calc(var(--space-small) * -1) var(--work-box)}}.quiet-anchor{position:relative;display:inline-flex}.quiet-pick{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.75);height:var(--control);padding:0 calc(var(--space-small) * 3) 0 calc(var(--space-small) * 2.75);border:0;border-radius:var(--control);background:none;box-shadow:inset 0 0 0 1px var(--edge);color:var(--text);font:500 var(--t-label) var(--font);letter-spacing:-.005em;white-space:nowrap;transition:background var(--m-hover),color var(--m-hover),box-shadow var(--m-hover),scale var(--m-bloom);&:hover:not(:disabled){background:var(--card)}&.open,&.open:hover{background:var(--hover)}&.filled{background:var(--switch);box-shadow:none}&.filled:hover:not(:disabled){background:var(--hover)}&:active:not(:disabled){scale:var(--press);transition:scale var(--m-hover),background var(--m-hover),color var(--m-hover)}&:disabled{opacity:var(--disabled)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.icon-inline{width:calc(var(--control-icon) - 2px);height:calc(var(--control-icon) - 2px)}.quiet-caret{width:calc(var(--t-body) - 1px);height:calc(var(--t-body) - 1px);margin-left:-2px;color:var(--secondary);stroke-width:2;transition:rotate var(--m-bloom)}&.open .quiet-caret{rotate:180deg}&.round{--icon-stroke: var(--icon-stroke-pick);justify-content:center;width:var(--control);padding:0}}.chip{position:relative;display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.5);box-sizing:border-box;min-width:0;max-width:min(var(--menu-width),100%);height:var(--chip);padding:0 var(--space-small) 0 calc(var(--space-small) * 3);border-radius:var(--r-group);background:var(--card);color:var(--text);font:500 var(--t-label) var(--font);transform-origin:0 50%;animation:chip-in var(--m-reveal-time) var(--m-reveal-ease) backwards,chip-sharpen var(--m-reveal-time) var(--m-reveal-ease) none;animation-delay:calc(var(--i, 0) * var(--m-stagger));&.leaving{pointer-events:none;animation:chip-out var(--m-quick) ease-in both;animation-delay:0s}}.chip-name{flex:0 1 auto;min-width:0}.chip{&.element .chip-name{font-variant-numeric:tabular-nums}>.icon-inline{flex:none;width:calc(var(--t-label) + 2px);height:calc(var(--t-label) + 2px)}&:is(.file,.error){padding-left:calc(var(--space-small) * 2)}&.file>.icon-inline{color:var(--secondary)}&.error>.icon-inline{color:var(--error);--icon-stroke: var(--icon-stroke-fine)}&.picture{width:calc(var(--chip) * 1.65);height:calc(var(--chip) * 1.65);padding:0;cursor:zoom-in;background:center / cover no-repeat var(--card);box-shadow:inset 0 0 0 1px var(--rule)}&.picture>.chip-x{position:absolute;top:var(--space-small);right:var(--space-small);width:calc(var(--t-title) + var(--space-small) * 1.5);height:calc(var(--t-title) + var(--space-small) * 1.5);background:var(--toast);color:var(--toast-text)}&.note{max-width:100%;color:var(--secondary)}&.note>b{flex:none;color:var(--text);font-weight:600}&.note>.icon-inline{color:var(--text)}&.note.bad{color:var(--error)}}@media(prefers-reduced-motion:reduce){.chip{animation:none}}.field{display:flex;align-items:center;box-sizing:border-box;cursor:text;transition:background var(--m-hover),box-shadow var(--m-hover);>:is(input,textarea){flex:1;min-width:0;margin:0;padding:0;border:0;outline:0;background:none;color:var(--text);font:inherit;text-overflow:ellipsis}>:is(input,textarea)::placeholder{color:var(--tertiary)}&:has(>:disabled){opacity:var(--disabled);cursor:default}&.drawn-caret{--caret-height: calc(1em + 2px) ;position:relative}&.rail.drawn-caret{--caret-width: var(--rail-caret)}&.drawn-caret>:is(input,textarea){caret-color:transparent}}.field-lead{display:inline-flex;align-items:center;flex:none;color:var(--tertiary);transition:color var(--m-hover),scale var(--m-bloom),rotate var(--m-bloom);>.icon-inline{width:var(--icon-sm);height:var(--icon-sm)}}.field{&:focus-within>.field-lead{color:var(--text)}&.boxed{gap:var(--space-small);height:calc(var(--row) + var(--space-small));padding:0 calc(var(--space-small) * 4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--soft);font:500 var(--t-title) var(--font)}&.boxed.tall{height:calc(var(--row) + var(--space-small) * 4);padding:0 calc(var(--space-small) * 2) 0 calc(var(--space-small) * 4.5);font-size:calc(var(--t-title) + 2px)}&.boxed.big{height:calc(var(--row) + var(--space-small) * 5);padding:0 calc(var(--space-small) * 2.5) 0 calc(var(--space-small) * 6);border-radius:var(--r-pill);font-size:calc(var(--t-title) + 2px);transition:box-shadow var(--m-reveal-time) var(--m-reveal-ease)}&.boxed.big:focus-within{box-shadow:var(--soft-focus)}&.pill{gap:calc(var(--space-small) * 2);height:calc(var(--control) - 2px);padding:0 calc(var(--space-small) * 3.5);border-radius:var(--r-pill);background:var(--card);font:400 var(--t-label) var(--font)}&.pill.tall{height:calc(var(--control) + var(--space-small))}&.pill.lead{padding-left:calc(var(--space-small) * 3)}&.pill.trail{padding-right:var(--space-small)}&.pill:hover:not(:focus-within){background:var(--hover)}&.pill.rail{gap:calc(var(--space-small) * 2.5);height:var(--sidebar-item);border-radius:var(--r-group);padding-left:calc((var(--sidebar-item) - var(--icon-sm)) / 2)}&.inline{gap:calc(var(--space-small) * 2);height:calc(var(--row) - var(--space-small) * 2.5);padding:0 calc(var(--space-small) * 2);border-radius:var(--r-inner);background:var(--card);font:400 var(--t-label) var(--font)}&.outline{height:calc(var(--row) + var(--space-small));padding:0 calc(var(--space-small) * 3.5);border-radius:var(--r-group);background:none;box-shadow:var(--flat);font:400 var(--t-label) var(--font)}&.bare{padding:0;background:none;font:400 var(--t-label) var(--font)}&.multiline{align-items:stretch;height:auto;padding-top:calc(var(--space-small) * 2);padding-bottom:calc(var(--space-small) * 2)}&.multiline.bare{padding:0}&.multiline.inline{padding-left:calc(var(--space-small) * 2.5);padding-right:calc(var(--space-small) * 2.5)}&.multiline>textarea{line-height:1.45;resize:none}}.field{&:focus-within>.field-lead{scale:1.14;rotate:-12deg}&:focus-within:has(>input:not(:placeholder-shown))>.field-lead{scale:1.06;rotate:0deg}}@media(prefers-reduced-motion:reduce){.field:focus-within>.field-lead{scale:1;rotate:0deg}}.calendar{display:grid;gap:var(--space-small);padding:calc(var(--space-small) * 1.5)}.calendar-head{display:flex;align-items:center;gap:2px;padding:0 0 var(--space-small) calc(var(--space-small) * 2);>b{flex:1;color:var(--text);font:650 var(--t-label) var(--font);letter-spacing:-.005em}}.calendar-back{rotate:180deg}.calendar-grid{display:grid;grid-template-columns:repeat(7,var(--calendar-day));gap:2px}.calendar-weekday{display:grid;place-items:center;height:calc(var(--calendar-day) * .7);color:var(--tertiary);font:600 var(--t-caption) var(--font);letter-spacing:.04em}.calendar-day{position:relative;display:grid;place-items:center;height:var(--calendar-day);border-radius:var(--r-control);color:var(--text);font:500 var(--t-body) var(--font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--m-hover),color var(--m-hover);&:hover{background:var(--hover)}&.past{color:var(--tertiary)}&.other{color:var(--tertiary);opacity:var(--disabled)}&.today{color:var(--accent);font-weight:700}&.today:after{content:"";position:absolute;bottom:calc(var(--space-small) + 1px);width:3px;height:3px;border-radius:50%;background:currentColor}&.picked{background:var(--fg);color:var(--bg);font-weight:650;animation:bloom-in var(--m-bloom)}}.calendar-foot{display:flex;justify-content:space-between;padding-top:var(--space-small);border-top:1px solid var(--rule)}@media(prefers-reduced-motion:reduce){.calendar-day.picked{animation:none}}.popover{position:absolute;z-index:20;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;max-width:var(--menu-max);max-height:var(--menu-height);overflow-x:hidden;overflow-y:auto;transform-origin:var(--space-section) 100%;&.pick{min-width:var(--menu-width)}&.above{bottom:calc(100% + var(--space-small) * 2)}&.below{top:calc(100% + var(--space-small) * 2);transform-origin:var(--space-section) 0}&.left{left:0}&.center{transform-origin:50% 100%}&.center.below{transform-origin:50% 0}&.pick .menu-item:hover:not(.cursor){background:none}}.menu-plats{display:flex;padding:var(--space-small) calc(var(--space-small) * 2.5) calc(var(--space-small) * 2)}.popover.settings{min-width:calc(var(--context-width) + var(--space-small) * 14)}.menu-item{display:flex;align-items:center;gap:calc(var(--space-small) * 2.5);box-sizing:border-box;width:100%;min-height:calc(var(--row) - var(--space-small) * 2);padding:calc(var(--space-small) * .5) calc(var(--space-small) * 2.5);border:0;border-radius:var(--r-control);outline:none;background:none;color:var(--text);font:inherit;text-align:left;transition:background var(--m-hover),color var(--m-hover);&:is(:hover,:focus-visible,.cursor,.open):not(:disabled){background:var(--hover);scroll-margin-block:calc(var(--space-small) * 2)}&:disabled{color:var(--tertiary)}&.danger{color:var(--fail)}&.danger:is(:hover,:focus-visible,.cursor,.open):not(:disabled){background:var(--danger-row)}}.menu-item-lead{--icon-size: var(--control-icon);display:grid;place-items:center;flex:none;width:var(--control-icon);height:var(--control-icon);color:var(--secondary);font-size:var(--t-label);font-weight:600;transition:color var(--m-hover);>.icon-inline{width:var(--icon-md);height:var(--icon-md)}}.menu-item{&:is(:hover,:focus-visible,.cursor) .menu-item-lead{color:var(--text)}&.danger .menu-item-lead{color:var(--fail)}}.menu-item-text{display:grid;flex:1;gap:1px;min-width:0;>b{font-size:var(--t-label);font-weight:400}>b mark{background:none;color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}>small{color:var(--tertiary);font-size:var(--t-body)}}.menu-item-right{display:flex;flex:none;align-items:center;color:var(--tertiary);font-size:var(--t-body)}.menu-item-mark{flex:none;width:var(--t-label);height:var(--t-label);color:var(--text);--icon-stroke: var(--icon-stroke-fine);&.more{width:calc(var(--t-body) - 1px);height:calc(var(--t-body) - 1px);color:var(--tertiary)}}.menu-label{display:flex;align-items:center;gap:var(--space-small);padding:calc(var(--space-small) * 1.5) calc(var(--space-small) * 2.5) var(--space-small);color:var(--tertiary);font:600 var(--t-small) var(--font);letter-spacing:.02em;&:not(:first-child,.menu-line+*,.context-header+*){margin:calc(var(--space-small) * 1.25) calc(var(--space-small) * 2.5) 0;padding:calc(var(--space-small) * 2.5) 0 var(--space-small);border-top:1px solid var(--rule)}>span{margin-left:auto;color:var(--text);font-weight:600}}.menu-line{flex:none;height:1px;margin:calc(var(--space-small) * 1.25) calc(var(--space-small) * 2.5);background:var(--rule)}.date-field{position:relative;gap:var(--space-small);cursor:pointer;&.open{box-shadow:0 0 0 1px var(--fg)}}.date-field-open{display:flex;border-radius:inherit;flex:1;align-items:center;gap:calc(var(--space-small) * 2);min-width:0;height:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer}.date-field-icon{--icon-stroke: var(--icon-stroke-fine);width:var(--icon-sm);height:var(--icon-sm);color:var(--secondary)}.date-field-words{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&.empty{color:var(--tertiary)}}.date-field-clear{margin-right:calc(var(--space-small) * -1.5)}.date-field>.date-field-pop{width:max-content;min-width:0;max-width:none;padding:0}.date-field>.date-field-open:focus-visible{outline:none}.date-field:has(>.date-field-open:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.check{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 2.5);height:var(--control);padding:0 calc(var(--space-small) * 3.5) 0 calc(var(--space-small) * 1.5);border-radius:var(--r-pill);color:var(--secondary);font:500 var(--t-label) var(--font);transition:background var(--m-hover),color var(--m-hover);&:hover{background:var(--hover);color:var(--text)}&.on{color:var(--text)}}.check-box{position:relative;display:grid;flex:none;place-items:center;width:calc(var(--space-small) * 5);height:calc(var(--space-small) * 5);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--edge);transition:background var(--m-hover),box-shadow var(--m-hover);& svg{width:70%;height:70%;overflow:visible;fill:none;stroke:var(--primary-text);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}& path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--m-hover)}&:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}}.check.on .check-box{background:var(--primary);box-shadow:inset 0 0 0 0 var(--edge);animation:check-spring var(--m-bloom);& path{stroke-dashoffset:0;transition:stroke-dashoffset var(--m-check-draw) var(--m-check-after)}&:after{animation:check-burst var(--m-pop) ease-out}}@keyframes check-spring{0%{scale:.72}45%{scale:1.14}75%{scale:.96}to{scale:1}}@keyframes check-burst{0%{box-shadow:0 0 color-mix(in srgb,var(--primary) 30%,transparent)}to{box-shadow:0 0 0 calc(var(--space-small) * 2.5) transparent}}@media(prefers-reduced-motion:reduce){.check.on .check-box{animation:none;&:after{animation:none}& path{transition:none}}}.segmented{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;box-sizing:border-box;padding:var(--segmented-pad, 0px);>button{position:relative;z-index:1}}.segmented-knob{position:absolute;top:var(--segmented-pad, 0px);bottom:var(--segmented-pad, 0px);left:var(--segmented-pad, 0px);width:calc((100% - var(--segmented-pad, 0px) * 2) / var(--count));translate:calc(var(--at) * 100%) 0;transition:translate var(--m-bloom)}.segmented{&:where(.switch,.icons)>button{border:0;background:none;color:var(--secondary);white-space:nowrap;transition:color var(--m-knob-color),scale var(--m-bloom)}&:where(.switch,.icons)>button:where(:not(.on):hover:not(:disabled),.on){color:var(--text)}&.switch>button:active:not(:disabled){scale:var(--press);transition:scale var(--m-hover)}&.icons>button:active:not(:disabled){scale:var(--press-small);transition:scale var(--m-hover)}&:is(.switch,.icons)>button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}&.switch{height:var(--segmented-height);border-radius:var(--segmented-radius);background:var(--switch)}&.switch>button{padding:0 var(--segmented-name-pad);border-radius:var(--segmented-knob-radius);font:500 var(--segmented-type) var(--font)}&.switch>.segmented-knob{border-radius:var(--segmented-knob-radius);background:var(--switch-knob);box-shadow:var(--knob-shadow)}&.switch.sm{--segmented-pad: var(--switch-sm-pad);--segmented-height: var(--switch-sm);--segmented-name-pad: var(--switch-sm-name);--segmented-type: var(--t-small)}&.switch.md{--segmented-pad: calc(var(--space-small) * .5);--segmented-height: var(--icon-button);--segmented-name-pad: calc(var(--space-small) * 2);--segmented-type: var(--t-body)}&.switch.lg{--segmented-pad: calc(var(--space-small) * .75);--segmented-height: var(--control);--segmented-name-pad: calc(var(--space-small) * 3.25);--segmented-type: var(--t-label)}&.switch.round{--segmented-radius: var(--r-control);--segmented-knob-radius: var(--r-inner)}&.switch.round.lg{--segmented-radius: var(--r-group);--segmented-knob-radius: var(--r-control)}&.switch.pill{--segmented-radius: var(--r-pill);--segmented-knob-radius: var(--r-pill)}&.icons{grid-auto-columns:calc(var(--control) * 1.1);height:var(--control);border-radius:var(--r-control)}&.icons>.segmented-knob{border-radius:var(--r-control);background:var(--item-hover)}&.icons>button{display:grid;place-items:center;padding:0;border-radius:var(--r-control)}&.icons>button>svg{width:var(--icon-md);height:var(--icon-md);fill:currentColor}&.text{grid-auto-columns:auto;gap:var(--segmented-text-gap)}&.text>.segmented-knob{display:none}&.text>button{padding:var(--segmented-text-pad) 0;border:0;background:none;color:var(--tertiary);font:600 var(--t-title) var(--font);white-space:nowrap;transition:color var(--m-knob-color)}&.text>button:where(:hover:not(:disabled),.on){color:var(--text)}&.text>button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--segmented-text-line);border-radius:var(--segmented-text-line);background:var(--text);scale:0 1;transition:scale var(--m-bloom)}&.text>button.on:after{scale:1 1}&.text>button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--r-small)}}.toggle{position:relative;flex:none;box-sizing:border-box;width:var(--toggle-width);height:var(--toggle-height);padding:0;border:0;border-radius:var(--r-pill);background:var(--toggle-off);cursor:pointer;transition:background var(--m-hover);&.on{background:var(--toggle-on)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.toggle-knob{position:absolute;top:0;left:0;width:calc(var(--toggle-height) - var(--toggle-gap) * 2);height:calc(var(--toggle-height) - var(--toggle-gap) * 2);border-radius:var(--r-pill);background:var(--toggle-knob);box-shadow:var(--knob-shadow);transform-origin:left center;will-change:transform}.toggle-inside{position:absolute;inset:0;pointer-events:none}.slider{flex:none;height:var(--swatch);margin:0;appearance:none;background:transparent;&::-webkit-slider-runnable-track{height:var(--slider-track);border-radius:var(--slider-track);background:var(--edge)}&::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);margin-top:calc((var(--slider-track) - var(--slider-thumb)) / 2);border-radius:50%;background:var(--window-bg);box-shadow:0 0 0 1px var(--edge)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--r-small)}}.slider.big{height:var(--slider-big-knob);&::-webkit-slider-runnable-track{height:var(--slider-big-track);border-radius:var(--slider-big-track);background:linear-gradient(to right,var(--text) var(--fill),var(--edge) var(--fill))}&::-webkit-slider-thumb{width:var(--slider-big-knob);height:var(--slider-big-knob);margin-top:calc((var(--slider-big-track) - var(--slider-big-knob)) / 2);background:var(--pill-raised);box-shadow:var(--pill-raised-lift);transition:scale var(--m-bloom)}&:active::-webkit-slider-thumb{scale:1.12}&::-moz-range-track{height:var(--slider-big-track);border-radius:var(--slider-big-track);background:var(--edge)}&::-moz-range-progress{height:var(--slider-big-track);border-radius:var(--slider-big-track);background:var(--text)}&::-moz-range-thumb{width:var(--slider-big-knob);height:var(--slider-big-knob);border:0;border-radius:50%;background:var(--pill-raised);box-shadow:var(--pill-raised-lift)}&:focus-visible{border-radius:var(--r-pill)}}.slider.painted{&::-webkit-slider-runnable-track{background:var(--track)}&::-moz-range-track{background:var(--track)}&::-moz-range-progress{background:none}}@property --step-at{syntax: "<number>"; inherits: true; initial-value: 0;}.step-slider{--knob: calc(var(--control-icon) - var(--space-small) * .5);--bar: var(--space-small);padding:calc(var(--space-small) * 1.5) calc(var(--space-small) * 2.5 + var(--knob) / 2) calc(var(--space-small) * 3);outline:none;cursor:pointer;touch-action:none;user-select:none;transition:--step-at var(--m-bloom);&.held{cursor:grabbing;transition:--step-at var(--m-hover)}}.step-slider-track{position:relative;height:calc(var(--knob) + var(--space-small) * 2);&:before{content:"";position:absolute;left:calc(var(--knob) / -2);right:calc(var(--knob) / -2);top:calc(50% - var(--bar) / 2);height:var(--bar);border-radius:var(--bar);background:var(--item-pressed)}}.step-slider-fill{position:absolute;left:calc(var(--knob) / -2);top:calc(50% - var(--bar) / 2);width:calc(var(--step-at) * 100% + var(--knob) / 2);height:var(--bar);border-radius:var(--bar);background:var(--primary)}.step-slider-knob{position:absolute;top:50%;left:calc(var(--step-at) * 100%);width:var(--knob);height:var(--knob);border-radius:50%;translate:-50% -50%;background:var(--switch-knob);box-shadow:var(--knob-shadow);transition:scale var(--m-bloom),box-shadow var(--m-fade)}.step-slider{&:hover .step-slider-knob{scale:1.08}&.held .step-slider-knob{scale:1.2;box-shadow:var(--knob-shadow),0 var(--space-small) calc(var(--space-small) * 3) calc(var(--space-small) * -.75) color-mix(in srgb,var(--fg) 28%,transparent)}&:focus-visible .step-slider-knob{box-shadow:var(--knob-shadow),0 0 0 calc(var(--space-small) * .75) var(--surface),0 0 0 calc(var(--space-small) * 1.125) var(--tertiary)}}@media(prefers-reduced-motion:reduce){.step-slider,.step-slider.held{transition:none}}.swatch{flex:none;width:var(--swatch);height:var(--swatch);padding:0;border:0;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px var(--rule);outline:1.5px solid transparent;outline-offset:2px;transition:scale var(--m-bloom),outline-color var(--m-hover);&:hover{scale:var(--swell-dot)}&:active{scale:var(--press-small);transition:scale var(--m-hover)}&.on{outline-color:var(--swatch-ring, var(--swatch-color))}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.color-input{--checker: calc(var(--swatch) / 2);position:relative;flex:none;width:var(--swatch);height:var(--swatch);border-radius:var(--r-small);cursor:pointer;background:linear-gradient(var(--color-input),var(--color-input)),repeating-conic-gradient(var(--edge) 0 25%,transparent 0 50%) 0 0 / var(--checker) var(--checker);box-shadow:inset 0 0 0 1px var(--edge);>input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}&:has(>input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.color-wheel{display:grid;justify-items:center;gap:calc(var(--space-small) * 3.5);padding:calc(var(--space-small) * 2) calc(var(--space-small) * 2.5) calc(var(--space-small) * 3.5);user-select:none}.color-wheel-disc{position:relative;width:var(--wheel-size);aspect-ratio:1;border-radius:50%;touch-action:none;cursor:crosshair;background:radial-gradient(circle closest-side,var(--wheel-ring),transparent),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:var(--wheel-lift)}.color-wheel-dark{position:absolute;inset:0;border-radius:50%;background:#000;opacity:var(--pick-dark, 0);pointer-events:none}.color-wheel-knob{--size: var(--wheel-knob);position:absolute;left:calc(50% + var(--pick-x, 0) * (var(--wheel-size) / 2));top:calc(50% + var(--pick-y, 0) * (var(--wheel-size) / 2));width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);box-sizing:border-box;border-radius:50%;border:calc(var(--size) * .16) solid var(--wheel-ring);background:var(--pick);outline:none;box-shadow:var(--wheel-knob-lift);transition:scale var(--m-bloom),box-shadow var(--m-hover);cursor:grab;&:hover{scale:1.08}&:focus-visible{box-shadow:var(--wheel-knob-lift),var(--wheel-knob-focus)}}.color-wheel.holding-wheel .color-wheel-disc .color-wheel-knob,.color-wheel.holding-track .color-wheel-track .color-wheel-knob{scale:1.28;cursor:grabbing}.color-wheel-track{position:relative;width:var(--wheel-size);height:var(--wheel-track);border-radius:calc(var(--wheel-track) / 2);touch-action:none;cursor:pointer;background:linear-gradient(90deg,#000,var(--pick-full));box-shadow:var(--wheel-track-lift)}.color-wheel-knob.small{--size: calc(var(--wheel-knob) - 2px);left:calc(var(--wheel-track) / 2 + var(--pick-v, 1) * (100% - var(--wheel-track)));top:50%}@media(prefers-reduced-motion:reduce){.color-wheel-knob{transition:none}}.toast{display:inline-flex;align-items:center;gap:var(--space-small);box-sizing:border-box;height:var(--pill);padding:0 var(--space-small) 0 var(--space-side);border-radius:calc(var(--pill) / 2);background:var(--toast);color:var(--toast-text);font:500 var(--t-body) var(--font);white-space:nowrap;&.plain{padding-right:var(--space-side)}&.fades{--toast-from: calc(var(--space-small) * 2);opacity:0;transform:translateY(var(--toast-from)) scale(.9);pointer-events:none;transition:opacity var(--m-hover),transform var(--m-bloom)}&.fades.from-above{--toast-from: calc(var(--space-small) * -2)}&.fades.show{opacity:1;transform:none;pointer-events:auto}}.toast-action{flex:none;height:calc(var(--pill) - var(--space-small) * 2);padding:0 calc(var(--space-small) * 3);border:0;border-radius:calc(var(--pill) / 2);background:var(--toast-action);color:var(--toast-text);font:600 var(--t-body) var(--font);transition:background var(--m-hover),scale var(--m-bloom);&:hover:not(:disabled){background:var(--toast-action-hover)}&:active:not(:disabled){scale:var(--press-small);transition:scale var(--m-hover)}&:disabled{opacity:var(--disabled-fill)}&:focus-visible{outline:var(--focus-ring);outline-color:var(--toast-text);outline-offset:calc(var(--focus-offset) / 2)}}@media(prefers-reduced-motion:reduce){.toast.fades{transition:opacity var(--m-hover)}}.frost-pill{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.75);box-sizing:border-box;padding:0 calc(var(--space-small) * 3.5);border:0;border-radius:var(--r-pill);white-space:nowrap;background:var(--part-name-bg);backdrop-filter:blur(var(--part-name-blur));color:var(--text);font:500 var(--t-body) var(--font);&.sm{height:calc(var(--pill) - var(--space-small))}&.md{height:var(--pill)}&.strong.sm{font:600 var(--t-small) var(--font)}&.strong.md{font:600 var(--t-label) var(--font)}&.quiet{color:var(--secondary)}&.raised{background:linear-gradient(var(--pill-raised-top),var(--pill-raised));backdrop-filter:none;box-shadow:var(--pill-raised-lift)}}button.frost-pill{transition:color var(--m-hover),scale var(--m-bloom)}button.frost-pill.quiet:is(:hover,[aria-expanded=true]){color:var(--text)}button.frost-pill:active{scale:var(--press);transition:scale var(--m-hover)}button.frost-pill:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.like-button{gap:calc(var(--space-small) * 1.5);padding:0 calc(var(--space-small) * 3) 0 calc(var(--space-small) * 2.5);font-variant-numeric:tabular-nums;cursor:pointer;transition:scale var(--m-bloom);&:active{scale:var(--press);transition:scale var(--m-hover)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.like-heart{position:relative;display:grid;place-items:center;color:var(--secondary);transition:color var(--m-hover);.icon-inline{width:var(--icon-sm);height:var(--icon-sm)}}.like-button:hover .like-heart,.like-button.liked .like-heart{color:var(--like)}.like-button.popped .like-heart{animation:like-pop var(--m-bloom)}.like-burst{position:absolute;inset:0;pointer-events:none;>i{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:var(--like);animation:like-spark var(--m-like-burst) forwards}}@keyframes like-pop{0%{scale:.6}}@keyframes like-spark{0%{transform:rotate(calc(var(--n) * 60deg)) translateY(calc(var(--space-small) * -1.5));opacity:1}to{transform:rotate(calc(var(--n) * 60deg)) translateY(calc(var(--space-small) * -4));opacity:0}}.like-count{animation:like-roll var(--m-reveal-time) var(--m-reveal-ease)}@keyframes like-roll{0%{opacity:0;translate:0 .5em}}@media(prefers-reduced-motion:reduce){.like-button.popped .like-heart,.like-burst>i,.like-count{animation:none}.like-burst{display:none}}.tag{display:inline-flex;align-items:center;flex:none;gap:var(--space-small);box-sizing:border-box;padding:calc(var(--space-small) * .75) calc(var(--space-small) * 2);border-radius:var(--r-control);background:var(--card);color:var(--secondary);font:600 var(--t-small) var(--font);white-space:nowrap}.count-badge{display:inline-grid;place-items:center;box-sizing:border-box;min-width:calc(var(--t-small) + var(--space-small) * 1.5);height:calc(var(--t-small) + var(--space-small) * 1.5);padding:0 calc(var(--space-small) * 1.25);border-radius:calc(var(--t-small) / 2 + 3px);background:var(--unread-color);color:var(--bg);font:700 calc(var(--t-small) - 1px) var(--font);font-style:normal;font-variant-numeric:tabular-nums;&.in{animation:bloom-in var(--m-bloom) both}&.bump{animation:badge-bump var(--m-bump) cubic-bezier(.3,0,.3,1)}&.pop{animation:badge-pop var(--m-pop) forwards}}@keyframes badge-pop{19%{scale:1.3}to{scale:0;opacity:0}}@media(prefers-reduced-motion:reduce){.count-badge.in,.count-badge.bump{animation:none}.count-badge.pop{display:none}}.avatar{display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:var(--card);color:var(--avatar-face-ink);font-weight:600;>img{width:100%;height:100%;object-fit:cover}&.sm{width:calc(var(--t-label) * 1.6);height:calc(var(--t-label) * 1.6)}&.md{width:var(--messages-avatar);height:var(--messages-avatar)}&.lg{width:var(--messages-avatar-large);height:var(--messages-avatar-large)}&.face{width:var(--avatar-face);height:var(--avatar-face)}&.xl{width:var(--avatar-xl);height:var(--avatar-xl)}}.avatar.pop>.facehash{animation:bloom-in var(--m-bloom)}@media(prefers-reduced-motion:reduce){.avatar.pop>.facehash{animation:none}}.meter{display:block;overflow:hidden;border-radius:var(--r-pill);background:var(--level-track);&.xs{height:calc(var(--ring-width) * 1.5)}&.sm{height:calc(var(--ring-width) * 2)}&.md{height:calc(var(--ring-width) * 3)}&.plain{background:var(--hover)}>i{display:block;width:calc(var(--meter) * 100%);height:100%;border-radius:inherit;background:var(--meter-fill, var(--level-progress));transition:width var(--m-reveal-time) var(--m-reveal-ease)}&.fill-in>i{transform-origin:left;animation:meter-fill var(--m-ring-fill) var(--m-reveal-ease) backwards}}@keyframes meter-fill{0%{scale:0 1}}@media(prefers-reduced-motion:reduce){.meter>i{transition:none;animation:none}}.card{box-sizing:border-box;border-radius:var(--r-card);&.group{border-radius:var(--r-group)}&.grey{background:var(--card)}&.flat{background:var(--surface);box-shadow:var(--flat)}&.line{background:var(--surface);box-shadow:0 0 0 1px var(--divider)}&.soft{background:var(--surface);box-shadow:var(--soft)}&.lift{background:var(--surface);box-shadow:var(--lift)}&.frost{background:var(--part-name-bg);backdrop-filter:blur(var(--part-name-blur))}}.dialog-scrim{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-side);&:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--dialog-scrim);backdrop-filter:blur(var(--dialog-blur));opacity:0;transition:opacity var(--m-dialog-fade)}&.in:before{opacity:1}}.dialog-card{box-sizing:border-box;width:min(var(--dialog-width),100%);max-height:calc(100vh - var(--space-side) * 2);overflow:auto;border-radius:var(--dialog-radius);background:var(--surface);box-shadow:var(--dialog-lift)}.dialog-scrim.in .dialog-card{opacity:1;scale:1;translate:0 0;transition:opacity var(--m-fade),scale var(--m-bloom),translate var(--m-bloom)}.dialog-body{display:grid;justify-items:center;gap:calc(var(--space-small) * 3);text-align:center;padding:calc(var(--space-small) * 7) calc(var(--space-small) * 6) calc(var(--space-small) * 5);>h2{margin:0;color:var(--text);font:700 var(--t-display) var(--font);letter-spacing:-.02em}>p{margin:0;color:var(--secondary);font:400 var(--t-label) / 1.5 var(--font)}}@media(prefers-reduced-motion:reduce){.dialog-card,.dialog-scrim.in .dialog-card{scale:1;translate:0 0;transition:opacity var(--m-fade)}}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space-small) * 2);width:100%;margin-top:calc(var(--space-small) * 2)}.file-drop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity var(--m-fade);&:before{content:"";position:absolute;inset:0;background:var(--dialog-scrim);backdrop-filter:blur(var(--dialog-blur))}&.show{opacity:1}}.file-drop-words{position:relative;display:grid;justify-items:center;gap:var(--space-small);text-align:center;scale:.94;transition:scale var(--m-bloom);>b{color:var(--text);font:600 var(--t-title) var(--font)}>small{color:var(--tertiary);font:400 var(--t-body) var(--font)}}.file-drop.show .file-drop-words{scale:1}.file-drop-disc{--icon-size: var(--file-drop-icon);display:grid;place-items:center;width:var(--file-drop-disc);height:var(--file-drop-disc);margin-bottom:calc(var(--space-small) * 2);border-radius:50%;background:var(--surface);box-shadow:var(--lift);color:var(--text)}.context-menu{position:fixed;z-index:100;max-width:calc(var(--context-width) * 1.5);outline:none;font:var(--t-label) var(--font);color:var(--text);user-select:none;&.sub{animation:none}}.context-list{display:grid;gap:1px}.context-menu .menu-item:hover:not(:focus,.open){background:none}.context-header{display:flex;align-items:center;gap:calc(var(--space-small) * 2.5);padding:calc(var(--space-small) * 1.5) calc(var(--space-small) * 2) calc(var(--space-small) * 2)}.context-header-icon{display:grid;place-items:center;flex:none;--icon-size: calc(var(--sidebar-icon) * 1.15)}.context-header-text{display:grid;min-width:0;& b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& small{font-size:var(--t-body);color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.context-custom{padding:0}.caption{margin:0;color:var(--secondary);font:600 var(--t-caption) var(--font);letter-spacing:var(--tracking);text-transform:uppercase}.empty-note{margin:0;color:var(--tertiary);font:400 var(--t-label) / 1.5 var(--font);text-align:center}.disclosure{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.25);box-sizing:border-box;padding:0;border:0;background:none;color:var(--tertiary);font:500 var(--t-label) var(--font);text-align:left;transition:background var(--m-hover),color var(--m-hover);&:is(:hover,.open){color:var(--secondary)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.disclosure-chevron{flex:none;width:calc(1em - 2px);height:calc(1em - 2px);transition:rotate var(--m-bloom)}.disclosure{&.open .disclosure-chevron{rotate:90deg}&.sm{gap:var(--space-small);height:calc(var(--row) - var(--space-small) * 3);padding:0 calc(var(--space-small) * 2.5);border-radius:var(--r-control);font-size:var(--t-small)}&.sm>.disclosure-chevron{width:calc(1em + 1px);height:calc(1em + 1px)}&.shaded{height:calc(var(--pill) - var(--space-small));padding:0 calc(var(--space-small) * 2.5);border-radius:var(--r-control);color:var(--secondary);font-weight:400}&.shaded:hover{background:var(--item-hover);color:var(--text)}&.shaded>.disclosure-chevron{color:var(--tertiary)}}@media(prefers-reduced-motion:reduce){.disclosure-chevron{transition:none}}.pages{position:relative;flex:1;min-width:0;overflow:clip}.pages-strip{position:absolute;inset:0;will-change:transform}.page{position:absolute;left:0;right:0;height:100%;&.parked{left:100%;right:-100%;visibility:hidden}}.landing-brand{--glide: calc((var(--landing-brand-gap) + var(--landing-wordmark) * var(--word-ratio)) / 2);display:flex;align-items:flex-start;gap:var(--landing-brand-gap);color:var(--logo-color);.landing-emblem{display:block;transform-origin:50% 90%;animation:landing-glide var(--m-landing-glide) linear both;animation-delay:calc(var(--m-landing-in) + var(--m-landing-glide-at))}.landing-emblem svg{display:block;width:var(--landing-emblem);height:var(--landing-emblem);transform-origin:50% 90%;animation:landing-pop var(--m-landing-emblem) linear both;animation-delay:var(--m-landing-in)}.landing-word-box{position:relative;margin-top:round(nearest,var(--landing-emblem) * 19.5 / 48 - var(--landing-wordmark) / 2,1px)}.landing-word{display:block;height:var(--landing-wordmark);aspect-ratio:var(--word-ratio);fill:currentColor}.landing-tag{position:absolute;top:calc(100% + var(--landing-tag-gap));right:0;left:0;display:flex;justify-content:space-between;color:var(--landing-tag-ink);font:650 var(--landing-tag) / 1 var(--font)}.landing-tag>span{display:block;transform-origin:50% 100%;animation:landing-letter var(--m-landing-letter) linear both;animation-delay:calc(var(--m-landing-in) + var(--m-landing-letters-at) + 7 * var(--m-landing-letter-stagger) + var(--i) * var(--m-landing-tag-stagger))}.landing-word g{transform-box:fill-box;transform-origin:50% 100%;animation:landing-letter var(--m-landing-letter) linear both;animation-delay:calc(var(--m-landing-in) + var(--m-landing-letters-at) + var(--i) * var(--m-landing-letter-stagger))}}@keyframes landing-pop{0%{opacity:0;translate:0 24%;scale:.6;animation-timing-function:cubic-bezier(0,0,.58,1)}36.667%{opacity:1;translate:0 -5%;scale:.95 1.06;animation-timing-function:cubic-bezier(.42,0,.58,1)}60%{translate:0 0;scale:1.06 .94;animation-timing-function:cubic-bezier(.42,0,.58,1)}80%{scale:.98 1.02;animation-timing-function:cubic-bezier(.42,0,.58,1)}to{opacity:1;translate:0 0;scale:1}}@keyframes landing-glide{0%{translate:var(--glide) 0;rotate:0deg;animation-timing-function:cubic-bezier(.42,0,.58,1)}13.333%{translate:calc(var(--glide) * 1.04) 0;rotate:2deg;animation-timing-function:cubic-bezier(.42,0,.58,1)}40%{rotate:4deg;animation-timing-function:cubic-bezier(.42,0,.58,1)}76.667%{translate:calc(var(--glide) * -.05) 0;rotate:-2deg;animation-timing-function:cubic-bezier(.42,0,.58,1)}to{translate:0 0;rotate:0deg}}@keyframes landing-letter{0%{opacity:0;translate:0 30%;scale:.6;animation-timing-function:cubic-bezier(0,0,.58,1)}55.556%{opacity:1;translate:0 -6%;scale:1.06;animation-timing-function:cubic-bezier(.42,0,.58,1)}77.778%{translate:0 1%;scale:.98;animation-timing-function:cubic-bezier(.42,0,.58,1)}to{opacity:1;translate:0 0;scale:1}}@media(prefers-reduced-motion:reduce){.landing-brand .landing-emblem,.landing-brand .landing-emblem svg,.landing-brand .landing-word g,.landing-brand .landing-tag>span{animation:none}}.agent-bub{flex:none;width:var(--icon-size);height:var(--icon-size);overflow:visible}.agent-bub-paper{overflow:visible;pointer-events:none;stroke-width:var(--bub-detail)}.agent-bub-canvas{display:block;width:100%;height:100%;stroke-width:var(--icon-stroke);scale:var(--bub-grow, 1);transform-origin:48.96% 58.33%}.landing-crew-bub{--icon-size: calc(var(--landing-bub) * var(--s));--icon-stroke: calc(var(--icon-size) / 16);position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);display:block;translate:-50% -50%}@media(max-width:1100px){.landing-crew-bub.wide{display:none}}@media(max-width:720px){.landing-crew-bub{--icon-size: calc(var(--landing-bub-phone) * var(--s));&.tablet{display:none}}}.landing-crew{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.landing-stream{display:block;width:min(100%,var(--landing-stream));border-radius:var(--r-card);color:inherit;text-decoration:none;opacity:0;translate:0 var(--landing-stream-rise);pointer-events:none;transition:opacity var(--m-reveal-time) var(--m-reveal-ease),translate var(--m-reveal-time) var(--m-reveal-ease);&.shown{opacity:1;translate:0 0;pointer-events:auto}&:focus-visible{outline:var(--focus-ring);outline-offset:2px}}.landing-stream-card{display:flex;align-items:center;gap:calc(var(--space-small) * 3);padding:calc(var(--space-small) * 2);transition:background var(--m-hover),scale var(--m-hover)}.landing-stream:hover .landing-stream-card{background:var(--item-hover)}.landing-stream:active .landing-stream-card{scale:var(--press)}.landing-stream-still{position:relative;flex:none;width:var(--landing-stream-still);aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r-control);background:var(--card);& img{display:block;width:100%;height:100%;object-fit:cover}}.landing-stream-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:var(--control);height:var(--control);border-radius:50%;background:var(--surface);box-shadow:var(--work-box-rest);color:var(--text);translate:-50% -50%;transition:scale var(--m-bloom);& svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;translate:1px 0}}.landing-stream:hover .landing-stream-play{scale:1.08}.landing-stream-words{display:grid;gap:var(--space-small);min-width:0;text-align:left;& b{display:flex;align-items:center;gap:calc(var(--space-small) * 1.5);color:var(--text);font:600 var(--t-label) var(--font)}& b svg{flex:none;width:var(--landing-plan-mark);height:var(--landing-plan-mark);fill:var(--landing-youtube)}}.landing-stream-title{display:-webkit-box;overflow:hidden;color:var(--secondary);font:400 var(--t-body) / 1.4 var(--font);-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(prefers-reduced-motion:reduce){.landing-stream{translate:none;transition:opacity var(--m-fade)}}.landing-headline{display:grid;max-width:11em;margin:0;color:var(--text);font:700 var(--landing-headline) / 1.04 var(--font);letter-spacing:-.045em;text-wrap:balance}.landing-words{grid-area:1 / 1;align-self:center;>span{display:inline-block;opacity:0}&.shown>span{opacity:1;animation:landing-word-in var(--m-landing-words) both;animation-delay:calc(var(--m-landing-words-at) + var(--i) * var(--m-landing-word-stagger))}}.landing-joined.shown>span{animation-delay:calc(var(--m-landing-swap-at) + var(--i) * var(--m-landing-word-stagger))}.landing-first:not(.shown)>span{animation:landing-word-out var(--m-landing-out) both;animation-delay:calc(var(--i) * var(--m-landing-word-stagger) / 2)}@keyframes landing-word-in{0%{opacity:0;filter:blur(var(--landing-blur));translate:0 .3em}}@keyframes landing-word-out{0%{opacity:1}to{opacity:0;filter:blur(var(--landing-blur));translate:0 -.2em}}@media(prefers-reduced-motion:reduce){.landing-words>span,.landing-words.shown>span,.landing-first:not(.shown)>span{animation:none}}.landing-plans{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--space-small) * 1.5);margin:calc(var(--space-small) * 3) 0 0;color:var(--secondary);font:500 var(--t-title) / 1.5 var(--font)}.landing-plan{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.25);color:var(--text);font-weight:600;& svg{width:var(--landing-plan-mark);height:var(--landing-plan-mark)}&.claude svg{fill:var(--work-claude)}&.codex svg{fill:var(--text)}}.landing-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--landing-gap) var(--landing-gutter) calc(var(--landing-top) + var(--landing-emblem) + var(--landing-gap));text-align:center}.landing-swap{display:grid;width:100%}.landing-before,.landing-after{--at: var(--m-landing-rise-at);grid-area:1 / 1;display:flex;flex-direction:column;align-items:center}:is(.landing-before,.landing-after)>:nth-child(2){--k: 1}:is(.landing-before,.landing-after)>:nth-child(3){--k: 2}:is(.landing-before,.landing-after)>:nth-child(4){--k: 3}:is(.landing-before,.landing-after)>:nth-child(5){--k: 4}.landing-after{--at: var(--m-landing-swap-at);position:relative;align-self:start;visibility:hidden}.landing-swap.swapped{>.landing-before{visibility:hidden;animation:landing-go var(--m-landing-out) both}>.landing-after{visibility:visible}}.landing-before>*,.landing-swap.swapped>.landing-after>*{animation:landing-rise var(--m-landing-rise) both;animation-delay:calc(var(--at) + var(--k, 0) * var(--m-landing-rise-stagger))}.landing-bar{position:relative;isolation:isolate;width:min(var(--landing-column),100%);margin-top:var(--landing-gap);transition:scale var(--m-landing-shrink);&:has(input:focus){scale:var(--landing-grown);transition:scale var(--m-landing-bubble)}&:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-small) * -1);border-radius:var(--r-pill);background:conic-gradient(var(--landing-bub-blue),var(--landing-bub-purple),var(--landing-bub-pink),var(--landing-bub-orange),var(--landing-bub-gold),var(--landing-bub-green),var(--landing-bub-teal),var(--landing-bub-blue));filter:blur(var(--landing-glow-blur));opacity:0;pointer-events:none;transition:opacity var(--m-landing-grow)}&:has(input:focus):before{opacity:.16}&.ready:has(input:focus):before{opacity:.3}}.landing-check{margin-top:calc(var(--space-small) * 3.5)}.landing-note{min-height:1.5em;margin:calc(var(--space-small) * 3) 0 0;color:var(--tertiary);font-size:var(--t-label);line-height:1.5;& b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}&.bad{color:var(--error)}}.landing-copy{display:inline-grid;perspective:var(--landing-flip-depth)}.landing-flip{display:grid;transform-style:preserve-3d;transition:rotate var(--m-landing-flip);>.button{grid-area:1 / 1;backface-visibility:hidden}>.button+.button{rotate:x 180deg}}.landing-copy.flipped .landing-flip{rotate:x 180deg}.landing-question{margin:calc(var(--space-small) * 3) 0 0;color:var(--text);font:600 var(--t-title) / 1.4 var(--font)}.landing-answers{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--space-small) * 2);margin-top:calc(var(--space-small) * 4)}.landing-skip{margin-top:calc(var(--space-small) * 3)}.landing-swap.swapped>.landing-after.stepped{--at: 0ms}.landing-ask{max-width:var(--landing-column);margin-top:calc(var(--space-small) * 1.5);+.landing-bar{margin-top:calc(var(--space-small) * 4)}}.landing-place{margin-top:calc(var(--space-small) * 3)}.landing-more{position:absolute;top:100%;margin-top:calc(var(--space-small) * 6)}@keyframes landing-rise{0%{opacity:0;filter:blur(var(--landing-blur-soft));translate:0 .5em}}@keyframes landing-go{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0;filter:blur(var(--landing-blur-soft));translate:0 -.4em}}@media(prefers-reduced-motion:reduce){.landing-bar,.landing-bar:has(input:focus),.landing-flip{transition:none}.landing-before>*,.landing-swap.swapped>.landing-after>*,.landing-swap.swapped>.landing-before{animation:none}}.landing{display:grid;grid-template-rows:auto 1fr auto;min-height:100svh}.landing-top{position:relative;z-index:1;display:flex;justify-content:center;padding-top:var(--landing-top)}.landing-foot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-small) * 2);padding:0 var(--landing-gutter) var(--landing-gutter)}