@font-face { font-family: Geist; src: url("/geist-sans.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap }
@font-face { font-family: Geist Fallback; src: local("Helvetica Neue"), local("Helvetica"), local("Arial"); size-adjust: 102.4%; ascent-override: 98.6%; descent-override: 28.3%; line-gap-override: 0% }
@font-face { font-family: Geist Mono; src: url("/geist-mono.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap }
@keyframes button-working {
  0% { clip-path: inset(calc(100% - 2px) 100% 0 -40%) }
  100% { clip-path: inset(calc(100% - 2px) -40% 0 100%) }
}
@keyframes group-reading {
  0% { opacity: var(--aside) }
  50% { opacity: 1 }
  100% { opacity: var(--aside) }
}
@keyframes door-light-drifts {
  0% { translate: 0 0 }
  50% { translate: 56% 16% }
  100% { translate: 0 0 }
}
@keyframes unnamed-mushroom-sway {
  0% { rotate: -5deg }
  100% { rotate: -2.6deg }
}
@keyframes unnamed-mushroom-rise {
  0% { opacity: 0; translate: 0 6px }
}
@keyframes stands-moves {
  0% { background-position: -100% 0 }
  100% { background-position: 200% 0 }
}
@keyframes apply-arrives {
  0% { opacity: 0; translate: 0 var(--space-2) }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes apply-leaves {
  0% { opacity: 1 }
  100% { opacity: 0; visibility: hidden }
}
@keyframes settle-arrives {
  0% { opacity: 0; scale: 0.97 }
  100% { opacity: 1; scale: none }
}
@keyframes settle-fades {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes float-arrives {
  0% { opacity: 0; scale: 0.97 }
  100% { opacity: 1; scale: none }
}
@keyframes float-fades {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes slide-arrives-right {
  0% { translate: 100% 0 }
  100% { translate: none }
}
@keyframes slide-arrives {
  0% { translate: 0 100% }
  100% { translate: none }
}
@keyframes slide-fades {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes sheet-arrives-right {
  0% { translate: 100% 0 }
  100% { translate: none }
}
@keyframes sheet-arrives {
  0% { translate: 0 100% }
  100% { translate: none }
}
@keyframes sheet-fades {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes looks-turning {
  100% { rotate: 360deg }
}
@keyframes craft-spin {
  100% { rotate: 360deg }
}
@keyframes craft-acts-question {
  0% { opacity: 0; translate: 0 4px }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes craft-acts-confirming-calm {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-acts-confirming {
  0% { opacity: 0; filter: blur(2px) }
  100% { opacity: 1; filter: blur(0) }
}
@keyframes craft-workspace-chip {
  0% { opacity: 0; translate: 0 -3px }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes craft-workspace-chip-calm {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-workspace-wash {
  0% { opacity: 1 }
  40% { opacity: 1 }
  100% { opacity: 0 }
}
@keyframes craft-tags-in {
  0% { opacity: 0; translate: 0 3px }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes craft-tags-in-calm {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-tags-out {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@keyframes craft-dot-print {
  0% { scale: 0.4 }
  100% { scale: 1 }
}
@keyframes craft-breath {
  0% { opacity: 1 }
  100% { opacity: 0.5 }
}
@keyframes craft-timed-fill {
  0% { transform: scaleX(0) }
  100% { transform: scaleX(1) }
}
@keyframes craft-timed-spark {
  0% { transform: translateX(-100%) }
  100% { transform: translateX(0) }
}
@keyframes craft-timed-flash {
  0% { opacity: 0.7 }
  100% { opacity: 0 }
}
@keyframes craft-shimmer {
  0% { translate: -100% 0 }
  100% { translate: 100% 0 }
}
@keyframes craft-tab-rise {
  0% { opacity: 0; translate: 0 4px }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes craft-search-clear {
  0% { opacity: 0; scale: 0.96 }
  100% { opacity: 1; scale: 1 }
}
@keyframes craft-check-draw {
  0% { stroke-dashoffset: 14 }
  100% { stroke-dashoffset: 0 }
}
@keyframes refusal-said {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-thinking-dot {
  0% { scale: 0.55; opacity: 0.35 }
  40% { scale: 1; opacity: 1 }
  80% { scale: 0.55; opacity: 0.35 }
  100% { scale: 0.55; opacity: 0.35 }
}
@keyframes craft-orb-swell {
  0% { scale: 0.4; opacity: 0.25 }
  25% { scale: 1; opacity: 1 }
  60% { scale: 0.4; opacity: 0.25 }
  100% { scale: 0.4; opacity: 0.25 }
}
@keyframes craft-orb-globe {
  0% { translate: 9px 0px; scale: 1; opacity: 0.9 }
  12.5% { translate: 6.4px 3.2px; scale: 0.95; opacity: 0.75 }
  25% { translate: 0px 4.5px; scale: 0.85; opacity: 0.55 }
  37.5% { translate: -6.4px 3.2px; scale: 0.76; opacity: 0.4 }
  50% { translate: -9px 0px; scale: 0.7; opacity: 0.3 }
  62.5% { translate: -6.4px -3.2px; scale: 0.76; opacity: 0.4 }
  75% { translate: 0px -4.5px; scale: 0.85; opacity: 0.55 }
  87.5% { translate: 6.4px -3.2px; scale: 0.95; opacity: 0.75 }
  100% { translate: 9px 0px; scale: 1; opacity: 0.9 }
}
@keyframes craft-orb-spark {
  0% { rotate: 0deg; scale: 1; opacity: 0.9 }
  50% { rotate: 90deg; scale: 0.7; opacity: 0.5 }
  100% { rotate: 0deg; scale: 1; opacity: 0.9 }
}
@keyframes craft-orb-burst {
  0% { scale: 1; opacity: 0.9 }
  60% { opacity: 0.4 }
  100% { scale: 1.6; opacity: 0 }
}
@keyframes craft-steps-in {
  0% { opacity: 0; translate: 0 6px; filter: blur(2px) }
  100% { opacity: 1; translate: 0 0; filter: blur(0) }
}
@keyframes craft-steps-ring {
  0% { scale: 0.4; opacity: 0.9 }
  40% { opacity: 0.5 }
  100% { scale: 3.4; opacity: 0 }
}
@keyframes craft-streaming-blink {
  0% { opacity: 1 }
  50% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-answer-chip {
  0% { opacity: 0; scale: 0.95 }
  100% { opacity: 1; scale: 1 }
}
@keyframes craft-beat-in {
  0% { opacity: 0; translate: 0 6px; filter: blur(2px) }
  100% { opacity: 1; translate: 0 0; filter: blur(0) }
}
@keyframes craft-beat-rise {
  0% { opacity: 0; translate: 0 4px }
  100% { opacity: 1; translate: 0 0 }
}
@keyframes craft-beat-pop {
  0% { opacity: 0; scale: 0.95 }
  100% { opacity: 1; scale: 1 }
}
@keyframes craft-beat-fade {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes craft-beat-draw {
  0% { stroke-dashoffset: 1 }
  100% { stroke-dashoffset: 0 }
}
@keyframes craft-beat-dot {
  0% { opacity: 0; scale: 0.9 }
  100% { opacity: 1; scale: 1 }
}
@keyframes craft-beat-pulse {
  0% { scale: 0.5; opacity: 0.7 }
  70% { opacity: 0.2 }
  100% { scale: 2.4; opacity: 0 }
}
@keyframes craft-receipt-drain {
  0% { stroke-dashoffset: 0 }
  100% { stroke-dashoffset: 1 }
}
@keyframes kit-emblem-prints {
  0% { opacity: 0; scale: 1.12; filter: blur(2px) }
}
@keyframes kit-proof-settles {
  0% { opacity: 0; translate: 0 24px; rotate: -4deg }
}
@keyframes link-row-settle {
  0% { opacity: 0; transform: translateY(2px) }
  100% { opacity: 1; transform: translateY(0) }
}
@keyframes empty-section-nudge {
  0% { transform: translateX(0) }
  20% { transform: translateX(-3px) }
  45% { transform: translateX(2.5px) }
  70% { transform: translateX(-1.5px) }
  100% { transform: translateX(0) }
}
@keyframes empty-section-nudge-again {
  0% { transform: translateX(0) }
  20% { transform: translateX(-3px) }
  45% { transform: translateX(2.5px) }
  70% { transform: translateX(-1.5px) }
  100% { transform: translateX(0) }
}
@keyframes story-rises {
  0% { opacity: 0; translate: 0 8px }
}
@keyframes veil-frost {
  0% { filter: blur(0px) saturate(1); opacity: 1 }
  100% { filter: blur(6px) saturate(0.5); opacity: 0.72 }
}
@keyframes veil-fade {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes veil-rise {
  0% { opacity: 0; transform: translateY(8px) scale(0.985) }
  100% { opacity: 1; transform: none }
}
@keyframes production-rise {
  0% { opacity: 0; transform: translateY(-4px) }
  100% { opacity: 1; transform: none }
}
@keyframes shell-lead-enters {
  0% { opacity: 0; filter: blur(2px) }
  100% { opacity: 1; filter: none }
}
:root { --paper: #F4F0E9; --registration: 0.00px; --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.32 0 0 0 0 0.23 0 0 0 0 0.12 0 0 0 0.7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); --ink-black: #000000; --on-black: #252524; --ink-slate: #a0aabf; --on-slate: #a8afbb; --ink-signal-yellow: #ffd400; --on-signal-yellow: #f6d124; --ink-vermilion: #c8402c; --on-vermilion: #c95947; --black-over-slate: #191a1c; --black-over-signal-yellow: #251f05; --slate-over-signal-yellow: #a8961c; --black-over-slate-over-signal-yellow: #191604; --black-over-vermilion: #1e0d0b; --slate-over-vermilion: #894038; --black-over-slate-over-vermilion: #150a08; --signal-yellow-over-vermilion: #c94c0b; --black-over-signal-yellow-over-vermilion: #1e0b02; --slate-over-signal-yellow-over-vermilion: #893608; --black-over-slate-over-signal-yellow-over-vermilion: #150801; --ink: #2A2622; --muted: #90877D; --rule: #8f8e8a; --ghost: #e5e3dd; --tint: #f1efe9; --ground: #e5e3dd; --hair: #a8afbb; --shade: #191a1c; --lift: #0000001a; --flag: #f6cb00; --cast-contact: #2525241f; --cast-near: #25252414; --cast-far: #2525240d; --scrim: rgba(0, 0, 0, 0.5); --veil: #ffffffb8; --glass-hair: #aeb7c999; --on-plane: #262626; --catch-light: 45 30.8% 97.9%; --edge-card: #25252414; --edge-sheet: #25252424; --top-light: inset 0 1px 0 hsl(var(--catch-light) / 0.85); --under: inset 0 -1px 0 var(--cast-near); --contact: 0 0 0 1px var(--edge-card); --lift-key: 0 1px 0 var(--cast-contact), 0 2px 2px var(--cast-near), 0 3px 5px var(--cast-far); --pressed: #EFE9DF; --well: inset 0 1px 2px var(--cast-contact); --sheet: color-mix(in srgb, var(--paper) 35%, var(--ground)); --sheet-bright: color-mix(in srgb, var(--paper) 55%, var(--sheet)); --key-face: var(--sheet-bright); --key-down: color-mix(in srgb, var(--ground) 40%, var(--sheet)); --mark-lift: color-mix(in srgb, var(--mark) 90%, var(--paper)); --note-face: color-mix(in srgb, var(--ink) 4%, var(--paper)); --note-ink: var(--ink); --note-edge: color-mix(in srgb, var(--ink) 12%, transparent); --tone-plain: #000000; --tone-name: #191818ff; --tone-type: #403f3e; --tone-number: #403f3e; --tone-string: #5d5d5a; --tone-comment: #71706d; --tone-punctuation: #676664; --tone-keyword: #9a3121; --tone-added: #e7e5e0; --tone-removed: #f1e2da; --mark: #c13d29; --mark-ghost: #f0ded6; --on-mark: #f6f4ee; --on-flag: #252524; --face: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --figures: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --prose: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --type-1-down: 12px; --type-0: 15px; --type-1: 18.75px; --type-2: 23.44px; --type-3: 29.3px; --type-4: 36.62px; --tracking-1-down: 0.0071em; --tracking-0: 0em; --tracking-1: -0.0071em; --tracking-2: -0.0142em; --tracking-3: -0.0213em; --tracking-4: -0.0283em; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 40px; --space-12: 48px; --space-16: 64px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-round: 999px; --row: 64px; --blur: blur(12px) saturate(1.15); --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --ease-state: cubic-bezier(0.32, 0.72, 0, 1); --ease-move: cubic-bezier(0.65, 0, 0.35, 1); --fast: 90ms; --quick: 140ms; --settled: 200ms; --follows: 40ms; --layer-1: 1; --layer-2: 2; --layer-3: 3; --laid: 0 1px 0 var(--cast-contact); --raised: 0 1px 0 var(--cast-contact), 0 2px 6px -2px var(--cast-near); --held: 0 1px 0 var(--cast-contact), 0 2px 6px -2px var(--cast-near), 0 12px 32px -12px var(--cast-far); --stacked: 0 1px 0 var(--cast-contact), 0 2px 6px -2px var(--cast-near), 0 12px 32px -12px var(--cast-far), 0 32px 80px -32px var(--cast-far); --ring: 0 0 0 2px var(--pane), 0 0 0 3.5px var(--hue-blue); --ring-offset: 2px; --ring-inset: inset 0 0 0 1px var(--mark); --desk: #F3EFE8; --pane: #FFFEFB; --pane-2: #F9F6F0; --hover: #F7F3EC; --input: #F5F1E9; --line: rgba(80, 60, 35, 0.15); --line-2: rgba(80, 60, 35, 0.085); --line-input: rgba(80, 60, 35, 0.085); --line-focus: #4A4339; --glass: rgba(255, 254, 251, 0.8); --glass-2: rgba(255, 254, 251, 0.95); --edge: 1px solid var(--hair); --overlay: rgba(24, 24, 24, 0.14); --ink-2: #625B53; --faint: #CFC7BB; --on-ink: #FFF8EA; --accent: #314E9B; --accent-fill: var(--hue-blue); --accent-soft: #EBEFF8; --ok: #2E7A4E; --ok-fill: var(--hue-green); --ok-soft: #EAF3EC; --warn: #A8540F; --warn-fill: var(--hue-orange); --warn-soft: #FBEEDF; --bad: #C23A2B; --bad-fill: #D9503F; --bad-soft: #FBEAE6; --avatar-0: #FEE2E2; --avatar-0-ink: #B91C1C; --avatar-1: #FEF3C7; --avatar-1-ink: #92400E; --avatar-2: #D1FAE5; --avatar-2-ink: #065F46; --avatar-3: #DBEAFE; --avatar-3-ink: #1E40AF; --avatar-4: #EDE9FE; --avatar-4-ink: #5B21B6; --avatar-5: #FCE7F3; --avatar-5-ink: #9D174D; --avatar-6: #E0F2FE; --avatar-6-ink: #075985; --avatar-7: #FEF9C3; --avatar-7-ink: #854D0E; --avatar-8: #DCFCE7; --avatar-8-ink: #166534; --avatar-9: #F5F3FF; --avatar-9-ink: #6D28D9; --paper-2: #EDE8DF; --ink-classic: #3D3D3D; --muted-classic: #858585; --paper-classic: #F7F5F0; --float: rgba(253, 252, 249, 0.78); --hair-soft: rgba(80, 60, 35, 0.06); --elevate-1: var(--lift-2); --elevate-2: var(--lift-3); --shadow-1: var(--lift-1); --shadow-lift: var(--lift-2); --shadow-2: var(--lift-3); --shadow-3: var(--lift-4); --shadow-knob: 0 1px 3px rgba(0, 0, 0, 0.15); --shadow-seat: 0 1px 3px rgba(0, 0, 0, 0.04); --stroke-strong: inset 0 -2px 0 0 rgba(0, 0, 0, 0.35); --stroke-soft: inset 0 -2px 0 0 rgba(0, 0, 0, 0.05); --focus: 1.5px solid var(--hue-blue); --desk-light: #FAF8F4; --pane-3: #F2EDE4; --white: #FFFFFF; --hairline: rgba(80, 60, 35, 0.085); --hairline-2: rgba(80, 60, 35, 0.15); --hue-red: #E0533D; --hue-blue: #3756A6; --hue-yellow: #EDB23A; --hue-green: #3F8F60; --hue-pink: #E57EA4; --hue-orange: #E9782F; --lift-1: 0 0 0 1px var(--hairline), 0 1px 1px rgba(70, 48, 20, 0.05), 0 2px 4px -2px rgba(70, 48, 20, 0.06); --lift-2: 0 0 0 1px var(--hairline), 0 1px 2px rgba(70, 48, 20, 0.05), 0 6px 16px -6px rgba(70, 48, 20, 0.12); --lift-3: 0 0 0 1px var(--hairline-2), 0 2px 4px rgba(70, 48, 20, 0.05), 0 16px 32px -10px rgba(70, 48, 20, 0.22); --lift-4: 0 0 0 1px var(--hairline-2), 0 4px 10px rgba(70, 48, 20, 0.08), 0 28px 60px -16px rgba(70, 48, 20, 0.34); --glass-menu: rgba(252, 249, 243, 0.9); --track-sunk: inset 0 1px 2px rgba(70, 48, 20, 0.08); --track: rgba(120, 95, 60, 0.09); --sunk: 0 0 0 1px var(--hairline), inset 0 1px 2px rgba(70, 48, 20, 0.09); --sunk-flat: 0 0 0 1px var(--hairline), inset 0 1px 1px rgba(70, 48, 20, 0.05); --cta-hover: #3A322A; --cta-press: #1B1713; --cta-edge: #15110D; --cta-lift: inset 0 1px 0 rgba(255, 244, 220, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px var(--cta-edge), 0 1px 2px rgba(30, 20, 8, 0.25), 0 4px 10px -3px rgba(30, 20, 8, 0.3); --cta-lift-hover: inset 0 1px 0 rgba(255, 244, 220, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px var(--cta-edge), 0 2px 4px rgba(30, 20, 8, 0.25), 0 8px 18px -6px rgba(30, 20, 8, 0.4); --cta-sunk: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--cta-edge); --cta-glow: rgba(255, 244, 220, 0.1); --on-ink-2: #B9AE9C; --on-ink-hair: rgba(255, 244, 220, 0.18); --tip-lift: 0 6px 16px -4px rgba(30, 20, 8, 0.35); --notice-surface: var(--pane); --notice-ink: var(--ink); --notice-edge: var(--line); --notice-lift: var(--tip-lift); --notice-radius: var(--radius-card); --notice-face: var(--font); --fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.09' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.16 0 0 0 0.5 -0.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"); --accent-halo: rgba(55, 86, 166, 0.14); --blur-scrim: 4px; --blur-overlay: 2px; --blur-plane: 16px; --blur-plane-2: 20px; --plane-1: 180px; --plane-2: 200px; --plane-3: 240px; --plane-4: 320px; --plane-5: 420px; --plane-6: 480px; --plane-7: 520px; --page: 1040px; --page-wide: 1200px; --page-sheet: 960px; --sheet-gutter: 10px; --bar-height: 44px; --sheet-top: 44px; --sheet-top-snug: 28px; --sheet-foot: 72px; --sheet-foot-snug: 56px; --float-blur: 18px; --dot: 6px; --underline: 2px; --bar: 6px; --glyph: 16px; --size-1: 20px; --size-2: 24px; --size-3: 28px; --size-4: 32px; --size-5: 36px; --size-6: 48px; --size-control: 34px; --size-control-large: 42px; --size-touch: 44px; --size-chip: 26px; --radius-0: 4px; --radius-control: 10px; --radius-card: 14px; --gap-cards: 14px; --card-min: 280px; --radius-sheet: 16px; --radius-tile-1: 7px; --radius-tile-2: 11px; --tile-1: 22px; --tile-2: 38px; --tile-3: 60px; --tile-glyph-1: 13px; --tile-glyph-2: 19px; --tile-glyph-3: 27px; --radius-row: 12px; --space-5: 20px; --space-7: 32px; --font: Geist, 'Geist Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --mono: 'Geist Mono', 'SF Mono', ui-monospace, Menlo, monospace; --text-0: 10px; --text-1: 12px; --text-2: 13px; --text-3: 14px; --text-4: 16px; --text-5: 20px; --text-6: 24px; --text-7: 32px; --text-8: 40px; --leading-0: 14px; --leading-1: 18px; --leading-2: 20px; --leading-3: 22px; --leading-4: 24px; --leading-5: 28px; --leading-6: 32px; --leading-7: 38px; --leading-8: 46px; --text-title: 26px; --leading-title: 32px; --text-about: 14px; --leading-about: 20px; --tracking-display: -0.028em; --tracking-body: 0.01em; --tracking-tight: -0.01em; --tracking-title: -0.02em; --tracking-eyebrow: 0.04em; --tracking-caps: 0.06em; --ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-settle: linear(0, 0.2544, 0.6825, 0.9908, 1.1163, 1.1146, 1.0635, 1.0154, 0.9897, 0.9841, 0.9889, 0.9957, 1.0002, 1.0019, 1.0018, 1.0009, 1.0002, 1); --settle: 550ms; --ease-tick: linear(0, 0.347, 0.7676, 0.9735, 1.0268, 1.0223, 1.0093, 1.0018, 0.9994, 1, 0.9996, 1); --tick: 350ms; --register: 1.4px 1.1px; --craft-fast: var(--fast); --craft-normal: var(--quick); --craft-smooth: var(--settled); --craft-spring: var(--settled); --craft-slow: var(--settled); --craft-ease-in-out: var(--ease-move); --craft-ease-out: var(--ease-out); --craft-emphasized: var(--ease-state); --edge-glass: 1px solid var(--glass-hair); --seat: var(--ghost); --grip: 1px solid var(--ink) }
:root .paper { background-color: var(--paper); color: var(--ink) }
:root .overprint { mix-blend-mode: multiply }
:root .misregistered { transform: translate(var(--registration), var(--registration)) }
:root [data-material="bench"] { --paper: #ffffff; --registration: 0.00px; --grain: 0.000; --ink-black: #000000; --on-black: #262626; --ink-slate: #a0aabf; --on-slate: #aeb7c9; --ink-signal-yellow: #ffd400; --on-signal-yellow: #ffda26; --ink-vermilion: #c8402c; --on-vermilion: #d05d4c; --black-over-slate: #1a1b1e; --black-over-signal-yellow: #262106; --slate-over-signal-yellow: #ae9d1e; --black-over-slate-over-signal-yellow: #1a1705; --black-over-vermilion: #1f0e0b; --slate-over-vermilion: #8e423c; --black-over-slate-over-vermilion: #150a09; --signal-yellow-over-vermilion: #d04f0b; --black-over-signal-yellow-over-vermilion: #1f0c02; --slate-over-signal-yellow-over-vermilion: #8e3909; --black-over-slate-over-signal-yellow-over-vermilion: #150901; --ink: #262626; --muted: #616161; --rule: #949494; --ghost: #ededed; --tint: #fafafa; --ground: #ededed; --hair: #aeb7c9; --shade: #1a1b1e; --lift: #0000001a; --flag: #ffd400; --cast-contact: #2626261f; --cast-near: #26262614; --cast-far: #2626260d; --scrim: #2626263d; --veil: #ffffffb8; --glass-hair: #aeb7c999; --on-plane: #262626; --catch-light: 0 0% 100%; --edge-card: #26262614; --edge-sheet: #26262624; --top-light: inset 0 1px 0 hsl(var(--catch-light) / 0.85); --under: inset 0 -1px 0 var(--cast-near); --contact: 0 0 0 1px var(--edge-card); --lift-key: 0 1px 0 var(--cast-contact), 0 2px 2px var(--cast-near), 0 3px 5px var(--cast-far); --pressed: inset 0 2px 3px var(--cast-contact), inset 0 1px 1px var(--cast-near), inset 0 -1px 0 hsl(var(--catch-light) / 0.55); --well: inset 0 2px 3px var(--cast-contact), inset 0 1px 1px var(--cast-near), inset 0 4px 8px var(--cast-far), inset 0 -1px 0 hsl(var(--catch-light) / 0.7), 0 0 0 1px var(--edge-sheet); --sheet: color-mix(in srgb, var(--paper) 35%, var(--ground)); --sheet-bright: color-mix(in srgb, var(--paper) 55%, var(--sheet)); --key-face: var(--sheet-bright); --key-down: color-mix(in srgb, var(--ground) 40%, var(--sheet)); --mark-lift: color-mix(in srgb, var(--mark) 90%, var(--paper)); --note-face: color-mix(in srgb, var(--ink) 4%, var(--paper)); --note-ink: var(--ink); --note-edge: color-mix(in srgb, var(--ink) 12%, transparent); --tone-plain: #000000; --tone-name: #191919ff; --tone-type: #424242; --tone-number: #424242; --tone-string: #616161; --tone-comment: #757575; --tone-punctuation: #6b6b6b; --tone-keyword: #a03323; --tone-added: #f0f0f0; --tone-removed: #faecea; --mark: #c8402c; --mark-ghost: #f8e8e6; --on-mark: #ffffff; --on-flag: #262626; --face: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --figures: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --prose: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --type-1-down: 12px; --type-0: 15px; --type-1: 18.75px; --type-2: 23.44px; --type-3: 29.3px; --type-4: 36.62px; --tracking-1-down: 0.0071em; --tracking-0: 0em; --tracking-1: -0.0071em; --tracking-2: -0.0142em; --tracking-3: -0.0213em; --tracking-4: -0.0283em; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-1: 4px; --radius-2: 8px; --radius-3: 12px; --radius-4: 16px; --radius-round: 999px; --row: 64px; --blur: blur(12px) saturate(1.15) }
:root .bench { --paper: #ffffff; --registration: 0.00px; --grain: 0.000; --ink-black: #000000; --on-black: #262626; --ink-slate: #a0aabf; --on-slate: #aeb7c9; --ink-signal-yellow: #ffd400; --on-signal-yellow: #ffda26; --ink-vermilion: #c8402c; --on-vermilion: #d05d4c; --black-over-slate: #1a1b1e; --black-over-signal-yellow: #262106; --slate-over-signal-yellow: #ae9d1e; --black-over-slate-over-signal-yellow: #1a1705; --black-over-vermilion: #1f0e0b; --slate-over-vermilion: #8e423c; --black-over-slate-over-vermilion: #150a09; --signal-yellow-over-vermilion: #d04f0b; --black-over-signal-yellow-over-vermilion: #1f0c02; --slate-over-signal-yellow-over-vermilion: #8e3909; --black-over-slate-over-signal-yellow-over-vermilion: #150901; --ink: #262626; --muted: #616161; --rule: #949494; --ghost: #ededed; --tint: #fafafa; --ground: #ededed; --hair: #aeb7c9; --shade: #1a1b1e; --lift: #0000001a; --flag: #ffd400; --cast-contact: #2626261f; --cast-near: #26262614; --cast-far: #2626260d; --scrim: #2626263d; --veil: #ffffffb8; --glass-hair: #aeb7c999; --on-plane: #262626; --catch-light: 0 0% 100%; --edge-card: #26262614; --edge-sheet: #26262624; --top-light: inset 0 1px 0 hsl(var(--catch-light) / 0.85); --under: inset 0 -1px 0 var(--cast-near); --contact: 0 0 0 1px var(--edge-card); --lift-key: 0 1px 0 var(--cast-contact), 0 2px 2px var(--cast-near), 0 3px 5px var(--cast-far); --pressed: inset 0 2px 3px var(--cast-contact), inset 0 1px 1px var(--cast-near), inset 0 -1px 0 hsl(var(--catch-light) / 0.55); --well: inset 0 2px 3px var(--cast-contact), inset 0 1px 1px var(--cast-near), inset 0 4px 8px var(--cast-far), inset 0 -1px 0 hsl(var(--catch-light) / 0.7), 0 0 0 1px var(--edge-sheet); --sheet: color-mix(in srgb, var(--paper) 35%, var(--ground)); --sheet-bright: color-mix(in srgb, var(--paper) 55%, var(--sheet)); --key-face: var(--sheet-bright); --key-down: color-mix(in srgb, var(--ground) 40%, var(--sheet)); --mark-lift: color-mix(in srgb, var(--mark) 90%, var(--paper)); --note-face: color-mix(in srgb, var(--ink) 4%, var(--paper)); --note-ink: var(--ink); --note-edge: color-mix(in srgb, var(--ink) 12%, transparent); --tone-plain: #000000; --tone-name: #191919ff; --tone-type: #424242; --tone-number: #424242; --tone-string: #616161; --tone-comment: #757575; --tone-punctuation: #6b6b6b; --tone-keyword: #a03323; --tone-added: #f0f0f0; --tone-removed: #faecea; --mark: #c8402c; --mark-ghost: #f8e8e6; --on-mark: #ffffff; --on-flag: #262626; --face: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --figures: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --prose: Geist, 'Geist Fallback', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif; --type-1-down: 12px; --type-0: 15px; --type-1: 18.75px; --type-2: 23.44px; --type-3: 29.3px; --type-4: 36.62px; --tracking-1-down: 0.0071em; --tracking-0: 0em; --tracking-1: -0.0071em; --tracking-2: -0.0142em; --tracking-3: -0.0213em; --tracking-4: -0.0283em; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-1: 4px; --radius-2: 8px; --radius-3: 12px; --radius-4: 16px; --radius-round: 999px; --row: 64px; --blur: blur(12px) saturate(1.15) }
:where(:root [data-material="bench"]) { position: relative; isolation: isolate; background-color: var(--paper) }
:root [data-material="bench"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.900' numOctaves='3' seed='379' stitchTiles='stitch'/%3E%3CfeColorMatrix result='grain' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.000 0 0 0 0.000'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035 0.4' numOctaves='2' seed='380' stitchTiles='stitch'/%3E%3CfeColorMatrix result='fibre' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.090 0 0 0 -0.180'/%3E%3CfeMerge%3E%3CfeMergeNode in='grain'/%3E%3CfeMergeNode in='fibre'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23p)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; opacity: var(--grain-strength, 1) }
:where(:root .bench) { position: relative; isolation: isolate; background-color: var(--paper) }
:root .bench::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.900' numOctaves='3' seed='379' stitchTiles='stitch'/%3E%3CfeColorMatrix result='grain' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.000 0 0 0 0.000'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035 0.4' numOctaves='2' seed='380' stitchTiles='stitch'/%3E%3CfeColorMatrix result='fibre' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.090 0 0 0 -0.180'/%3E%3CfeMerge%3E%3CfeMergeNode in='grain'/%3E%3CfeMergeNode in='fibre'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23p)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; opacity: var(--grain-strength, 1) }
:where(:root) { color-scheme: light; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior: none; --safe-top: env(safe-area-inset-top, 0px); --safe-right: env(safe-area-inset-right, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px) }
:where(body) { overscroll-behavior: none }
:where(a, button, summary, label, select, [role="button"], [role="tab"], [role="menuitem"], [role="option"]) { touch-action: manipulation }
:where(button, summary, [role="button"], [role="tab"], [role="menuitem"], .frame-side) { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none }
:where(input, textarea, select) { touch-action: manipulation }
:where(#app:not(:has(> .frame))) { padding-top: var(--safe-top); padding-right: var(--safe-right); padding-bottom: var(--safe-bottom); padding-left: var(--safe-left) }
@view-transition { navigation: auto }
:where(:root[data-going]) :where(#__app-page, main#app) { background-color: var(--page-ground, var(--paper)) }
:where(.app-connection) { position: fixed; left: 0; right: 0; bottom: calc(var(--reserved-bottom, 0px) + var(--safe-bottom)); z-index: calc(var(--sheet-over, 30) + 1); box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: var(--space-1) var(--space-3); padding: var(--space-2) var(--space-4); border-top: 1px solid var(--rule); background-color: var(--paper); color: var(--ink); font-family: var(--prose); font-size: var(--type-1-down); line-height: 1.45; text-align: center; user-select: none; translate: 0 0; opacity: 1; transition: translate var(--quick) var(--ease-out), opacity var(--quick) var(--ease-out) }
:where(.app-connection[data-state="away"]) { translate: 0 calc(100% + var(--reserved-bottom, 0px) + var(--safe-bottom)); opacity: 0; transition: translate var(--quick) var(--ease-out), opacity var(--quick) var(--ease-out) }
:where(.app-connection) :where(.app-connection-press) { margin: 0; padding: 0; border: 0; background: none; color: var(--ink); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer }
:where(.app-connection) :where(.app-connection-press):disabled { cursor: default; opacity: 0.6 }
:where(#app) { container-type: inline-size }
.c-button { font: inherit; font-family: var(--face); font-size: var(--type-1-down); font-weight: 500; color: var(--paper); background-color: var(--ink); border: 1px solid var(--ink); border-radius: var(--radius-1, 4px); padding: var(--space-2) var(--space-4); align-self: start; justify-self: start; cursor: pointer; text-align: left; overflow-wrap: break-word; display: inline-grid; justify-items: start; align-items: center; position: relative; transition: color var(--fast) var(--ease-state), background-color var(--fast) var(--ease-state), border-color var(--fast) var(--ease-state), scale var(--fast) var(--ease-out); min-height: var(--space-6); min-width: var(--space-6) }
.c-button> * { grid-area: 1 / 1 }
@media (hover: hover) and (pointer: fine) {
  .c-button:hover { color: var(--on-mark); background-color: var(--mark); border-color: var(--mark) }
}
.c-button:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-button:active { scale: 0.97 }
.c-button--quiet { color: var(--ink); background-color: transparent; border-color: transparent; border-radius: var(--radius-1, 4px); padding: var(--space-1) var(--space-2) }
@media (hover: hover) and (pointer: fine) {
  .c-button--quiet:hover { background-color: var(--mark-ghost); border-color: var(--mark-ghost); color: var(--ink) }
}
.c-button--quiet:active { scale: 0.97 }
.c-button--grave { color: var(--mark); background-color: transparent; border-color: transparent; border-radius: var(--radius-1, 4px); padding: var(--space-1) var(--space-2) }
@media (hover: hover) and (pointer: fine) {
  .c-button--grave:hover { background-color: var(--mark-ghost); border-color: var(--mark-ghost); color: var(--mark) }
}
.c-button--grave:active { scale: 0.97 }
.c-button--shed { color: var(--muted); background-color: var(--ghost); border-color: transparent; padding: var(--space-1) var(--space-2) var(--space-1) 0; border-radius: 0 var(--radius-1, 4px) var(--radius-1, 4px) 0; margin-left: -2px; min-width: 0; min-height: 0; justify-items: center; font-size: var(--type-1-down); line-height: 1; transition: color var(--fast) var(--ease-state), background-color var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-button--shed:hover { color: var(--ink); background-color: var(--mark-ghost); border-color: transparent }
}
.c-button--shed:active { scale: 0.97 }
.c-button:disabled { cursor: default; color: var(--muted); background-color: var(--ghost); border-color: var(--rule) }
@media (hover: hover) and (pointer: fine) {
  .c-button:disabled:hover { cursor: default; color: var(--muted); background-color: var(--ghost); border-color: var(--rule) }
}
.c-button:disabled:active { scale: none }
.c-button--working { cursor: progress }
.c-button:is([aria-busy="true"], form[aria-busy="true"] button[type="submit"]) { cursor: progress }
.c-button-held { visibility: hidden }
.c-button-waited { font-family: var(--figures); font-variant-numeric: tabular-nums; white-space: nowrap }
.c-button-steps { font-family: var(--face); font-size: var(--type-1-down); color: var(--muted); align-self: center }
.c-button-steps > summary { cursor: pointer; min-height: var(--space-6); min-width: var(--space-6) }
.c-button-steps ol { margin: 0; padding: var(--space-1) var(--space-4); list-style: none }
.c-button-said { font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); background-color: var(--mark-ghost); padding: var(--space-1) var(--space-2); align-self: center }
.c-button::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background-color: currentColor; clip-path: inset(calc(100% - 2px) 0 0 0); pointer-events: none; opacity: 0 }
.c-button--working::after { opacity: 1; transition: opacity var(--quick) var(--ease-out); animation-name: button-working; animation-duration: 700ms; animation-timing-function: linear; animation-iteration-count: infinite }
.c-button:is([aria-busy="true"], form[aria-busy="true"] button[type="submit"])::after { opacity: 1; transition: opacity var(--quick) var(--ease-out); animation-name: button-working; animation-duration: 700ms; animation-timing-function: linear; animation-iteration-count: infinite }
[data-waiting] .c-button { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-button:empty { min-height: 1lh; padding-inline: 3ch }
.c-text { font-family: var(--face); font-size: var(--type-0); color: var(--ink); margin: 0; overflow-wrap: anywhere }
.c-text--muted { color: var(--muted) }
.c-text--mark { color: var(--ink); background-color: var(--mark-ghost); box-shadow: 0 0 0 2px var(--mark-ghost) }
.c-text--label { color: var(--muted); font-size: var(--type-1-down); text-transform: uppercase; letter-spacing: 0.08em }
.c-text--figures { font-family: var(--figures); font-size: var(--type-1-down); font-variant-numeric: tabular-nums }
.c-text--fit-wrap { overflow-wrap: break-word }
.c-text--fit-break { overflow-wrap: anywhere; word-break: break-word }
.c-text--fit-clip { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.c-text--fit-whole { white-space: nowrap }
.c-text--fit-scroll { display: block; min-width: 0; max-width: 100%; white-space: nowrap; overflow-x: auto }
[data-waiting] .c-text { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-text:empty { min-height: 1lh; padding-inline: 3ch }
.c-input { font: inherit; font-family: var(--face); font-size: var(--type-0); color: var(--ink); background-color: transparent; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; padding: var(--space-2) 0; min-height: var(--space-6); min-width: var(--space-6) }
.c-input:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px; border-bottom-color: var(--mark) }
[data-waiting] .c-input { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-input:empty { min-height: 1lh; padding-inline: 3ch }
.c-heading { font-family: var(--face); font-weight: 600; letter-spacing: -0.02em; color: var(--ink); margin: 0; overflow-wrap: anywhere }
.c-heading--fit-wrap { overflow-wrap: break-word }
.c-heading--fit-break { overflow-wrap: anywhere; word-break: break-word }
.c-heading--fit-clip { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.c-heading--fit-whole { white-space: nowrap }
.c-heading--fit-scroll { display: block; min-width: 0; max-width: 100%; white-space: nowrap; overflow-x: auto }
[data-waiting] .c-heading { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-heading:empty { min-height: 1lh; padding-inline: 3ch }
.c-link { font-family: var(--face); font-size: var(--type-0); color: var(--ink); text-decoration-color: var(--rule); text-underline-offset: 3px; overflow-wrap: anywhere }
@media (hover: hover) and (pointer: fine) {
  .c-link:hover { text-decoration-color: var(--mark) }
}
.c-link:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-link--muted { color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .c-link--muted:hover { color: var(--ink) }
}
.c-link--here { color: var(--ink); text-decoration-color: var(--mark); text-decoration-thickness: 2px; font-weight: 500 }
.c-link--chip:has(+ .c-form .c-button--shed) { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: var(--space-1) }
.c-link--chip { font-size: var(--type-1-down); background-color: var(--ghost); border-radius: var(--radius-1); padding: var(--space-1) var(--space-2); text-decoration-line: none; white-space: nowrap; transition: background-color var(--fast) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-link--chip:hover { background-color: var(--mark-ghost) }
}
.c-link--working { text-decoration-color: var(--mark); text-decoration-thickness: 2px }
@media (hover: hover) and (pointer: fine) {
  .c-link--working:hover { text-decoration-color: var(--mark); text-decoration-thickness: 2px }
}
.c-link--fit-wrap { overflow-wrap: break-word }
.c-link--fit-break { overflow-wrap: anywhere; word-break: break-word }
.c-link--fit-clip { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.c-link--fit-whole { white-space: nowrap }
.c-link--fit-scroll { display: block; min-width: 0; max-width: 100%; white-space: nowrap; overflow-x: auto }
[data-waiting] .c-link { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-link:empty { min-height: 1lh; padding-inline: 3ch }
.c-more { font-family: var(--face); font-size: var(--type-0); color: var(--ink); display: block; box-sizing: border-box; width: 100%; min-height: var(--space-12); padding: var(--space-4); border-top: 1px solid var(--rule); text-align: center; text-decoration: none }
@media (hover: hover) and (pointer: fine) {
  .c-more:hover { background-color: var(--ghost) }
}
.c-more:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-more--working { color: var(--muted); border-color: var(--rule) }
@media (hover: hover) and (pointer: fine) {
  .c-more--working:hover { color: var(--muted); border-color: var(--rule) }
}
[data-waiting] .c-more { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-more:empty { min-height: 1lh; padding-inline: 3ch }
.c-group { box-sizing: border-box }
.c-group--row { display: flex; flex-direction: row; flex-wrap: wrap }
.c-group--row.c-group--nowrap { flex-wrap: nowrap }
.c-group--column { display: flex; flex-direction: column }
.c-group--wide { flex: 1; min-width: 0 }
.c-group--gap-xs { gap: var(--space-1) }
.c-group--gap-sm { gap: var(--space-2) }
.c-group--gap-md { gap: var(--space-4) }
.c-group--gap-lg { gap: var(--space-8) }
.c-group--align-start { align-items: flex-start }
.c-group--align-center { align-items: center }
.c-group--align-end { align-items: flex-end }
.c-group--align-baseline { align-items: baseline }
.c-group--align-between { justify-content: space-between }
.c-group--align-stretch { align-items: stretch }
.c-group--padding-xs { padding: var(--space-1) }
.c-group--padding-sm { padding: var(--space-2) }
.c-group--padding-md { padding: var(--space-4) }
.c-group--padding-lg { padding: var(--space-8) }
.c-group--border-top { border-top: 1px solid var(--hair) }
.c-group--border-bottom { border-bottom: 1px solid var(--hair) }
.c-group--border-double-top { border-top: 3px double var(--hair) }
.c-group--border-double-bottom { border-bottom: 3px double var(--hair) }
.c-group--overflow-scroll { max-width: 100%; min-width: 0; overflow-x: auto }
.c-group--overflow-clip { max-width: 100%; min-width: 0; overflow-x: hidden }
.c-group--overflow-scroll:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-group--overflow-clip:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-group--holds-many > * { contain-intrinsic-height: var(--row, 4rem); contain-intrinsic-size: auto var(--row, 4rem); content-visibility: auto }
.c-group--holds-reading { --aside: 0.25 }
.c-group--holds-reading > * { contain-intrinsic-height: var(--row, 4rem); contain-intrinsic-size: auto var(--row, 4rem); content-visibility: auto; animation-name: group-reading; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: cover 35% cover 65% }
.c-image { display: block; max-width: 100%; height: auto; background-color: var(--ghost, transparent); aspect-ratio: auto; object-fit: contain }
.c-image--wide { aspect-ratio: 16 / 9 }
.c-image--screen { aspect-ratio: 16 / 10 }
.c-image--square { aspect-ratio: 1 / 1 }
.c-image--tall { aspect-ratio: 4 / 5 }
.c-image--fills { object-fit: cover; width: 100% }
.c-image--bordered { border: 1px solid var(--rule) }
.c-image--place { align-items: center; border: 1px dashed var(--hair); color: var(--muted); display: flex; font-size: var(--type-1-down); justify-content: center; min-height: var(--space-16); padding: var(--space-4); text-align: center; text-wrap: balance }
[data-waiting] .c-image { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-image:empty { min-height: 1lh; padding-inline: 3ch }
.c-form { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 }
.c-form--column { flex-direction: column; flex-wrap: nowrap }
.c-form--gap-xs { gap: var(--space-1) }
.c-form--gap-sm { gap: var(--space-2) }
.c-form--gap-md { gap: var(--space-4) }
.c-form--gap-lg { gap: var(--space-8) }
.c-form--align-start { align-items: flex-start }
.c-form--align-center { align-items: center }
.c-form--align-end { align-items: flex-end }
.c-form--align-baseline { align-items: baseline }
.c-form--align-stretch { align-items: stretch }
.c-form--working { cursor: progress }
.c-form-doing { font-family: var(--face); font-size: var(--type-1-down); color: var(--muted); margin: 0; align-self: center }
.c-form:not(.c-form--column) > .c-form-doing { flex-basis: 100% }
.c-form-waited { font-family: var(--figures); font-variant-numeric: tabular-nums; white-space: nowrap }
.c-form-steps { font-family: var(--face); font-size: var(--type-1-down); color: var(--muted); align-self: center }
.c-form-steps ol { margin: 0; padding: var(--space-1) var(--space-4); list-style: none }
.c-form-said { font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); background-color: var(--mark-ghost); padding: var(--space-1) var(--space-2); margin: 0; align-self: center; overflow-wrap: break-word }
[data-waiting] .c-form { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-form:empty { min-height: 1lh; padding-inline: 3ch }
.c-field { display: flex; flex-direction: column; gap: var(--space-1); font-family: var(--face); font-size: var(--type-1-down); color: var(--muted) }
.c-field input { font: inherit; font-family: var(--face); font-size: var(--type-0); letter-spacing: 0; text-transform: none; color: var(--ink); background-color: var(--tint); border: 0; border-radius: var(--radius-2); box-shadow: inset 0 0 0 1px var(--edge-sheet); box-sizing: border-box; padding: calc(var(--space-2) + 2px) var(--space-3); transition: box-shadow 90ms cubic-bezier(0.32, 0.72, 0, 1), background-color 90ms cubic-bezier(0.32, 0.72, 0, 1); min-height: var(--space-6); min-width: var(--space-6) }
@media (hover: hover) and (pointer: fine) {
  .c-field input:hover { background-color: var(--ghost) }
}
.c-field input:focus-visible { background-color: var(--paper); box-shadow: inset 0 0 0 2px var(--mark); outline: none }
.c-field-said { font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); background-color: var(--mark-ghost); padding: var(--space-1) var(--space-2); overflow-wrap: break-word }
[data-waiting] .c-field { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-field:empty { min-height: 1lh; padding-inline: 3ch }
.c-choice { display: flex; flex-direction: column; gap: var(--space-1); font-family: var(--face); font-size: var(--type-1-down); color: var(--muted) }
.c-choice select { font: inherit; font-family: var(--face); font-size: var(--type-0); letter-spacing: 0; text-transform: none; color: var(--ink); background-color: var(--tint); border: 0; border-radius: var(--radius-2); box-shadow: inset 0 0 0 1px var(--edge-sheet); box-sizing: border-box; padding: calc(var(--space-2) + 2px) var(--space-3); transition: box-shadow 90ms cubic-bezier(0.32, 0.72, 0, 1), background-color 90ms cubic-bezier(0.32, 0.72, 0, 1); min-height: var(--space-6); min-width: var(--space-6); appearance: none; padding-inline-end: var(--space-6) }
@media (hover: hover) and (pointer: fine) {
  .c-choice select:hover { background-color: var(--ghost) }
}
.c-choice select:focus-visible { background-color: var(--paper); box-shadow: inset 0 0 0 2px var(--mark); outline: none }
.c-choice-menu { display: inline-grid; position: relative; color: var(--muted) }
.c-choice-menu::after { content: ""; position: absolute; inset-inline-end: var(--space-3); top: 50%; padding: 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none }
.c-choice-menu > select { color: var(--ink); width: 100% }
[data-waiting] .c-choice { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-choice:empty { min-height: 1lh; padding-inline: 3ch }
.c-source { display: flex; flex-direction: column; gap: var(--space-2); flex: 1; width: 100%; min-width: 0 }
.c-source > span { font-family: var(--figures); font-size: var(--type-1-down); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted) }
.c-source textarea { font: inherit; width: 100%; box-sizing: border-box; font-family: var(--figures); font-size: var(--type-1-down); line-height: 1.6; color: var(--ink); background-color: var(--ghost); border: 1px solid var(--rule); border-radius: 0; padding: var(--space-4); resize: vertical; white-space: pre; overflow-wrap: normal; overflow-x: auto; tab-size: 2 }
.c-source textarea:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px; border-color: var(--ink) }
[data-waiting] .c-source { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-source:empty { min-height: 1lh; padding-inline: 3ch }
.c-mark { font-family: var(--figures); white-space: pre; tab-size: 2; color: var(--tone-plain) }
.c-mark--keyword { color: var(--tone-keyword) }
.c-mark--name { color: var(--tone-name) }
.c-mark--type { color: var(--tone-type) }
.c-mark--string { color: var(--tone-string) }
.c-mark--number { color: var(--tone-number) }
.c-mark--comment { color: var(--tone-comment) }
.c-mark--punctuation { color: var(--tone-punctuation) }
.c-mark--gutter { color: var(--muted); user-select: none; text-align: right; min-width: var(--space-12); padding-right: var(--space-4); flex-shrink: 0 }
[data-waiting] .c-mark { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-mark:empty { min-height: 1lh; padding-inline: 3ch }
.c-changed { display: flex; align-items: baseline; font-family: var(--figures); font-size: var(--type-1-down); line-height: 1.7; color: var(--ink) }
.c-changed--added { background-color: var(--tone-added) }
.c-changed--removed { background-color: var(--tone-removed) }
.c-changed .side { color: var(--rule); user-select: none; text-align: right; min-width: var(--space-8); padding-right: var(--space-2); flex-shrink: 0 }
.c-changed .sign { color: var(--muted); user-select: none; min-width: var(--space-4); flex-shrink: 0 }
.c-changed .said { white-space: pre; tab-size: 2; min-width: 0 }
[data-waiting] .c-changed { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-changed:empty { min-height: 1lh; padding-inline: 3ch }
.c-diagram { display: block; width: 100%; height: auto; max-width: 100% }
.c-diagram .box { fill: var(--paper); stroke: var(--rule) }
.c-diagram .box-marked { stroke: var(--mark) }
.c-diagram .says { font-family: var(--figures); font-size: 12px; fill: var(--ink) }
.c-diagram .says-marked { fill: var(--mark) }
.c-diagram .wire { fill: none; stroke: var(--rule) }
.c-diagram .head { fill: var(--rule); stroke: none }
.c-diagram .aside { font-family: var(--figures); font-size: 11px; fill: var(--muted) }
.c-chart { display: block; width: 100%; height: auto; max-width: 100% }
.c-chart .title { font-family: var(--face); font-size: 13px; fill: var(--ink) }
.c-chart .bar { fill: var(--ink) }
.c-chart .bar-marked { fill: var(--mark) }
.c-chart .trace { fill: none; stroke: var(--ink); stroke-width: 1.5 }
.c-chart .dot { fill: var(--mark) }
.c-chart .ground { stroke: var(--rule) }
.c-chart .axis { font-family: var(--figures); font-size: 10px; fill: var(--muted) }
.c-state { display: inline-flex; align-items: baseline; gap: var(--space-1); font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); overflow-wrap: anywhere }
.c-state--bad .c-state-sign { color: var(--mark) }
.c-state--working { color: var(--muted) }
.c-state--waiting { color: var(--muted) }
.c-state--unknown { color: var(--muted) }
.c-state-sign { font-family: var(--figures); line-height: 1; flex-shrink: 0 }
.c-state-said { min-width: 0 }
[data-waiting] .c-state { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-state:empty { min-height: 1lh; padding-inline: 3ch }
.c-fold { font-family: var(--face); font-size: var(--type-0); color: var(--ink) }
.c-fold > summary { font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); padding: var(--space-1) var(--space-2); cursor: pointer; min-height: var(--space-6); min-width: var(--space-6); overflow-wrap: anywhere }
@media (hover: hover) and (pointer: fine) {
  .c-fold > summary:hover { background-color: var(--ghost) }
}
.c-fold > summary:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-fold[open] > summary { border-bottom: 1px solid var(--rule) }
[data-waiting] .c-fold { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-fold:empty { min-height: 1lh; padding-inline: 3ch }
.c-table { max-width: 100%; min-width: 0; overflow-x: auto }
.c-table > table { border-collapse: collapse; width: 100% }
.c-table th { text-align: left; vertical-align: baseline }
.c-table td { vertical-align: baseline }
.c-table thead th { font-family: var(--figures); font-size: var(--type-1-down); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; padding: 0 var(--space-4) var(--space-2) 0; border-bottom: 1px solid var(--rule) }
.c-table tbody td { padding: var(--space-3) var(--space-4) var(--space-3) 0; border-bottom: 1px solid var(--hair) }
.c-table tbody th { padding: var(--space-3) var(--space-4) var(--space-3) 0; border-bottom: 1px solid var(--hair); font-weight: 400 }
.c-table th:last-child { padding-right: 0 }
.c-table td:last-child { padding-right: 0 }
.c-table:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
[data-waiting] .c-table { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-table:empty { min-height: 1lh; padding-inline: 3ch }
@media (hover: hover) and (pointer: fine) {
  .c-row:hover { background-color: var(--tint) }
}
.c-row:focus-within { background-color: var(--tint) }
.c-row .c-link { text-decoration-line: none }
@media (hover: hover) and (pointer: fine) {
  .c-row .c-link:hover { text-decoration-line: underline }
}
.c-row .c-row__offers { text-align: right; white-space: nowrap; opacity: 0; translate: 2px 0; transition: opacity 90ms cubic-bezier(0.32, 0.72, 0, 1), translate 90ms cubic-bezier(0.32, 0.72, 0, 1) }
@media (hover: hover) and (pointer: fine) {
  .c-row:hover .c-row__offers { opacity: 1; translate: 0; transition: opacity 140ms cubic-bezier(0.32, 0.72, 0, 1), translate 140ms cubic-bezier(0.32, 0.72, 0, 1) }
}
.c-row:focus-within .c-row__offers { opacity: 1; translate: 0; transition: opacity 140ms cubic-bezier(0.32, 0.72, 0, 1), translate 140ms cubic-bezier(0.32, 0.72, 0, 1) }
.c-prose { --prose-edge: var(--space-4); --prose-gutter: minmax(var(--prose-edge), 1fr); --prose-column: min(68ch, 100% - var(--prose-edge) * 2); color: var(--ink); display: grid; font-family: var(--prose); font-size: var(--type-0); grid-template-columns: [full-start] var(--prose-gutter) [text-start] var(--prose-column) [text-end] var(--prose-gutter) [full-end]; line-height: 1.6; row-gap: var(--space-6); text-wrap: pretty }
.c-prose--wide { --prose-column: min(96ch, 100% - var(--prose-edge) * 2) }
.c-prose--full { --prose-edge: 0px; --prose-column: 1fr }
.c-prose > * { grid-column: text }
.c-prose > .c-code { grid-column: full }
.c-prose > .c-table { grid-column: full }
.c-prose > .c-chart { grid-column: full }
.c-prose > .c-diagram { grid-column: full }
.c-prose > .c-heading { margin-block-start: var(--space-6) }
.c-prose > .c-rule { margin-inline: auto; max-width: 4rem }
.c-prose > :first-child { margin-block-start: 0 }
.c-prose .c-text { font-family: var(--prose) }
.c-prose .c-heading { font-family: var(--face); text-wrap: balance }
.c-prose h1.c-heading { font-size: var(--type-3); line-height: 1.15 }
.c-prose h2.c-heading { font-size: var(--type-1); line-height: 1.25 }
.c-prose h3.c-heading { font-size: var(--type-0); letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase }
.c-prose h4.c-heading { font-size: var(--type-1-down); letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase }
.c-prose h5.c-heading { color: var(--muted); font-size: var(--type-1-down); letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase }
.c-prose h6.c-heading { color: var(--muted); font-size: var(--type-1-down); font-weight: 400; letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase }
.c-prose .c-link { color: inherit; text-decoration-color: var(--rule); text-underline-offset: 3px }
@media (hover: hover) and (pointer: fine) {
  .c-prose .c-link:hover { text-decoration-color: var(--mark); text-decoration-thickness: 2px }
}
.c-prose .c-quote { border-left-color: var(--hair); color: var(--muted) }
.c-prose ul.c-group { display: grid; list-style: disc; padding-inline-start: var(--space-6); row-gap: var(--space-2) }
.c-prose ol.c-group { display: grid; list-style: decimal; padding-inline-start: var(--space-6); row-gap: var(--space-2) }
.c-prose li::marker { color: var(--rule) }
[data-waiting] .c-prose { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-prose:empty { min-height: 1lh; padding-inline: 3ch }
.c-code--inline { background-color: var(--ghost); border-radius: var(--radius-1); color: var(--ink); font-family: var(--figures); font-size: 0.9em; overflow-wrap: break-word; padding: 0.1em 0.3em }
[data-waiting] .c-code--inline { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-code--inline:empty { min-height: 1lh; padding-inline: 3ch }
.c-code--block { background-color: var(--tint); border: 1px solid var(--rule); color: var(--tone-plain); font-family: var(--figures); font-size: var(--type-1-down); line-height: 1.7; margin: 0; max-width: 100%; min-width: 0; padding: var(--space-2) 0; tab-size: 2 }
.c-code--block > code { display: block; font-family: inherit; overflow-x: auto; padding: 0 var(--space-4) }
.c-code--block > code:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-code--block .c-code__name { border-bottom: 1px solid var(--rule); color: var(--muted); display: block; font-family: var(--face); font-size: var(--type-1-down); letter-spacing: 0.08em; margin-bottom: var(--space-2); padding: 0 var(--space-4) var(--space-2); text-transform: uppercase; white-space: normal }
.c-code--block .c-code__line { align-items: baseline; display: flex; min-height: 1lh; white-space: pre }
.c-code--block .c-code__number { color: var(--muted); flex-shrink: 0; min-width: var(--space-12); padding-right: var(--space-4); text-align: right; user-select: none }
.c-code--block [data-tone="keyword"] { color: var(--tone-keyword) }
.c-code--block [data-tone="name"] { color: var(--tone-name) }
.c-code--block [data-tone="type"] { color: var(--tone-type) }
.c-code--block [data-tone="string"] { color: var(--tone-string) }
.c-code--block [data-tone="number"] { color: var(--tone-number) }
.c-code--block [data-tone="comment"] { color: var(--tone-comment) }
.c-code--block [data-tone="punctuation"] { color: var(--tone-punctuation) }
[data-waiting] .c-code--block .c-code__name { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-code--block .c-code__name:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-code--block .c-code__number { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-code--block .c-code__number:empty { min-height: 1lh; padding-inline: 3ch }
.c-quote { border-left: 2px solid var(--rule); color: var(--ink); font-family: var(--prose); margin: 0; padding-left: var(--space-4) }
.c-quote > cite { color: var(--muted); display: block; font-size: var(--type-1-down); font-style: normal; margin-block-start: var(--space-2) }
[data-waiting] .c-quote { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-quote:empty { min-height: 1lh; padding-inline: 3ch }
.c-rule { border: 0; border-top: 1px solid var(--rule); margin: 0 }
.c-tree { font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); margin: 0; padding: 0; list-style: none; max-height: min(60vh, 26rem); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--rule) }
[data-waiting] .c-tree { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-tree:empty { min-height: 1lh; padding-inline: 3ch }
.c-tree__item { display: flex; align-items: center; gap: var(--space-1); min-height: var(--space-6); padding-inline-start: var(--space-2); padding-inline-end: var(--space-2); white-space: nowrap }
.c-tree__item[aria-level="1"] { padding-inline-start: calc(var(--space-2) + 0 * var(--space-4)) }
.c-tree__item[aria-level="2"] { padding-inline-start: calc(var(--space-2) + 1 * var(--space-4)) }
.c-tree__item[aria-level="3"] { padding-inline-start: calc(var(--space-2) + 2 * var(--space-4)) }
.c-tree__item[aria-level="4"] { padding-inline-start: calc(var(--space-2) + 3 * var(--space-4)) }
.c-tree__item[aria-level="5"] { padding-inline-start: calc(var(--space-2) + 4 * var(--space-4)) }
.c-tree__item[aria-level="6"] { padding-inline-start: calc(var(--space-2) + 5 * var(--space-4)) }
.c-tree__item[aria-level="7"] { padding-inline-start: calc(var(--space-2) + 6 * var(--space-4)) }
.c-tree__item[aria-level="8"] { padding-inline-start: calc(var(--space-2) + 7 * var(--space-4)) }
@media (hover: hover) and (pointer: fine) {
  .c-tree__item:hover { background-color: var(--tint) }
}
.c-tree__item:focus-within { background-color: var(--tint) }
.c-tree__item[aria-selected="true"] { background-color: var(--mark-ghost) }
.c-tree__item[aria-selected="true"] > * { font-weight: 500 }
.c-tree__item[aria-disabled="true"] { color: var(--muted) }
[data-waiting] .c-tree__item { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-tree__item:empty { min-height: 1lh; padding-inline: 3ch }
.c-tree__twist { font: inherit; font-family: var(--face); color: var(--muted); background-color: transparent; border: none; padding: 0; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; min-height: var(--space-6); min-width: var(--space-6) }
@media (hover: hover) and (pointer: fine) {
  .c-tree__twist:hover { color: var(--ink) }
}
.c-tree__twist:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-tree__twist .c-tree__twist__mark { font-size: var(--type-1-down) }
[data-waiting] .c-tree__twist .c-tree__twist__mark { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-tree__twist .c-tree__twist__mark:empty { min-height: 1lh; padding-inline: 3ch }
.c-tree__folder { font: inherit; font-family: var(--face); font-size: var(--type-1-down); color: var(--ink); background-color: transparent; border: none; padding: var(--space-1) var(--space-1); text-align: left; cursor: pointer; display: inline-flex; align-items: baseline; gap: var(--space-2); min-height: var(--space-6); min-width: var(--space-6); overflow-wrap: anywhere }
@media (hover: hover) and (pointer: fine) {
  .c-tree__folder:hover { text-decoration-line: underline }
}
.c-tree__folder:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-tree__folder .c-tree__folder__more { color: var(--muted); font-size: var(--type-1-down) }
[data-waiting] .c-tree__folder .c-tree__folder__more { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-tree__folder .c-tree__folder__more:empty { min-height: 1lh; padding-inline: 3ch }
.c-tree__file { font-family: var(--face); font-size: var(--type-1-down); color: var(--muted); padding: var(--space-1) var(--space-1); overflow-wrap: anywhere }
[data-waiting] .c-tree__file { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-tree__file:empty { min-height: 1lh; padding-inline: 3ch }
.c-ask-words { display: grid; gap: var(--space-2); font-family: var(--face); font-size: var(--type-0); line-height: 1.4; color: var(--ink) }
.c-ask-words .c-ask-words__label { display: block; line-height: 1.4 }
.c-ask-words .c-ask-words__box { font: inherit; font-family: var(--face); font-size: var(--type-0); line-height: 1.5; color: var(--ink); background-color: var(--paper); border: 1px solid var(--rule); border-radius: var(--radius-1); padding: var(--space-2) var(--space-3); width: 100%; box-sizing: border-box; min-height: var(--space-8); transition: background-color var(--fast) var(--ease-state) }
.c-ask-words .c-ask-words__box::placeholder { color: var(--rule) }
@media (hover: hover) and (pointer: fine) {
  .c-ask-words .c-ask-words__box:hover { border-color: var(--ink) }
}
.c-ask-words .c-ask-words__box:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px; border-color: var(--mark) }
.c-ask-words textarea.c-ask-words__box { field-sizing: content; min-height: var(--space-16); max-height: 40vh; resize: none }
[data-waiting] .c-ask-words .c-ask-words__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-words .c-ask-words__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-words .c-ask-words__box { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-words .c-ask-words__box:empty { min-height: 1lh; padding-inline: 3ch }
.c-ask-choice { display: grid; gap: var(--space-2); font-family: var(--face); font-size: var(--type-0); line-height: 1.4; color: var(--ink) }
.c-ask-choice .c-ask-choice__label { display: block; line-height: 1.4 }
.c-ask-choice .c-ask-choice__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--space-2) }
.c-ask-choice .c-ask-choice__option { appearance: none; position: relative; display: grid; gap: var(--space-2); align-content: start; text-align: left; font: inherit; font-family: var(--face); font-size: var(--type-1-down); line-height: 1.3; color: var(--muted); background-color: var(--paper); border: 1px solid var(--hair); border-radius: var(--radius-2); padding: var(--space-3); cursor: pointer; box-shadow: var(--laid); translate: 0 0; transition: background-color var(--fast) var(--ease-state), translate var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-ask-choice .c-ask-choice__option:hover { background-color: var(--tint); border-color: var(--rule); translate: 0 -1px }
}
.c-ask-choice .c-ask-choice__option:active { translate: 0 0 }
.c-ask-choice .c-ask-choice__option:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-ask-choice .c-ask-choice__option[data-chosen="true"] { border-color: var(--ink); background-color: var(--tint); box-shadow: var(--laid); color: var(--ink) }
.c-ask-choice .c-ask-choice__option[data-chosen="true"] .c-ask-choice__shown { border-color: var(--rule) }
.c-ask-choice .c-ask-choice__word { line-height: 1.3 }
.c-ask-choice .c-ask-choice__option[data-chosen="true"] .c-ask-choice__word { font-weight: 500 }
.c-ask-choice .c-ask-choice__tick { position: absolute; inset-block-start: var(--space-2); inset-inline-end: var(--space-2); width: var(--space-2); height: var(--space-2); border-radius: var(--radius-2); background-color: var(--mark); opacity: 0; scale: 0.4; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out) }
.c-ask-choice .c-ask-choice__option[data-chosen="true"] .c-ask-choice__tick { opacity: 1; scale: 1 }
.c-ask-choice .c-ask-choice__shown { display: block; aspect-ratio: 16 / 9; border-radius: var(--radius-1); border: 1px solid var(--hair); background-color: var(--ghost); overflow: hidden }
.c-ask-choice .c-ask-choice__shown > * { display: block; width: 100%; height: 100% }
.c-ask-choice .c-ask-choice__shown img { object-fit: cover }
[data-waiting] .c-ask-choice .c-ask-choice__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-choice .c-ask-choice__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-choice .c-ask-choice__option { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-choice .c-ask-choice__option:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-choice .c-ask-choice__word { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-choice .c-ask-choice__word:empty { min-height: 1lh; padding-inline: 3ch }
.c-ask-scale { display: grid; gap: var(--space-2); font-family: var(--face); font-size: var(--type-0); line-height: 1.4; color: var(--ink) }
.c-ask-scale .c-ask-scale__label { display: block; line-height: 1.4 }
.c-ask-scale .c-ask-scale__reading { display: flex; align-items: baseline; gap: var(--space-2); margin: 0; color: var(--muted); font-size: var(--type-1-down) }
.c-ask-scale .c-ask-scale__figure { font-family: var(--figures); font-variant-numeric: tabular-nums; font-size: var(--type-2); letter-spacing: var(--tracking-2); line-height: 1; color: var(--ink) }
.c-ask-scale .c-ask-scale__dial { position: relative; container-type: inline-size; margin-inline: var(--space-2); min-height: var(--space-6); border-radius: var(--radius-1); cursor: pointer; touch-action: none; user-select: none }
.c-ask-scale .c-ask-scale__dial:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-ask-scale .c-ask-scale__fill { position: absolute; inset-inline-start: 0; width: 100%; top: 50%; height: 2px; margin-top: -1px; border-radius: var(--radius-1); background-color: var(--ink); transform-origin: left center; scale: calc(var(--along, 0) / 100) 1; transition: scale var(--fast) var(--ease-state) }
.c-ask-scale .c-ask-scale__thumb { position: absolute; inset-inline-start: 0; top: 50%; width: var(--space-4); height: var(--space-4); border-radius: var(--space-4); background-color: var(--paper); border: 1px solid var(--ink); box-shadow: var(--laid); translate: calc(var(--along, 0) * 1cqw - 50%) -50%; scale: 1; transition: translate var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-ask-scale .c-ask-scale__dial:hover .c-ask-scale__thumb { scale: 1.08 }
}
.c-ask-scale .c-ask-scale__dial[data-dragging="true"] .c-ask-scale__thumb { scale: 1.16; box-shadow: var(--raised) }
.c-ask-scale .c-ask-scale__dial[data-dragging="true"] .c-ask-scale__fill { transition: none }
.c-ask-scale .c-ask-scale__rail { position: absolute; inset-inline: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: var(--radius-1); background-color: var(--ghost); background-image: repeating-linear-gradient(to right, var(--rule) 0 1px, var(--ghost) 1px calc(100% / 9)) }
.c-ask-scale .c-ask-scale__ends { display: flex; justify-content: space-between; gap: var(--space-4); margin: 0; font-size: var(--type-1-down); color: var(--muted) }
[data-waiting] .c-ask-scale .c-ask-scale__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-scale .c-ask-scale__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-scale .c-ask-scale__reading { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-scale .c-ask-scale__reading:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-scale .c-ask-scale__figure { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-scale .c-ask-scale__figure:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-scale .c-ask-scale__ends { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-scale .c-ask-scale__ends:empty { min-height: 1lh; padding-inline: 3ch }
.c-ask-mood { display: grid; gap: var(--space-2); font-family: var(--face); font-size: var(--type-0); line-height: 1.4; color: var(--ink) }
.c-ask-mood .c-ask-mood__label { display: block; line-height: 1.4 }
.c-ask-mood .c-ask-mood__reading { margin: 0; font-size: var(--type-0); line-height: 1.3; color: var(--ink) }
.c-ask-mood .c-ask-mood__dial { position: relative; container-type: inline-size; margin-inline: var(--space-2); min-height: var(--space-6); border-radius: var(--radius-1); cursor: pointer; touch-action: none; user-select: none }
.c-ask-mood .c-ask-mood__dial:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-ask-mood .c-ask-mood__fill { position: absolute; inset-inline-start: 0; width: 100%; top: 50%; height: 2px; margin-top: -1px; border-radius: var(--radius-1); background-color: var(--ink); transform-origin: left center; scale: calc(var(--along, 0) / 100) 1; transition: scale var(--fast) var(--ease-state) }
.c-ask-mood .c-ask-mood__thumb { position: absolute; inset-inline-start: 0; top: 50%; width: var(--space-4); height: var(--space-4); border-radius: var(--space-4); background-color: var(--paper); border: 1px solid var(--ink); box-shadow: var(--laid); translate: calc(var(--along, 0) * 1cqw - 50%) -50%; scale: 1; transition: translate var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-ask-mood .c-ask-mood__dial:hover .c-ask-mood__thumb { scale: 1.08 }
}
.c-ask-mood .c-ask-mood__dial[data-dragging="true"] .c-ask-mood__thumb { scale: 1.16; box-shadow: var(--raised) }
.c-ask-mood .c-ask-mood__dial[data-dragging="true"] .c-ask-mood__fill { transition: none }
.c-ask-mood .c-ask-mood__rail { position: absolute; inset-inline: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: var(--radius-1); background-color: var(--ghost); background-image: repeating-linear-gradient(to right, var(--rule) 0 1px, var(--ghost) 1px calc(100% / 6)) }
.c-ask-mood .c-ask-mood__ends { display: flex; justify-content: space-between; gap: var(--space-4); margin: 0; font-size: var(--type-1-down); color: var(--muted) }
.c-ask-mood .c-ask-mood__ends span[data-near="true"] { color: var(--ink); font-weight: 500 }
[data-waiting] .c-ask-mood .c-ask-mood__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-mood .c-ask-mood__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-mood .c-ask-mood__reading { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-mood .c-ask-mood__reading:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-mood .c-ask-mood__ends { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-mood .c-ask-mood__ends:empty { min-height: 1lh; padding-inline: 3ch }
.c-ask-samples { display: grid; gap: var(--space-2); font-family: var(--face); font-size: var(--type-0); line-height: 1.4; color: var(--ink) }
.c-ask-samples .c-ask-samples__label { display: block; line-height: 1.4 }
.c-ask-samples .c-ask-samples__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: var(--space-2) }
.c-ask-samples .c-ask-samples__option { appearance: none; position: relative; display: grid; gap: var(--space-2); align-content: start; text-align: left; font: inherit; font-family: var(--face); font-size: var(--type-1-down); line-height: 1.3; color: var(--muted); background-color: var(--paper); border: 1px solid var(--hair); border-radius: var(--radius-2); padding: var(--space-3); cursor: pointer; box-shadow: var(--laid); translate: 0 0; transition: background-color var(--fast) var(--ease-state), translate var(--fast) var(--ease-out); grid-template-rows: 1fr auto }
@media (hover: hover) and (pointer: fine) {
  .c-ask-samples .c-ask-samples__option:hover { background-color: var(--tint); border-color: var(--rule); translate: 0 -1px }
}
.c-ask-samples .c-ask-samples__option:active { translate: 0 0 }
.c-ask-samples .c-ask-samples__option:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-ask-samples .c-ask-samples__option[data-chosen="true"] { border-color: var(--ink); background-color: var(--tint); box-shadow: var(--laid); color: var(--ink) }
.c-ask-samples .c-ask-samples__option[data-chosen="true"] .c-ask-samples__shown { border-color: var(--rule) }
.c-ask-samples .c-ask-samples__word { line-height: 1.3 }
.c-ask-samples .c-ask-samples__option[data-chosen="true"] .c-ask-samples__word { font-weight: 500 }
.c-ask-samples .c-ask-samples__tick { position: absolute; inset-block-start: var(--space-2); inset-inline-end: var(--space-2); width: var(--space-2); height: var(--space-2); border-radius: var(--radius-2); background-color: var(--mark); opacity: 0; scale: 0.4; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out) }
.c-ask-samples .c-ask-samples__option[data-chosen="true"] .c-ask-samples__tick { opacity: 1; scale: 1 }
.c-ask-samples .c-ask-samples__shown { display: block; container-type: inline-size; min-height: var(--space-16); max-height: 220px; overflow: hidden; align-self: stretch; padding: var(--space-2); border-radius: var(--radius-1); border: 1px solid var(--hair); background-color: var(--paper); box-shadow: var(--laid); pointer-events: none; contain: content }
[data-waiting] .c-ask-samples .c-ask-samples__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-samples .c-ask-samples__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-samples .c-ask-samples__option { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-samples .c-ask-samples__option:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-ask-samples .c-ask-samples__word { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-ask-samples .c-ask-samples__word:empty { min-height: 1lh; padding-inline: 3ch }
.c-door { --door-round: 28px; --door-round-control: 20px; --door-round-pill: 18px; --door-behind: blur(0.5px) saturate(0.78) opacity(0.44); --door-veil: radial-gradient(
    76% 72% at 50% 46%,
    color-mix(in oklab, var(--ghost) 72%, transparent) 0%,
    color-mix(in oklab, var(--ghost) 58%, transparent) 38%,
    color-mix(in oklab, var(--ghost) 22%, transparent) 72%,
    transparent 100%
  ); --door-glow: radial-gradient(
    closest-side,
    color-mix(in oklab, var(--lit-edge) 34%, transparent) 0%,
    transparent 100%
  ); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; min-height: 100dvh; overscroll-behavior: none; padding-block: var(--space-6) var(--space-16); padding-inline: var(--space-6); position: relative; container-type: inline-size; --deboss: color-mix(in oklab, var(--ink) 52%, transparent); --lit-top: var(--veil); --lit-foot: var(--tint); --lit-edge: var(--veil); --sheen: color-mix(in oklab, var(--on-mark) 26%, var(--mark)); --cast-hair: color-mix(in oklab, var(--ink) 5%, transparent); --cast-near: color-mix(in oklab, var(--ink) 16%, transparent); --cast-far: color-mix(in oklab, var(--ink) 34%, transparent); --trough-cast: color-mix(in oklab, var(--ink) 10%, transparent); --halo: color-mix(in oklab, var(--mark) 15%, transparent); --warm-hair: color-mix(in oklab, var(--ink) 18%, transparent); --mark-cast: color-mix(in oklab, var(--mark) 32%, transparent); --navy: #16244c; --navy-bar: #10204f; --navy-lit: #3d6ab5; --door-stock: var(--ghost); --door-sheet: color-mix(in oklab, var(--paper) 30%, transparent); --door-sheet-lit: linear-gradient(
    180deg,
    color-mix(in oklab, var(--lit-top) 86%, transparent) 0%,
    color-mix(in oklab, var(--paper) 74%, transparent) 38%,
    color-mix(in oklab, var(--lit-foot) 80%, transparent) 100%
  ); --door-face: transparent; --door-frame: transparent; --door-plate-lit: color-mix(in oklab, var(--lit-edge) 90%, transparent); --door-plate-rim: color-mix(in oklab, var(--ink) 7%, transparent); --door-light: var(--lit-edge); --door-dark: transparent; --door-well: var(--tint); --door-well-lit: var(--lit-edge); --door-recess: var(--trough-cast); --door-inner: var(--lit-edge); --door-halo: var(--halo); --door-halo-bad: var(--halo); --door-edge-dark: transparent; --door-edge-light: transparent; --door-over-dark: transparent; --door-over-light: transparent; --door-lit-dark: transparent; --door-lit-light: transparent; --door-bad-dark: transparent; --door-bad-light: transparent; --door-refused: transparent; --door-bar: var(--paper); --door-flood: var(--tint); --door-press-top: var(--sheen); --door-press-edge: var(--sheen); --door-press-side: var(--mark); --door-press-frame: var(--mark); --door-press-dark: transparent; --door-press-ring: 0px; --door-press-cast: var(--mark-cast); --door-cast: var(--cast-hair); --door-lift: var(--cast-near); --door-ambient: var(--cast-far); --door-line: var(--warm-hair); --door-line-under: transparent; --door-shell: color-mix(in oklab, var(--paper) 55%, transparent); --door-shell-edge: color-mix(in oklab, var(--ink) 10%, transparent); --door-shell-dark: color-mix(in oklab, var(--ink) 15%, transparent); --door-shell-cast: var(--cast-near); --door-seat: var(--ghost); --door-seat-over: var(--tint); --door-seat-lit: transparent; --door-seat-frame: transparent; --door-dither: transparent; --door-slider: 1; --door-dwell: var(--fast); --door-nudge: 0px; --door-brand-ink: var(--ink); --door-desk: radial-gradient(
    120% 90% at 50% -10%,
    color-mix(in oklab, var(--paper) 78%, transparent) 0%,
    transparent 62%
  ); --door-rack: var(--paper); --door-rack-edge: var(--warm-hair); --door-rack-dark: var(--warm-hair); --door-rack-lit: var(--lit-edge); --door-rack-shade: transparent; --door-rack-cast: var(--cast-near); --door-bar-lit: none; --door-bar-ink: var(--rule); --door-bar-line: var(--warm-hair); --door-head: var(--paper); --door-head-ink: var(--rule); --door-head-line: var(--warm-hair); --door-head-lit: transparent; --door-band: var(--tint); --door-row-line: transparent; --door-row-ink: var(--muted); --door-row-figure: var(--rule); --door-row-held: var(--rule); --door-here: var(--ghost); --door-here-ink: var(--muted); --door-here-bar: var(--mark); --door-lit: color-mix(in oklab, var(--ink) 12%, transparent); --door-lit-tile: color-mix(in oklab, var(--flag) 66%, var(--paper)); --door-tile: color-mix(in oklab, var(--flag) 46%, var(--paper)); --door-tile-lit: transparent; --door-tile-edge: color-mix(in oklab, var(--ink) 16%, transparent); --door-foot: var(--paper); --door-foot-line: var(--warm-hair); --door-foot-ink: var(--rule); --door-foot-edge: transparent; --door-foot-dark: transparent; --door-blur: blur(22px) saturate(1.7); --door-slider-face: var(--lit-edge); --door-slider-edge: color-mix(in oklab, var(--ink) 8%, transparent); --door-slider-lit: var(--paper); --door-slider-cast: var(--cast-near) }
.c-door .c-door__stock { inset: 0; pointer-events: none; position: fixed; z-index: 0 }
.c-door .c-door__desk { inset: 0; overflow: hidden; position: absolute }
.c-door .c-door__rack { border-radius: var(--door-round-control); border-style: solid; border-width: 1px; box-sizing: border-box; display: flex; flex-direction: column; filter: var(--door-behind); inset-block: var(--space-16) var(--space-4); inset-inline: var(--space-4); overflow: hidden; position: absolute }
.c-door .c-door__bar { align-items: center; display: flex; flex: none; font-family: var(--face); font-size: var(--type-1-down); font-weight: 500; height: 30px; letter-spacing: 0.0071em; margin: 0; padding-inline: var(--space-3) }
.c-door .c-door__head { align-items: center; box-sizing: border-box; display: grid; gap: 0 var(--space-3); grid-template-columns: 14px minmax(0, 1fr) 88px; padding-inline: var(--space-3); border-bottom-style: solid; border-bottom-width: 1px; flex: none; font-family: var(--face); font-size: var(--type-1-down); font-weight: 500; height: 26px; letter-spacing: 0.0071em }
.c-door .c-door__row { align-items: center; box-sizing: border-box; display: grid; gap: 0 var(--space-3); grid-template-columns: 14px minmax(0, 1fr) 88px; padding-inline: var(--space-3); font-family: var(--face); font-size: var(--type-1-down); font-weight: 400; height: 28px; letter-spacing: 0.0071em; position: relative }
.c-door .c-door__head > :nth-child(4) { display: none }
.c-door .c-door__row > :nth-child(4) { display: none }
.c-door .c-door__head > :nth-child(5) { display: none }
.c-door .c-door__row > :nth-child(5) { display: none }
.c-door .c-door__list { flex: 1; min-height: 0; overflow: hidden }
.c-door .c-door__tile { border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; height: 11px; width: 13px }
.c-door .c-door__named { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.c-door .c-door__figure { font-variant-numeric: tabular-nums; text-align: end }
.c-door .c-door__held { text-align: start }
.c-door .c-door__foot { align-items: center; border-top-style: solid; border-top-width: 1px; display: flex; flex: none; font-family: var(--face); font-size: var(--type-1-down); gap: var(--space-1); height: 24px; letter-spacing: 0.0071em; padding: 0 var(--space-1) }
.c-door .c-door__foot .c-door__figure { align-items: center; border-style: solid; border-width: 1px; box-sizing: border-box; display: flex; height: 18px; padding-inline: var(--space-2); text-align: start }
.c-door .c-door__foot .c-door__figure:first-child { flex: 1 }
.c-door .c-door__veil { background-image: var(--door-veil); inset: 0; position: absolute }
.c-door .c-door__glow { background-image: var(--door-glow); block-size: 120%; inline-size: 86%; inset-block-start: -34%; inset-inline-start: -26%; position: absolute; will-change: transform; animation: door-light-drifts 72s var(--ease-move) infinite }
.c-door .c-door__band { align-items: center; display: flex; height: 48px; inset-block-start: 0; inset-inline-start: var(--space-6); position: fixed; z-index: 2 }
.c-door .c-door__brand { font-family: var(--face); font-size: var(--type-0); font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 0 }
.c-door .c-door__plate { border-radius: var(--door-round); border-style: solid; border-width: 1px; box-sizing: border-box; margin-inline: auto; max-width: calc(320px + 2 * var(--space-6)); padding: var(--space-8) var(--space-6); position: relative; width: 100%; z-index: 1 }
.c-door .c-door__column { display: flex; flex-direction: column; gap: var(--space-6); margin-inline: auto; max-width: 320px; width: 100% }
.c-door .c-door__plates { align-items: center; border-radius: var(--door-round-pill); border-style: solid; border-width: 1px; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr; height: 34px; inset-block-start: 7px; inset-inline-end: var(--space-6); padding: 3px; position: fixed; z-index: 2 }
.c-door .c-door__slider { border-radius: var(--door-round-pill); border-style: solid; border-width: 1px; box-sizing: border-box; grid-area: 1 / 1; height: 100%; width: 100% }
.c-door .c-door__seat { appearance: none; background-position: 0 0, 1px 1px; background-size: 2px 2px; border-radius: var(--door-round-pill); border-style: solid; border-width: 1px; cursor: pointer; grid-row: 1; height: 100%; margin: 0; padding-block: 0; padding-inline: var(--space-4); position: relative }
.c-door .c-door__seat[data-seat="linen"] { grid-column: 1 }
.c-door .c-door__seat[data-seat="nineties"] { grid-column: 2 }
.c-door .c-door__word { display: block; font-family: var(--face); font-size: var(--type-1-down); font-weight: 500; letter-spacing: 0.0071em; line-height: 20px }
[data-waiting] .c-door .c-door__bar { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__bar:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-door .c-door__head { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__head:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-door .c-door__row { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__row:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-door .c-door__foot { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__foot:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-door .c-door__brand { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__brand:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-door .c-door__word { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-door .c-door__word:empty { min-height: 1lh; padding-inline: 3ch }
.c-mushroom { display: block; width: 140px; animation: unnamed-mushroom-rise 560ms var(--ease-out) backwards }
.c-mushroom .c-mushroom__plate { display: block; width: 100%; height: auto; overflow: visible; user-select: none }
.c-mushroom .c-mushroom__dot { fill: var(--muted); opacity: 0.7 }
.c-mushroom .c-mushroom__line { fill: none; stroke-linecap: round; stroke: var(--muted); stroke-width: 1; stroke-dasharray: 0.6 3.6 }
.c-mushroom .c-mushroom__grass { fill: none; stroke-linecap: round; stroke: var(--faint); stroke-width: 1.1 }
.c-mushroom .c-mushroom__ground { opacity: 0.4 }
.c-mushroom .c-mushroom__shadow { fill: var(--line); opacity: 0.6 }
.c-mushroom .c-mushroom__sway { transform-origin: 80px 146px; rotate: -4deg; animation: unnamed-mushroom-sway 5.6s ease-in-out infinite alternate }
.c-mushroom .c-mushroom__tilt { transform-origin: 80px 146px; transition: transform var(--settled) var(--ease-state) }
.c-mushroom .c-mushroom__nod { transform-origin: 80px 102px; transition: transform var(--settled) var(--ease-state) }
.c-mushroom .c-mushroom__squash { transform-origin: 80px 102px }
.c-mushroom .c-mushroom__spore { opacity: 0 }
.c-editor-app { display: grid; gap: var(--space-4); padding-block-start: var(--space-1) }
.c-editor-app .c-editor-app__group { display: grid; gap: var(--space-1) }
.c-editor-app .c-editor-app__title { margin: 0 0 var(--space-1); font-size: var(--text-1); font-weight: 600; color: var(--ink) }
.c-editor-app .c-editor-app__row { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--space-2); min-block-size: var(--size-4) }
.c-editor-app .c-editor-app__label { font-size: var(--text-1); color: var(--ink-2) }
.c-editor-app .c-editor-app__value { display: flex; align-items: center; gap: var(--space-2); min-inline-size: 0; overflow: hidden; font-family: var(--mono); font-size: var(--text-1); color: var(--ink); text-overflow: ellipsis; white-space: nowrap }
.c-editor-app .c-editor-app__value input { inline-size: 6rem; block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-0); font-family: var(--mono); font-size: var(--text-1); color: var(--ink); background-color: var(--pane) }
.c-editor-app .c-editor-app__value input:focus-visible { outline: none; border-color: var(--line-focus) }
.c-editor-app .c-editor-app__choices { display: grid; gap: var(--space-1) }
.c-editor-app .c-editor-app__choice { display: grid; gap: 0; padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-1); font: inherit; font-size: var(--text-2); text-align: start; color: var(--ink); background-color: var(--pane); cursor: pointer; transition: border-color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-app .c-editor-app__choice:hover { border-color: var(--line-focus) }
}
.c-editor-app .c-editor-app__choice[aria-checked="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink) }
.c-editor-app .c-editor-app__choice:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px }
.c-editor-app .c-editor-app__about { font-size: var(--text-1); color: var(--muted) }
.c-editor-app .c-editor-app__says { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-editor-app .c-editor-app__refused { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--bad) }
[data-waiting] .c-editor-app .c-editor-app__title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__value { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__value:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__choice { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__choice:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__about { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__about:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-app .c-editor-app__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-app .c-editor-app__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-board { display: flex; flex-direction: column; gap: var(--space-3) }
.c-editor-board .c-editor-board__steps { display: flex; flex-direction: column; gap: 2px }
.c-editor-board .c-editor-board__step { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: var(--space-2) 10px; border-radius: var(--radius-2); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink); transition: background-color var(--craft-normal) var(--craft-ease-in-out),
    opacity var(--craft-smooth) var(--craft-ease-in-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-board .c-editor-board__step:hover { background-color: var(--pane) }
}
.c-editor-board .c-editor-board__step[data-struck="true"] { opacity: 0.55 }
.c-editor-board .c-editor-board__step[data-struck="true"] .c-editor-board__says { text-decoration: line-through; color: var(--faint) }
.c-editor-board .c-editor-board__says { min-width: 0 }
.c-editor-board .c-editor-board__at { font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-board .c-editor-board__strike { opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-board .c-editor-board__step:hover .c-editor-board__strike { opacity: 1 }
}
.c-editor-board .c-editor-board__strike:focus-within { opacity: 1 }
.c-editor-board .c-editor-board__candidates { display: flex; gap: var(--space-2) }
.c-editor-board .c-editor-board__candidate { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-1); border: 1.5px solid transparent; border-radius: var(--radius-2); background: none; cursor: pointer; transition: border-color var(--craft-normal) var(--craft-ease-in-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-board .c-editor-board__candidate:hover { border-color: var(--line) }
}
.c-editor-board .c-editor-board__candidate[data-landed="true"] { border-color: var(--line-focus) }
.c-editor-board .c-editor-board__candidate:focus-visible { outline: none; box-shadow: var(--ring) }
.c-editor-board .c-editor-board__picture { display: block; border-radius: var(--radius-1); background-color: var(--pane-2) }
[data-waiting] .c-editor-board .c-editor-board__step { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-board .c-editor-board__step:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-board .c-editor-board__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-board .c-editor-board__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-board .c-editor-board__at { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-board .c-editor-board__at:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-column { display: grid; grid-template-columns: auto minmax(0, 1fr); block-size: 100%; min-block-size: 0 }
.c-editor-column .c-editor-column__rail { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-3) var(--space-2); border-right: 1px solid var(--line-2) }
.c-editor-column .c-editor-column__mark { position: relative; display: grid; place-items: center; inline-size: var(--size-4); block-size: var(--size-4); padding: 0; border: 0; border-radius: var(--radius-2); color: var(--muted); background-color: transparent; cursor: pointer; transition: background-color var(--fast) var(--ease-out),
    color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-column .c-editor-column__mark:hover { color: var(--ink); background-color: var(--hover) }
}
.c-editor-column .c-editor-column__mark[aria-pressed="true"] { color: var(--ink); background-color: var(--pressed) }
.c-editor-column .c-editor-column__mark:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px }
.c-editor-column .c-editor-column__mark[data-count]::after { content: ""; position: absolute; inset-block-start: var(--space-1); inset-inline-end: var(--space-1); inline-size: var(--space-2); block-size: var(--space-2); border-radius: var(--radius-round); background-color: var(--accent-fill) }
.c-editor-column .c-editor-column__body { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-inline-size: 0; min-block-size: 0; container-type: inline-size }
.c-editor-column .c-editor-column__head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-3) var(--space-2) var(--space-4) }
.c-editor-column .c-editor-column__title { margin: 0; font-size: var(--text-2); font-weight: 600; letter-spacing: var(--tracking-title); color: var(--ink) }
.c-editor-column .c-editor-column__count { font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-column .c-editor-column__panel { min-block-size: 0; overflow-y: auto; padding: 0 var(--space-4) var(--space-4) }
.c-editor-column .c-editor-column__panel [data-empty="true"] { display: grid; justify-items: start; gap: var(--space-3); padding-block: var(--space-6); color: var(--ink-2) }
.c-editor-column .c-editor-column__foot { padding: var(--space-2) var(--space-3) var(--space-3); border-top: 1px solid var(--line) }
.c-editor-column .c-editor-column__foot[data-empty="true"] { padding: 0; border-top: 0; background-color: transparent }
.c-editor-column .c-editor-column__grip { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: var(--space-2); display: grid; place-items: center; cursor: grab }
.c-editor-column .c-editor-column__grip::before { content: ""; inline-size: var(--space-1); block-size: var(--size-5); border-radius: var(--radius-round); background-color: var(--line-2) }
.c-editor-column [data-held="true"] .c-editor-column__grip { cursor: grabbing }
.c-editor-column [data-standing="sheet"] .c-editor-column__grip { inset-block: 0 auto; inset-inline: 0; inline-size: auto; block-size: var(--space-2) }
.c-editor-column [data-standing="sheet"] .c-editor-column__grip::before { inline-size: var(--size-5); block-size: var(--space-1) }
[data-waiting] .c-editor-column .c-editor-column__mark { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-column .c-editor-column__mark:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-column .c-editor-column__title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-column .c-editor-column__title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-column .c-editor-column__count { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-column .c-editor-column__count:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-column .c-editor-column__panel { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-column .c-editor-column__panel:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-1) var(--space-2); padding: var(--space-2); background-color: var(--pane); border: 1px solid var(--line); border-radius: var(--radius-1); transition: border-color var(--craft-normal) var(--craft-ease-in-out) }
.c-editor-composer:focus-within { border-color: var(--line-focus) }
.c-editor-composer[data-tie="foot"] { padding: var(--space-1) 0 0; border: none; border-radius: 0; background-color: transparent }
.c-editor-composer[data-tie="popover"] { inline-size: 22rem; border: none; background-color: transparent }
.c-editor-composer[data-tie="popover"] .c-editor-composer__scopes { display: none }
.c-editor-composer .c-editor-composer__scopes { grid-row: 4; grid-column: 1; display: flex; align-items: center; min-inline-size: 0 }
.c-editor-composer .c-editor-composer__field { grid-row: 1; grid-column: 1 / -1; inline-size: 100%; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--size-4); max-block-size: 10rem; field-sizing: content; padding: var(--space-1) var(--space-1); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink); background-color: transparent; border: none; resize: none }
.c-editor-composer .c-editor-composer__field:focus-visible { outline: none }
.c-editor-composer .c-editor-composer__field::placeholder { color: var(--muted) }
.c-editor-composer .c-editor-composer__touches { grid-row: 2; grid-column: 1 / -1; margin: 0; padding-inline: var(--space-1); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.c-editor-composer .c-editor-composer__refused { grid-row: 3; grid-column: 1 / -1; margin: 0; padding-inline: var(--space-1); font-size: var(--text-1); line-height: var(--leading-1); color: var(--bad) }
.c-editor-composer .c-editor-composer__send { grid-row: 4; grid-column: 2; display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2) }
[data-waiting] .c-editor-composer .c-editor-composer__field { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-composer .c-editor-composer__field:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-composer .c-editor-composer__touches { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-composer .c-editor-composer__touches:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-composer .c-editor-composer__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-composer .c-editor-composer__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-data { display: grid; align-content: start; gap: var(--space-2) }
.c-editor-data .c-editor-data__head { display: flex; align-items: center; gap: var(--space-1); min-inline-size: 0 }
.c-editor-data .c-editor-data__back { display: inline-grid; rotate: 180deg }
.c-editor-data .c-editor-data__title { flex: 1; overflow: hidden; font-size: var(--text-2); font-weight: 600; color: var(--ink); text-overflow: ellipsis; white-space: nowrap }
.c-editor-data .c-editor-data__list { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none }
.c-editor-data .c-editor-data__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name by" "glimpse by"; align-items: center; column-gap: var(--space-2); inline-size: 100%; min-block-size: var(--size-4); padding: var(--space-1) var(--space-2); border: 0; border-radius: var(--radius-1); font: inherit; text-align: start; background-color: transparent; cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-editor-data .c-editor-data__item:hover { background-color: var(--hover) }
}
.c-editor-data .c-editor-data__item[aria-expanded="true"] { background-color: var(--pane) }
.c-editor-data .c-editor-data__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-area: name; font-size: var(--text-2); color: var(--ink) }
.c-editor-data .c-editor-data__glimpse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-area: glimpse; font-size: var(--text-1); color: var(--muted) }
.c-editor-data .c-editor-data__by { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-area: by; font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-data .c-editor-data__count { grid-area: by; font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-data .c-editor-data__form { display: grid; gap: var(--space-2); margin-block: var(--space-1); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-2); background-color: var(--pane) }
.c-editor-data .c-editor-data__field { display: grid; gap: var(--space-1) }
.c-editor-data .c-editor-data__label { font-size: var(--text-1); color: var(--ink-2) }
.c-editor-data .c-editor-data__input { box-sizing: border-box; inline-size: 100%; min-block-size: var(--size-3); padding: var(--space-1) var(--space-2); border: 1px solid var(--line-input); border-radius: var(--radius-1); font: inherit; font-size: var(--text-1); color: var(--ink); background-color: var(--input); resize: vertical }
.c-editor-data .c-editor-data__input:focus-visible { outline: none; border-color: var(--line-focus) }
.c-editor-data .c-editor-data__acts { display: flex; gap: var(--space-1) }
.c-editor-data .c-editor-data__says { margin: 0; font-size: var(--text-1); color: var(--ink-2) }
.c-editor-data .c-editor-data__refused { margin: 0; font-size: var(--text-1); color: var(--bad) }
[data-waiting] .c-editor-data .c-editor-data__title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__count { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__count:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__name { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__name:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__glimpse { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__glimpse:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__by { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__by:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__input { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__input:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-data .c-editor-data__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-data .c-editor-data__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-dials { display: flex; flex-direction: column; gap: var(--space-3) }
.c-editor-dials .c-editor-dials__words { display: flex; flex-wrap: wrap; gap: var(--space-2) }
.c-editor-dials .c-editor-dials__word { display: inline-flex }
.c-editor-dials .c-editor-dials__dial { display: flex; flex-direction: column; gap: var(--space-2) }
.c-editor-dials .c-editor-dials__why { font-size: var(--text-1); color: var(--muted) }
.c-editor-dials .c-editor-dials__strip { display: flex; flex-direction: column; padding-inline-start: var(--space-4) }
.c-editor-dials .c-editor-dials__turn { font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-dials .c-editor-dials__empty { font-size: var(--text-1); color: var(--muted) }
[data-waiting] .c-editor-dials .c-editor-dials__why { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-dials .c-editor-dials__why:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-dials .c-editor-dials__turn { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-dials .c-editor-dials__turn:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-dials .c-editor-dials__empty { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-dials .c-editor-dials__empty:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-files { display: grid; grid-template-rows: 2fr 3fr auto auto; gap: var(--space-2); min-block-size: 0 }
.c-editor-files .c-editor-files__tree { display: grid; gap: 1px; min-block-size: 0; overflow-y: auto }
.c-editor-files .c-editor-files__row { display: flex; align-items: center; gap: var(--space-2); min-block-size: var(--size-3); padding-inline: var(--space-2); border: 0; border-radius: var(--radius-1); background-color: transparent; font-family: var(--mono); font-size: var(--text-1); color: var(--ink-2); text-align: start; cursor: pointer; transition: background-color var(--fast) var(--ease-out) }
.c-editor-files .c-editor-files__row[data-kind="read"] { color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-files .c-editor-files__row:hover { background-color: var(--hover) }
}
.c-editor-files .c-editor-files__row[data-on="true"] { background-color: var(--hover) }
.c-editor-files .c-editor-files__row:focus-visible { outline: none; box-shadow: var(--ring) }
.c-editor-files .c-editor-files__pane { min-block-size: 0; overflow: auto; padding: var(--space-2); background-color: var(--pane-2); border-radius: var(--radius-2); font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1) }
.c-editor-files .c-editor-files__pane textarea { inline-size: 100%; block-size: 100%; border: 0; background-color: transparent; font: inherit; color: var(--ink); resize: none }
.c-editor-files .c-editor-files__pane textarea:focus-visible { outline: none; box-shadow: var(--ring) }
.c-editor-files .c-editor-files__diff { display: grid }
.c-editor-files .c-editor-files__diff [data-does="added"] { background-color: var(--ok-soft) }
.c-editor-files .c-editor-files__diff [data-does="taken"] { background-color: var(--bad-soft) }
.c-editor-files .c-editor-files__refusal { margin: 0; font-size: var(--text-1); color: var(--bad) }
.c-editor-files .c-editor-files__seat { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-2); color: var(--ink-2) }
[data-waiting] .c-editor-files .c-editor-files__row { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-files .c-editor-files__row:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-files .c-editor-files__pane { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-files .c-editor-files__pane:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-files .c-editor-files__seat { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-files .c-editor-files__seat:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-files .c-editor-files__refusal { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-files .c-editor-files__refusal:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-history { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none }
.c-editor-history .c-editor-history__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-1) var(--space-2); padding: var(--space-2); border-radius: var(--radius-1); transition: background-color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-history .c-editor-history__row:hover { background-color: var(--hover) }
}
.c-editor-history .c-editor-history__row[data-reverts="true"] { box-shadow: inset 2px 0 0 var(--accent) }
.c-editor-history .c-editor-history__row[data-restores="true"] { box-shadow: inset 2px 0 0 var(--muted) }
.c-editor-history .c-editor-history__says { grid-column: 1; max-block-size: calc(2 * var(--leading-2)); overflow: hidden; border: 0; background-color: transparent; padding: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink); text-align: start; cursor: pointer }
.c-editor-history .c-editor-history__says:focus-visible { outline: none; box-shadow: var(--ring) }
.c-editor-history .c-editor-history__meta { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--space-2); min-inline-size: 0; font-size: var(--text-1); color: var(--muted) }
.c-editor-history .c-editor-history__who { font-family: var(--mono); flex: none; white-space: nowrap }
.c-editor-history .c-editor-history__paths { font-family: var(--mono); flex: 1 1 auto; min-inline-size: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.c-editor-history .c-editor-history__meta > time { flex: none; white-space: nowrap }
.c-editor-history .c-editor-history__row > :last-child:not(.c-editor-history__meta) { grid-column: 2; grid-row: 1; opacity: 0; transition: opacity var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-history .c-editor-history__row:hover > :last-child:not(.c-editor-history__meta) { opacity: 1 }
}
.c-editor-history .c-editor-history__row:focus-within > :last-child:not(.c-editor-history__meta) { opacity: 1 }
.c-editor-history .c-editor-history__empty { margin: 0; padding-block: var(--space-4); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
[data-waiting] .c-editor-history .c-editor-history__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-history .c-editor-history__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-history .c-editor-history__meta { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-history .c-editor-history__meta:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-history .c-editor-history__who { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-history .c-editor-history__who:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-history .c-editor-history__paths { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-history .c-editor-history__paths:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-history .c-editor-history__empty { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-history .c-editor-history__empty:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-inspect { display: grid; gap: var(--space-4); padding-block-end: var(--space-4) }
.c-editor-inspect .c-editor-inspect__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); font-size: var(--text-1); color: var(--muted) }
.c-editor-inspect .c-editor-inspect__crumb { padding: var(--space-1) var(--space-2); border: 0; border-radius: var(--radius-1); font: inherit; color: inherit; background-color: transparent; cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-editor-inspect .c-editor-inspect__crumb:hover { color: var(--ink); background-color: var(--hover) }
}
.c-editor-inspect .c-editor-inspect__crumb[aria-current="true"] { color: var(--ink) }
.c-editor-inspect .c-editor-inspect__crumb + .c-editor-inspect__crumb::before { content: "/"; margin-inline-end: var(--space-2); color: var(--faint) }
.c-editor-inspect .c-editor-inspect__head { display: flex; align-items: baseline; gap: var(--space-2); min-inline-size: 0 }
.c-editor-inspect .c-editor-inspect__title { margin: 0; overflow: hidden; font-size: var(--text-4); font-weight: 600; letter-spacing: var(--tracking-title); color: var(--ink); text-overflow: ellipsis; white-space: nowrap }
.c-editor-inspect .c-editor-inspect__kind { font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-inspect .c-editor-inspect__touches { margin: 0; font-size: var(--text-1); color: var(--ink-2) }
.c-editor-inspect .c-editor-inspect__acts { display: flex; gap: var(--space-1) }
.c-editor-inspect [data-way="up"] { display: inline-grid; rotate: -90deg }
.c-editor-inspect [data-way="down"] { display: inline-grid; rotate: 90deg }
.c-editor-inspect .c-editor-inspect__section { display: grid; gap: var(--space-1) }
.c-editor-inspect .c-editor-inspect__setting { display: grid; grid-template-columns: 30% minmax(0, 1fr) var(--size-3); align-items: center; gap: var(--space-2); min-block-size: var(--size-4) }
.c-editor-inspect .c-editor-inspect__label { overflow: hidden; font-size: var(--text-1); color: var(--ink-2); text-overflow: ellipsis; white-space: nowrap }
.c-editor-inspect .c-editor-inspect__setting[data-edited="true"] .c-editor-inspect__label { color: var(--accent) }
.c-editor-inspect .c-editor-inspect__input { box-sizing: border-box; inline-size: 100%; block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line-input); border-radius: var(--radius-1); font: inherit; font-size: var(--text-1); color: var(--ink); background-color: var(--input) }
.c-editor-inspect .c-editor-inspect__input:focus-visible { outline: none; border-color: var(--line-focus); background-color: var(--pane) }
.c-editor-inspect .c-editor-inspect__bound { overflow: hidden; font-family: var(--mono); font-size: var(--text-1); color: var(--accent); text-overflow: ellipsis; white-space: nowrap }
.c-editor-inspect .c-editor-inspect__facts { display: grid; gap: var(--space-1); margin: 0 }
.c-editor-inspect .c-editor-inspect__fact { display: grid; grid-template-columns: 30% minmax(0, 1fr); gap: var(--space-2); font-size: var(--text-1) }
.c-editor-inspect .c-editor-inspect__fact dt { color: var(--ink-2) }
.c-editor-inspect .c-editor-inspect__fact dd { margin: 0; overflow: hidden; font-family: var(--mono); color: var(--ink); text-overflow: ellipsis; white-space: nowrap }
.c-editor-inspect .c-editor-inspect__layers { display: grid; margin: 0; padding: 0; list-style: none }
.c-editor-inspect .c-editor-inspect__layer { display: flex; align-items: baseline; gap: var(--space-2); inline-size: 100%; min-block-size: var(--size-3); padding-block: 0; padding-inline: calc(var(--space-2) + var(--depth, 0) * var(--space-3))
    var(--space-2); border: 0; border-radius: var(--radius-1); font: inherit; font-size: var(--text-1); text-align: start; color: var(--ink); background-color: transparent; cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-editor-inspect .c-editor-inspect__layer:hover { background-color: var(--hover) }
}
.c-editor-inspect .c-editor-inspect__layer[aria-current="true"] { color: var(--accent); background-color: var(--accent-soft) }
.c-editor-inspect .c-editor-inspect__layer [data-said="type"] { font-family: var(--mono); color: var(--muted) }
.c-editor-inspect .c-editor-inspect__layer[data-repeats="true"] [data-said="type"]::after { content: " each" }
.c-editor-inspect .c-editor-inspect__says { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap }
.c-editor-inspect .c-editor-inspect__refused { margin: 0; font-size: var(--text-1); color: var(--bad) }
[data-waiting] .c-editor-inspect .c-editor-inspect__crumbs { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__crumbs:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__crumb { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__crumb:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__kind { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__kind:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__touches { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__touches:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__setting { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__setting:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__input { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__input:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__bound { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__bound:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__fact { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__fact:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__layer { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__layer:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-inspect .c-editor-inspect__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-inspect .c-editor-inspect__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-knobs { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-2); min-block-size: var(--size-4); padding-inline-start: var(--space-2); font-size: var(--text-2); color: var(--ink-2) }
.c-editor-knobs [data-differs="true"] { box-shadow: inset 2px 0 0 var(--accent) }
.c-editor-knobs .c-editor-knobs__label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.c-editor-knobs .c-editor-knobs__turn { justify-self: end; color: var(--ink) }
.c-editor-knobs .c-editor-knobs__reset { justify-self: end }
[data-waiting] .c-editor-knobs .c-editor-knobs__turn { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-knobs .c-editor-knobs__turn:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-menus { display: grid; gap: 1px; max-block-size: calc(var(--rows, 8) * var(--size-4)); overflow-y: auto; padding: var(--space-1) }
.c-editor-menus .c-editor-menus__row { display: flex; align-items: center; gap: var(--space-2); min-block-size: var(--size-4); padding-inline: var(--space-2); border: 0; border-radius: var(--radius-1); background-color: transparent; font-family: var(--font); font-size: var(--text-2); color: var(--ink); text-align: start; cursor: pointer }
.c-editor-menus .c-editor-menus__variant { display: flex; align-items: center; gap: var(--space-2); min-block-size: var(--size-4); padding-inline: var(--space-2); border: 0; border-radius: var(--radius-1); background-color: transparent; font-family: var(--font); font-size: var(--text-2); color: var(--ink-2); text-align: start; cursor: pointer; padding-inline-start: var(--space-6) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-menus .c-editor-menus__row:hover { background-color: var(--hover) }
}
@media (hover: hover) and (pointer: fine) {
  .c-editor-menus .c-editor-menus__variant:hover { background-color: var(--hover) }
}
.c-editor-menus .c-editor-menus__row[data-on="true"] { background-color: var(--hover) }
.c-editor-menus .c-editor-menus__divider { display: block; block-size: 1px; margin-block: var(--space-1); background-color: var(--line) }
[data-waiting] .c-editor-menus .c-editor-menus__row { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-menus .c-editor-menus__row:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-menus .c-editor-menus__variant { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-menus .c-editor-menus__variant:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-outline { display: grid; grid-template-rows: auto minmax(0, 1fr); block-size: 100%; min-block-size: 0; font-size: var(--text-2); color: var(--ink) }
.c-editor-outline .c-editor-outline__section { display: grid; grid-template-rows: auto minmax(0, 1fr); min-block-size: 0 }
.c-editor-outline .c-editor-outline__section[data-said="pages"] { max-block-size: 14rem; border-bottom: 1px solid var(--line-2) }
.c-editor-outline .c-editor-outline__head { margin: 0; padding: var(--space-3) var(--space-4) var(--space-2); font-size: var(--text-1); font-weight: 600; color: var(--ink) }
.c-editor-outline .c-editor-outline__pages { min-block-size: 0; margin: 0; padding: 0 var(--space-2) var(--space-2); overflow-y: auto; list-style: none }
.c-editor-outline .c-editor-outline__tree { min-block-size: 0; margin: 0; padding: 0 var(--space-2) var(--space-2); overflow-y: auto; list-style: none }
.c-editor-outline .c-editor-outline__page { display: flex; align-items: center; gap: var(--space-2); inline-size: 100%; min-inline-size: 0; block-size: var(--size-3); padding: 0 var(--space-2); border: 0; border-radius: var(--radius-0); font: inherit; text-align: start; color: inherit; background-color: transparent; cursor: pointer }
.c-editor-outline .c-editor-outline__name { display: flex; align-items: center; gap: var(--space-2); inline-size: 100%; min-inline-size: 0; block-size: var(--size-3); padding: 0 var(--space-2); border: 0; border-radius: var(--radius-0); font: inherit; text-align: start; color: inherit; background-color: transparent; cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-editor-outline .c-editor-outline__page:hover { background-color: var(--hover) }
}
@media (hover: hover) and (pointer: fine) {
  .c-editor-outline .c-editor-outline__row:hover { background-color: var(--hover) }
}
.c-editor-outline .c-editor-outline__page[aria-current="page"] { font-weight: 600; background-color: var(--pressed) }
.c-editor-outline .c-editor-outline__path { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.c-editor-outline .c-editor-outline__name > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.c-editor-outline .c-editor-outline__kind { flex: none; margin-inline-start: auto; font-size: var(--text-1); color: var(--muted) }
.c-editor-outline .c-editor-outline__row { display: grid; grid-template-columns: var(--size-1) minmax(0, 1fr); align-items: center; padding-inline-start: calc(var(--depth, 0) * var(--space-3)); border-radius: var(--radius-0) }
.c-editor-outline .c-editor-outline__row .c-editor-outline__name { padding-inline-start: 0 }
.c-editor-outline .c-editor-outline__row[aria-selected="true"] { background-color: var(--accent-soft) }
.c-editor-outline .c-editor-outline__row[aria-selected="true"] .c-editor-outline__name { font-weight: 600 }
.c-editor-outline .c-editor-outline__fold { display: grid; place-items: center; inline-size: var(--size-1); block-size: var(--size-3); padding: 0; border: 0; color: var(--muted); background-color: transparent; cursor: pointer }
.c-editor-outline .c-editor-outline__fold svg { inline-size: var(--space-3); block-size: var(--space-3); transition: rotate var(--fast) var(--ease-out) }
.c-editor-outline .c-editor-outline__fold[data-open="true"] svg { rotate: 90deg }
@media (hover: hover) and (pointer: fine) {
  .c-editor-outline .c-editor-outline__fold:hover { color: var(--ink) }
}
.c-editor-outline .c-editor-outline__each { flex: none; padding: 0 var(--space-1); border-radius: var(--radius-0); font-size: var(--text-0); color: var(--ink-2); background-color: var(--pane-2) }
.c-editor-outline .c-editor-outline__name:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px }
.c-editor-outline .c-editor-outline__page:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px }
.c-editor-outline .c-editor-outline__row[data-drop="before"] { box-shadow: inset 0 2px 0 var(--accent) }
.c-editor-outline .c-editor-outline__row[data-drop="after"] { box-shadow: inset 0 -2px 0 var(--accent) }
.c-editor-outline .c-editor-outline__row[data-drop="inside"] { background-color: var(--accent-soft); box-shadow: inset 0 0 0 1px var(--accent) }
.c-editor-outline .c-editor-outline__row[draggable="true"] { cursor: grab }
.c-editor-outline .c-editor-outline__refused { margin: 0; padding: 0 var(--space-4) var(--space-2); font-size: var(--text-1); color: var(--bad) }
.c-editor-outline .c-editor-outline__empty { margin: 0; padding: 0 var(--space-4) var(--space-3); font-size: var(--text-1); color: var(--muted) }
[data-waiting] .c-editor-outline .c-editor-outline__head { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__head:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__page { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__page:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__row { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__row:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__fold { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__fold:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__name { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__name:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__kind { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__kind:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__each { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__each:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__empty { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__empty:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-outline .c-editor-outline__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-outline .c-editor-outline__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-overlay { position: absolute; inset: 0; contain: layout size style; pointer-events: none }
.c-editor-overlay .c-editor-overlay__lit { position: absolute; contain: layout size style; border-radius: var(--radius-1); background-color: var(--accent-soft); transition: opacity var(--fast) var(--ease-out) }
.c-editor-overlay .c-editor-overlay__highlight { position: absolute; contain: layout size style; border: 1px solid var(--ink); border-radius: var(--radius-1) }
.c-editor-overlay .c-editor-overlay__pin { position: absolute; contain: layout size style; border: 1px solid var(--ink); border-radius: var(--radius-1); border-color: var(--accent) }
.c-editor-overlay .c-editor-overlay__tag { position: absolute; inset-block-start: 0; inset-inline-start: -1px; translate: 0 calc(-100% - 2px); white-space: nowrap }
.c-editor-overlay .c-editor-overlay__grip { position: absolute; pointer-events: auto; background-color: var(--pane); border: 1px solid var(--ink); border-radius: var(--radius-round) }
.c-editor-overlay .c-editor-overlay__grip[data-corner="top left"] { inset-block-start: calc(var(--dot) / -2); inset-inline-start: calc(var(--dot) / -2) }
.c-editor-overlay .c-editor-overlay__grip[data-corner="top right"] { inset-block-start: calc(var(--dot) / -2); inset-inline-end: calc(var(--dot) / -2) }
.c-editor-overlay .c-editor-overlay__grip[data-corner="bottom left"] { inset-block-end: calc(var(--dot) / -2); inset-inline-start: calc(var(--dot) / -2) }
.c-editor-overlay .c-editor-overlay__grip[data-corner="bottom right"] { inset-block-end: calc(var(--dot) / -2); inset-inline-end: calc(var(--dot) / -2) }
.c-editor-overlay .c-editor-overlay__marquee { position: absolute; contain: layout size style; border: 1px solid var(--ink); background-color: var(--accent-soft); transition: opacity var(--fast) var(--ease-out) }
.c-editor-people { display: grid; align-content: start; gap: var(--space-4) }
.c-editor-people .c-editor-people__section { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--space-2) }
.c-editor-people .c-editor-people__label { margin: 0; font-size: var(--text-1); color: var(--ink-2) }
.c-editor-people .c-editor-people__says { margin: 0; font-size: var(--text-1); color: var(--ink-2) }
.c-editor-people .c-editor-people__refused { margin: 0; font-size: var(--text-1); color: var(--bad) }
.c-editor-people .c-editor-people__doors { display: flex; gap: var(--space-1) }
.c-editor-people .c-editor-people__list { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none }
.c-editor-people .c-editor-people__person { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: var(--space-2); min-block-size: var(--size-4); padding: var(--space-1) var(--space-2); border-radius: var(--radius-1) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-people .c-editor-people__person:hover { background-color: var(--hover) }
}
.c-editor-people .c-editor-people__who { display: grid; min-inline-size: 0 }
.c-editor-people .c-editor-people__email { overflow: hidden; font-family: var(--mono); font-size: var(--text-1); text-overflow: ellipsis; white-space: nowrap; color: var(--ink) }
.c-editor-people .c-editor-people__since { overflow: hidden; font-family: var(--mono); font-size: var(--text-1); text-overflow: ellipsis; white-space: nowrap; color: var(--muted) }
[data-waiting] .c-editor-people .c-editor-people__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-people .c-editor-people__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-people .c-editor-people__email { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-people .c-editor-people__email:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-people .c-editor-people__since { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-people .c-editor-people__since:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-people .c-editor-people__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-people .c-editor-people__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-people .c-editor-people__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-people .c-editor-people__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-press { display: grid; gap: var(--space-3) }
.c-editor-press .c-editor-press__roles { display: grid; gap: var(--space-1) }
.c-editor-press .c-editor-press__role { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-block-size: var(--size-3); font-size: var(--text-2); color: var(--ink-2) }
.c-editor-press .c-editor-press__swatch { inline-size: var(--glyph); block-size: var(--glyph); border: 1px solid var(--line); border-radius: var(--radius-1) }
.c-editor-press .c-editor-press__figure { font-family: var(--mono); font-size: var(--text-1); color: var(--muted) }
.c-editor-press .c-editor-press__role[data-under="true"] .c-editor-press__figure { color: var(--bad) }
.c-editor-press .c-editor-press__refused { margin: 0; font-size: var(--text-1); color: var(--bad) }
[data-waiting] .c-editor-press .c-editor-press__role { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-press .c-editor-press__role:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-press .c-editor-press__figure { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-press .c-editor-press__figure:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-press .c-editor-press__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-press .c-editor-press__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-queue { display: grid; gap: var(--space-1); min-inline-size: 0 }
.c-editor-queue .c-editor-queue__filters { display: flex; justify-content: flex-end; padding-block: var(--space-1) var(--space-2) }
.c-editor-queue .c-editor-queue__row { display: grid; position: relative; grid-template-columns: var(--space-4) minmax(0, 1fr) auto; column-gap: var(--space-2); row-gap: var(--space-1); align-items: center; min-inline-size: 0; padding: var(--space-2); border-radius: var(--radius-1); font-size: var(--text-2); color: var(--ink) }
.c-editor-queue .c-editor-queue__row[data-deep="1"] { padding-inline-start: var(--space-6) }
.c-editor-queue .c-editor-queue__row[data-deep="2"] { padding-inline-start: var(--space-8) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-queue .c-editor-queue__row:hover { background-color: var(--hover) }
}
.c-editor-queue .c-editor-queue__said { grid-column: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: var(--leading-2) }
.c-editor-queue .c-editor-queue__row[data-open="true"] .c-editor-queue__said { white-space: normal; overflow-wrap: anywhere }
.c-editor-queue .c-editor-queue__figure { grid-column: 3; font-family: var(--mono); font-size: var(--text-1); color: var(--muted); transition: opacity var(--fast) var(--ease-out) }
.c-editor-queue .c-editor-queue__meta { grid-column: 2 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--space-2); min-inline-size: 0; font-size: var(--text-1); color: var(--muted) }
.c-editor-queue .c-editor-queue__meta > :first-child { overflow: hidden; max-inline-size: 100%; font-family: var(--mono); white-space: nowrap; text-overflow: ellipsis }
.c-editor-queue .c-editor-queue__row[data-standing="landed"] [data-said="standing"] { color: var(--ok) }
.c-editor-queue .c-editor-queue__row[data-standing="refused"] [data-said="standing"] { color: var(--bad) }
.c-editor-queue .c-editor-queue__row[data-standing="crashed"] [data-said="standing"] { color: var(--bad) }
.c-editor-queue .c-editor-queue__row[data-standing="cancelled"] .c-editor-queue__said { text-decoration: line-through; color: var(--muted) }
.c-editor-queue .c-editor-queue__row[data-standing="reverted"] .c-editor-queue__said { color: var(--muted) }
.c-editor-queue .c-editor-queue__actions { display: flex; position: absolute; inset-inline-end: var(--space-1); inset-block-start: var(--space-1); opacity: 0; background-color: var(--hover); border-radius: var(--radius-1); transition: opacity var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-editor-queue .c-editor-queue__row:hover .c-editor-queue__actions { opacity: 1 }
}
.c-editor-queue .c-editor-queue__row:focus-within .c-editor-queue__actions { opacity: 1 }
@media (hover: hover) and (pointer: fine) {
  .c-editor-queue .c-editor-queue__row:hover .c-editor-queue__figure { opacity: 0 }
}
.c-editor-queue .c-editor-queue__row:focus-within .c-editor-queue__figure { opacity: 0 }
.c-editor-queue .c-editor-queue__held { grid-column: 2 / -1; display: grid; gap: var(--space-2); min-inline-size: 0; padding-block-start: var(--space-1) }
.c-editor-queue .c-editor-queue__why { min-inline-size: 0; font-size: var(--text-1); color: var(--muted) }
.c-editor-queue .c-editor-queue__why summary { cursor: pointer }
.c-editor-queue .c-editor-queue__why pre { margin: var(--space-1) 0 0; padding: var(--space-2); max-block-size: 10rem; overflow: auto; border-radius: var(--radius-1); font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-1); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink-2); background-color: var(--pane-2) }
.c-editor-queue .c-editor-queue__asked { display: grid; gap: var(--space-3) }
.c-editor-queue .c-editor-queue__asked-head { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-1); font-weight: 500; color: var(--ink-2) }
.c-editor-queue .c-editor-queue__asked-question { margin: 0; font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink) }
.c-editor-queue .c-editor-queue__asked-ends { display: flex; justify-content: space-between; padding-block-start: var(--space-1); font-size: var(--text-1); color: var(--muted) }
.c-editor-queue .c-editor-queue__asked-refused { margin: 0; font-size: var(--text-1); color: var(--bad) }
.c-editor-queue .c-editor-queue__asked-acts { display: flex; justify-content: flex-end }
.c-editor-queue .c-editor-queue__bubble { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); background-color: var(--pane); border-radius: var(--radius-round); box-shadow: var(--shadow-2) }
[data-waiting] .c-editor-queue .c-editor-queue__row { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__row:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__said { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__said:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__figure { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__figure:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__asked-head { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__asked-head:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__asked-question { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__asked-question:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__asked-ends { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__asked-ends:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__asked-refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__asked-refused:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__meta { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__meta:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-queue .c-editor-queue__why { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-queue .c-editor-queue__why:empty { min-height: 1lh; padding-inline: 3ch }
.c-editor-stroke { position: absolute; inset: 0; contain: layout size style; cursor: crosshair }
.c-editor-stroke .c-editor-stroke__ink { position: absolute; inset: 0; inline-size: 100%; block-size: 100% }
.c-editor-stroke .c-editor-stroke__ink path { stroke: var(--accent); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round }
.c-editor-stroke [data-settled="true"] .c-editor-stroke__ink { opacity: 0.5 }
.c-editor-stroke .c-editor-stroke__scrim { position: absolute; border-radius: var(--radius-2); box-shadow: 0 0 0 100vmax var(--desk); opacity: 0.6 }
.c-editor-theme { display: grid; gap: var(--space-4); padding-block-start: var(--space-1) }
.c-editor-theme .c-editor-theme__group { display: grid; gap: var(--space-1) }
.c-editor-theme .c-editor-theme__title { margin: 0 0 var(--space-1); font-size: var(--text-1); font-weight: 600; color: var(--ink) }
.c-editor-theme .c-editor-theme__token { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--space-2); min-block-size: var(--size-4) }
.c-editor-theme .c-editor-theme__label { overflow: hidden; font-size: var(--text-1); color: var(--ink-2); text-overflow: ellipsis; white-space: nowrap }
.c-editor-theme .c-editor-theme__control { display: flex; align-items: center; gap: var(--space-2); min-inline-size: 0 }
.c-editor-theme .c-editor-theme__control input[type="text"] { flex: 1; min-inline-size: 0; block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-0); font-family: var(--mono); font-size: var(--text-1); color: var(--ink); background-color: var(--pane) }
.c-editor-theme .c-editor-theme__control input[type="number"] { flex: 1; min-inline-size: 0; block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-0); font-family: var(--mono); font-size: var(--text-1); color: var(--ink); background-color: var(--pane) }
.c-editor-theme .c-editor-theme__control select { flex: 1; min-inline-size: 0; block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-0); font-family: var(--mono); font-size: var(--text-1); color: var(--ink); background-color: var(--pane) }
.c-editor-theme .c-editor-theme__token[data-kind="words"] input { font-family: var(--font) }
.c-editor-theme .c-editor-theme__control input:focus-visible { outline: none; border-color: var(--line-focus) }
.c-editor-theme .c-editor-theme__control select:focus-visible { outline: none; border-color: var(--line-focus) }
.c-editor-theme .c-editor-theme__control input[type="range"] { flex: 1; min-inline-size: 0; accent-color: var(--ink) }
.c-editor-theme .c-editor-theme__swatch { flex: none; inline-size: var(--size-3); block-size: var(--size-3); padding: 0; border: 1px solid var(--line); border-radius: var(--radius-0); background-color: transparent; cursor: pointer }
.c-editor-theme .c-editor-theme__figure { flex: none; min-inline-size: 2.5rem; font-family: var(--mono); font-size: var(--text-1); color: var(--muted); text-align: end }
.c-editor-theme .c-editor-theme__says { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-editor-theme .c-editor-theme__refused { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--bad) }
[data-waiting] .c-editor-theme .c-editor-theme__title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__token { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__token:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__label { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__label:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__control { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__control:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__figure { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__figure:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__says { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__says:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-editor-theme .c-editor-theme__refused { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-editor-theme .c-editor-theme__refused:empty { min-height: 1lh; padding-inline: 3ch }
.c-shell { position: fixed; inset: 0; z-index: 1; container-type: inline-size; box-sizing: border-box; display: grid; grid-template-rows: auto minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); background-color: var(--desk); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-3); color: var(--ink) }
.c-shell * { box-sizing: border-box }
.c-shell .c-shell__chrome { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--space-4); padding: var(--space-2) var(--space-3); background-color: var(--pane) }
.c-shell .c-shell__crumb { display: flex; align-items: center; gap: var(--space-2); min-width: 0; overflow: hidden; font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink) }
.c-shell .c-shell__crumb [data-said="workspace"] { display: none; align-items: center; gap: var(--space-1); padding: var(--space-1) var(--space-2) var(--space-1) var(--space-1); border: 0; border-radius: var(--radius-2); font: inherit; color: var(--muted); background-color: transparent; cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-shell .c-shell__crumb [data-said="workspace"]:hover { color: var(--ink); background-color: var(--hover) }
}
.c-shell .c-shell__crumb [data-said="app"] { display: none; overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap }
.c-shell .c-shell__crumb [data-said="walk"] { display: inline-flex; flex: none }
.c-shell .c-shell__crumb [data-way="back"] { display: inline-grid; rotate: 180deg }
.c-shell .c-shell__route { flex: 1 1 auto; box-sizing: border-box; min-width: 0; max-width: 18rem; height: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line-input); border-radius: var(--radius-2); font-family: var(--mono); font-size: var(--text-2); color: var(--ink); background-color: var(--input) }
.c-shell .c-shell__route:focus-visible { outline: none; border-color: var(--line-focus); background-color: var(--pane) }
.c-shell .c-shell__centre { display: flex; align-items: center; justify-self: center; gap: var(--space-4) }
.c-shell .c-shell__modes { display: block }
.c-shell .c-shell__rooms { display: none }
.c-shell [data-side="start"] { display: grid; scale: -1 1 }
.c-shell .c-shell__right { display: flex; align-items: center; justify-self: end; gap: var(--space-2) }
.c-shell .c-shell__desk { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; border-top: 1px solid var(--line) }
.c-shell .c-shell__desk[data-outline="true"] { grid-template-columns: minmax(0, 1fr) }
.c-shell .c-shell__desk[data-column="true"] { grid-template-columns: minmax(0, 1fr) }
.c-shell .c-shell__desk[data-outline="true"][data-column="true"] { grid-template-columns: minmax(0, 1fr) }
.c-shell .c-shell__outline { display: none; min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--line); background-color: var(--pane) }
.c-shell .c-shell__frame { position: relative; display: grid; grid-template-columns: minmax(0, var(--room, 100%)); grid-template-rows: auto minmax(0, 1fr); justify-content: center; min-width: 0; min-height: 0; overflow: hidden; padding: var(--space-3); background-color: var(--desk) }
.c-shell .c-shell__print { grid-column: 1; grid-row: 2; display: block; border-radius: var(--radius-1); width: 100%; height: 100%; border: 1px solid var(--line); background-color: var(--pane) }
.c-shell .c-shell__held { grid-column: 1; grid-row: 2; display: grid; place-content: center; justify-items: center; gap: var(--space-4); padding: var(--space-6) }
.c-shell .c-shell__stands { display: grid; justify-items: center; gap: var(--space-2); max-inline-size: 28rem; text-align: center }
.c-shell .c-shell__stands-title { margin: 0; font-size: var(--text-4); line-height: var(--leading-4); font-weight: 600; color: var(--ink) }
.c-shell .c-shell__stands-line { margin: 0; font-size: var(--text-2); color: var(--muted) }
.c-shell .c-shell__stands-acts { display: flex; gap: var(--space-2); margin-block-start: var(--space-2) }
.c-shell .c-shell__stands-bar { inline-size: 8rem; block-size: 2px; margin-block-start: var(--space-2); background: linear-gradient(90deg, transparent, var(--accent), transparent) 0
    0 / 50% 100% no-repeat var(--line); animation: stands-moves 1.2s var(--ease-out) infinite }
.c-shell .c-shell__strip { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4); border-bottom: 1px solid var(--line); font-size: var(--text-2); color: var(--muted) }
.c-shell .c-shell__strip > span { flex: 1 }
.c-shell .c-shell__pill { display: inline-flex; align-items: center; gap: var(--space-1); padding-inline-start: var(--space-2); font-size: var(--text-2); color: var(--muted); white-space: nowrap }
.c-shell .c-shell__dot { inline-size: 6px; block-size: 6px; margin-inline-end: var(--space-1); border-radius: 50%; background-color: var(--faint) }
.c-shell .c-shell__pill[data-standing="running"] .c-shell__dot { background-color: var(--ok-fill) }
.c-shell .c-shell__pill[data-standing="starting"] .c-shell__dot { background-color: var(--warn-fill) }
.c-shell .c-shell__pill[data-standing="stopping"] .c-shell__dot { background-color: var(--warn-fill) }
.c-shell .c-shell__apply { position: absolute; inset-block-end: var(--space-4); inset-inline: 0; z-index: 2; display: flex; align-items: center; gap: var(--space-2); inline-size: max-content; max-inline-size: calc(100% - 2 * var(--space-4)); margin-inline: auto; padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-3); background-color: var(--pane); box-shadow: var(--shadow-2); font-size: var(--text-2); color: var(--ink); animation: apply-arrives var(--fast) var(--ease-out) }
.c-shell .c-shell__applies { display: flex; align-items: baseline; gap: var(--space-2); min-inline-size: 0; overflow: hidden; white-space: nowrap }
.c-shell .c-shell__applies span { overflow: hidden; text-overflow: ellipsis; color: var(--muted) }
.c-shell .c-shell__apply[data-settled="true"] { padding-inline-end: var(--space-4); color: var(--muted); animation: apply-arrives var(--fast) var(--ease-out),
    apply-leaves var(--fast) var(--ease-out) 2.4s forwards }
.c-shell .c-shell__track { min-width: 0; min-height: 0; border-left: 1px solid var(--line); background-color: var(--pane) }
.c-shell .c-shell__desk[data-column="true"] .c-shell__track { position: absolute; inset-inline: var(--space-6); inset-block-end: var(--space-6); block-size: 50%; box-shadow: var(--shadow-2) }
[data-waiting] .c-shell .c-shell__crumb { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__crumb:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__route { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__route:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__stands-title { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__stands-title:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__stands-line { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__stands-line:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__strip { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__strip:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__pill { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__pill:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__apply { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__apply:empty { min-height: 1lh; padding-inline: 3ch }
[data-waiting] .c-shell .c-shell__applies { background-color: var(--ghost); border-radius: 3px; color: transparent }
[data-waiting] .c-shell .c-shell__applies:empty { min-height: 1lh; padding-inline: 3ch }
[data-motion="settle"] { animation-delay: var(--motion-delay); animation-duration: var(--settled); animation-fill-mode: both; animation-name: settle-arrives; animation-timing-function: var(--ease-out); transition: scale calc(var(--quick) * 0.8) var(--ease-out), opacity calc(var(--quick) * 0.8) var(--ease-out); transition-delay: var(--motion-delay) }
[data-entry="held"] [data-motion="settle"] { animation-name: none }
[data-motion="float"] { animation-delay: var(--motion-delay); animation-duration: var(--quick); animation-fill-mode: both; animation-name: float-arrives; animation-timing-function: var(--ease-out); transition: scale calc(var(--fast) * 0.8) var(--ease-out), opacity calc(var(--fast) * 0.8) var(--ease-out); transition-delay: var(--motion-delay) }
[data-motion="slide"][data-side="right"] { animation-name: slide-arrives-right }
[data-motion="slide"] { animation-delay: var(--motion-delay); animation-duration: var(--settled); animation-fill-mode: both; animation-name: slide-arrives; animation-timing-function: var(--ease-move); transition: translate calc(var(--quick) * 0.8) var(--ease-move), opacity calc(var(--quick) * 0.8) var(--ease-move); transition-delay: var(--motion-delay) }
[data-entry="held"] [data-motion="slide"] { animation-name: none }
[data-motion="sheet"][data-side="right"] { animation-name: sheet-arrives-right }
[data-motion="sheet"] { animation-delay: var(--motion-delay); animation-duration: var(--settled); animation-fill-mode: both; animation-name: sheet-arrives; animation-timing-function: var(--ease-state); transition: translate calc(var(--fast) * 0.8) var(--ease-state), opacity calc(var(--fast) * 0.8) var(--ease-state); transition-delay: var(--motion-delay) }
[data-entry="held"] [data-motion="sheet"] { animation-name: none }
[data-motion="press"] { transition: scale var(--fast) var(--ease-state); transition-delay: var(--motion-delay) }
[data-motion="press"]:active { scale: 0.97 }
[data-motion="shift"] { transition: transform var(--settled) var(--ease-move), opacity var(--settled) var(--ease-move); transition-delay: var(--motion-delay) }
[data-motion-stagger] > *:nth-child(1) { --motion-delay: calc(var(--follows) * 1) }
[data-motion-stagger] > *:nth-child(2) { --motion-delay: calc(var(--follows) * 2) }
[data-motion-stagger] > *:nth-child(3) { --motion-delay: calc(var(--follows) * 3) }
[data-motion-stagger] > *:nth-child(4) { --motion-delay: calc(var(--follows) * 4) }
[data-motion-stagger] > *:nth-child(5) { --motion-delay: calc(var(--follows) * 5) }
[data-motion-stagger] > *:nth-child(6) { --motion-delay: calc(var(--follows) * 6) }
[data-motion-stagger] > *:nth-child(7) { --motion-delay: calc(var(--follows) * 7) }
[data-motion-stagger] > *:nth-child(8) { --motion-delay: calc(var(--follows) * 8) }
[data-motion-stagger] > *:nth-child(n + 9) { --motion-delay: calc(var(--follows) * 8) }
[data-motion="off"] { transition: none }
[data-motion-stage="lead"] { --motion-delay: 0s }
:where([data-look="act"]) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; background-color: var(--mark); color: var(--on-mark); box-shadow: var(--laid); transition: background-color var(--fast) var(--ease-state), box-shadow var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
:where([data-look="act"]:active) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; scale: 0.97 }
:where([data-look="key"]) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; background-color: var(--key-face); box-shadow: var(--top-light), var(--under), var(--contact), var(--lift-key); transition: background-color var(--fast) var(--ease-state), box-shadow var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
:where([data-look="key"]:active) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; scale: 0.97; background-color: var(--key-down); box-shadow: var(--pressed) }
:where([data-look="ghost"]) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; background-color: var(--ghost); box-shadow: var(--contact); color: var(--ink); transition: background-color var(--fast) var(--ease-state), box-shadow var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
:where([data-look="ghost"]:active) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; scale: 0.97 }
:where([data-look="quiet"]) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; color: var(--muted); transition: color var(--fast) var(--ease-state), scale var(--fast) var(--ease-out) }
:where([data-look="quiet"]:active) { align-items: center; appearance: none; border: none; border-radius: var(--radius-2); box-sizing: border-box; cursor: pointer; display: inline-grid; font: inherit; justify-items: center; text-decoration: none; white-space: nowrap; scale: 0.97 }
@media (hover: hover) and (pointer: fine) {
  :where([data-look="act"]:hover) { background-color: var(--mark-lift) }
}
@media (hover: hover) and (pointer: fine) {
  :where([data-look="key"]:hover) { box-shadow: var(--top-light), var(--under), 0 0 0 1px var(--rule), var(--lift-key) }
}
@media (hover: hover) and (pointer: fine) {
  :where([data-look="ghost"]:hover) { background-color: var(--hair) }
}
@media (hover: hover) and (pointer: fine) {
  :where([data-look="quiet"]:hover) { color: var(--ink) }
}
:where([data-look="field"]) { background-color: var(--paper); box-shadow: 0 0 0 1px var(--rule); border-radius: var(--radius-2) }
:where([data-look="note"]) { background-color: var(--note-face); color: var(--note-ink); box-shadow: 0 0 0 1px var(--note-edge); border-radius: calc(var(--radius-1) + 2px) }
:where([data-look="card"]) { background-color: var(--sheet-bright); box-shadow: var(--contact), var(--laid); border-radius: var(--radius-2); transition: box-shadow var(--fast) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  :where([data-look="card"]:hover) { box-shadow: var(--contact), var(--raised) }
}
:where([data-look="sheet"]) { background-color: var(--sheet); box-shadow: 0 0 0 1px var(--edge-sheet), var(--laid); border-radius: var(--radius-4) }
:where([data-look] .looks-word) { transition: opacity var(--quick) var(--ease-out) }
:where([data-look] .looks-short) { transition: opacity var(--quick) var(--ease-out) }
:where([data-look] .looks-wait) { align-items: center; aspect-ratio: 1; display: inline-flex; grid-area: 1 / 1; height: 14px; justify-content: center; opacity: 0; scale: 0.9; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out) }
:where([data-look] .looks-turn) { aspect-ratio: 1; display: block; height: 14px; transform-origin: 50% 50% }
:where([data-look] .looks-track) { fill: none; opacity: 0.2; stroke: currentColor; stroke-width: 1.5 }
:where([data-look] .looks-arc) { fill: none; stroke: currentColor; stroke-dasharray: 9.82 29.45; stroke-linecap: round; stroke-width: 1.5 }
:where([data-look][data-busy]) { background-color: var(--ghost); box-shadow: none; color: var(--muted); cursor: progress }
:where([data-look][data-busy] .looks-word) { opacity: 0 }
:where([data-look][data-busy] .looks-short) { opacity: 0 }
:where([data-look][data-busy] .looks-wait) { opacity: 1; scale: 1 }
:where([data-look][data-busy] .looks-turn) { animation: looks-turning 700ms linear infinite }
:where([data-look]:focus-visible) { outline: var(--ring); outline-offset: var(--ring-offset) }
body { font-family: var(--font); margin: 0; padding: 0; color: var(--ink) }
.c-door__desk { background-image: var(--door-desk) }
.c-door__rack { background-color: var(--door-rack); border-color: var(--door-rack-edge) var(--door-rack-dark)
    var(--door-rack-dark) var(--door-rack-edge); box-shadow: inset 1px 1px 0 0 var(--door-rack-lit),
    inset -1px -1px 0 0 var(--door-rack-shade),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 1px 2px 0 var(--door-rack-cast),
    0 12px 28px -14px var(--door-rack-cast),
    0 0 0 0 transparent; transform: translate(var(--lean-x, 0px), var(--lean-y, 0px)); transition: transform var(--settled) var(--ease-out) }
.c-door__bar { background-color: var(--door-bar); background-image: var(--door-bar-lit); box-shadow: 0 1px 0 0 var(--door-bar-line),
    0 0 0 0 transparent; color: var(--door-bar-ink) }
.c-door__head { background-color: var(--door-head); border-bottom-color: var(--door-head-line); box-shadow: inset 0 1px 0 0 var(--door-head-lit),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent; color: var(--door-head-ink) }
.c-door__row { background-color: transparent; box-shadow: 0 1px 0 0 var(--door-row-line),
    0 0 0 0 transparent; color: var(--door-row-ink); transition: background-color var(--quick) var(--ease-out) }
.c-door__row:nth-child(even) { background-color: var(--door-band) }
.c-door__row[data-lit] { background-color: var(--door-lit) }
.c-door__row[data-here] { background-color: var(--door-here); box-shadow: inset 2px 0 0 0 var(--door-here-bar); color: var(--door-here-ink) }
.c-door__row[data-here] .c-door__figure, .c-door__row[data-here] .c-door__held { color: var(--door-here-ink) }
.c-door__tile { background-color: var(--door-tile); border-color: var(--door-tile-edge); box-shadow: inset 0 1px 0 0 var(--door-tile-lit),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent; transition: background-color var(--quick) var(--ease-out),
    border-color var(--quick) var(--ease-out) }
.c-door__row[data-lit] .c-door__tile { background-color: var(--door-lit-tile) }
.c-door__figure { color: var(--door-row-figure) }
.c-door__head .c-door__figure, .c-door__head .c-door__held, .c-door__head .c-door__named { color: var(--door-head-ink) }
.c-door__held { color: var(--door-row-held) }
.c-door__foot { background-color: var(--door-foot); border-top-color: var(--door-foot-line); color: var(--door-foot-ink) }
.c-door__foot .c-door__figure { border-color: var(--door-foot-dark) var(--door-foot-edge)
    var(--door-foot-edge) var(--door-foot-dark); color: var(--door-foot-ink) }
.c-door__glow { transform: translate(var(--beam-x, 0px), var(--beam-y, 0px)); transition: transform var(--settled) var(--ease-out) }
.c-door__stock { background-color: var(--door-stock) }
.c-door__plate { backdrop-filter: var(--door-blur); background-color: var(--door-sheet); background-image: var(--door-sheet-lit); border-color: var(--door-plate-lit) var(--door-plate-rim)
    var(--door-plate-rim) var(--door-plate-lit); box-shadow: inset 1px 1px 0 0 var(--door-light),
    inset -1px -1px 0 0 var(--door-dark),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 2px 4px -1px var(--door-cast),
    0 14px 32px -14px var(--door-lift),
    0 56px 96px -40px var(--door-ambient) }
.c-door__brand { color: var(--door-brand-ink) }
.c-door .c-heading { color: var(--ink); font-family: var(--face); font-size: var(--type-2); font-weight: 500; letter-spacing: -0.0142em; line-height: 28px; margin-block: 0; text-transform: none }
.c-door [id^="refusal-note-"] { background-color: transparent; box-shadow: inset 2px 0 0 var(--mark); color: var(--ink); font-size: var(--type-1-down); letter-spacing: 0.0071em; line-height: 16px; margin-block: 0; padding-inline-start: var(--space-3) }
.c-door .c-text { font-size: var(--type-1-down); letter-spacing: 0.0071em; line-height: 16px; margin-block: 0 }
.c-door .c-form { gap: var(--space-4) }
.c-door .c-field { color: var(--muted); display: block; font-family: var(--face); font-size: var(--type-1-down); font-weight: 400; letter-spacing: 0.0071em; line-height: 16px; text-transform: none }
.c-door .c-field input { background-color: var(--door-well); border-color: var(--door-edge-dark) var(--door-edge-light)
    var(--door-edge-light) var(--door-edge-dark); border-radius: var(--door-round-control); border-style: solid; border-width: 1px; box-sizing: border-box; caret-color: var(--mark); color: var(--ink); display: block; font-family: var(--face); font-size: var(--type-1); font-weight: 400; height: 48px; letter-spacing: -0.0071em; line-height: 24px; margin-block-start: var(--space-1); outline-offset: -1px; padding-block: var(--space-3); padding-inline: var(--space-4) var(--space-8); width: 100%; box-shadow: inset 0 1px 2px 0 var(--door-recess),
    inset 1px 1px 0 0 var(--door-frame),
    inset -1px -1px 0 0 var(--door-face),
    inset 0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent; transition: background-color var(--door-dwell) var(--ease-state),
    border-color var(--door-dwell) var(--ease-state),
    box-shadow var(--door-dwell) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-door .c-field input:hover { border-color: var(--door-over-dark) var(--door-over-light)
    var(--door-over-light) var(--door-over-dark) }
}
.c-door .c-field input:focus { background-color: var(--door-well-lit); border-color: var(--door-lit-dark) var(--door-lit-light)
    var(--door-lit-light) var(--door-lit-dark); box-shadow: inset 0 1px 0 0 var(--door-inner),
    inset 1px 1px 0 0 var(--door-frame),
    inset -1px -1px 0 0 var(--door-face),
    inset 0 0 0 0 transparent,
    0 0 0 4px var(--door-halo),
    0 6px 16px -8px var(--door-lift),
    0 0 0 0 transparent }
.c-door .c-field input:focus-visible { outline: 2px solid var(--mark); outline-offset: -1px }
.c-door .c-field input[aria-invalid="true"] { border-color: var(--door-bad-dark) var(--door-bad-light)
    var(--door-bad-light) var(--door-bad-dark); box-shadow: inset 0 1px 2px 0 var(--door-recess),
    inset 1px 1px 0 0 var(--door-refused),
    inset -1px -1px 0 0 var(--door-face),
    inset 2px 0 0 0 var(--door-bar),
    0 0 0 4px var(--door-halo-bad),
    0 0 0 0 transparent,
    0 0 0 0 transparent }
.c-door .c-field input:autofill { box-shadow: inset 0 1px 2px 0 var(--door-recess),
    inset 1px 1px 0 0 var(--door-frame),
    inset -1px -1px 0 0 var(--door-face),
    inset 0 0 0 var(--space-16) var(--door-flood),
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent }
.c-door .c-button { align-items: center; align-self: stretch; background-color: var(--mark); border-color: var(--door-press-edge) var(--door-press-frame)
    var(--door-press-frame) var(--door-press-side); border-radius: var(--door-round-control); border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--on-mark); font-family: var(--face); font-size: var(--type-0); font-weight: 500; justify-content: center; letter-spacing: 0; line-height: 20px; margin-block-start: var(--space-2); min-height: 44px; padding-block: 0; padding-inline: var(--space-4); position: relative; text-align: center; box-shadow: inset 0 1px 0 0 var(--door-press-top),
    inset -1px -1px 0 0 var(--door-press-dark),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 1px 2px 0 var(--door-cast),
    0 8px 18px -10px var(--door-press-cast),
    0 0 0 var(--door-press-ring) var(--door-press-frame); transition: border-color var(--door-dwell) var(--ease-state),
    box-shadow var(--door-dwell) var(--ease-state),
    translate var(--door-dwell) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-door .c-button:hover { box-shadow: inset 0 1px 0 0 var(--door-press-top),
    inset -1px -1px 0 0 var(--door-press-dark),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 1px 2px 0 var(--door-cast),
    0 12px 26px -12px var(--door-press-cast),
    0 0 0 calc(var(--door-press-ring) * 2) var(--door-press-frame); translate: 0 -1px }
}
.c-door .c-button:active { translate: var(--door-nudge) 1px; transition: none }
.c-door .c-button:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px }
.c-door .c-rule { background-color: var(--door-line); border: 0; box-shadow: 0 1px 0 0 var(--door-line-under),
    0 0 0 0 transparent; height: 1px; margin: 0 }
.c-door .c-group .c-text { font-size: var(--type-0); letter-spacing: 0; line-height: 20px }
.c-door .c-link { color: var(--ink); font-family: var(--face); font-size: var(--type-0); font-weight: 400; line-height: 20px; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; transition: text-decoration-color var(--door-dwell) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-door .c-link:hover { text-decoration-color: var(--mark) }
}
.c-door__plates { backdrop-filter: var(--door-blur); background-color: var(--door-shell); border-color: var(--door-shell-edge) var(--door-shell-dark)
    var(--door-shell-dark) var(--door-shell-edge); box-shadow: inset 1px 1px 0 0 var(--door-light),
    inset -1px -1px 0 0 var(--door-dark),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 1px 1px 0 var(--door-shell-cast),
    0 6px 16px -10px var(--door-shell-cast),
    0 0 0 0 transparent }
.c-door__slider { background-color: var(--door-slider-face); border-color: var(--door-slider-edge); box-shadow: inset 0 1px 0 0 var(--door-slider-lit),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 1px 1px 0 var(--door-slider-cast),
    0 3px 8px -3px var(--door-slider-cast),
    0 0 0 0 transparent; opacity: var(--door-slider); translate: 0 0; transition: translate var(--quick) var(--ease-move) }
.c-door--nineties .c-door__slider { translate: 100% 0 }
.c-door--glass, .c-door--nineties { --ink: var(--ink-classic); --muted: var(--muted-classic); --paper: var(--paper-classic) }
html:has(.c-door--glass, .c-door--nineties)::after { content: none }
.c-door__seat { background-color: transparent; border-color: var(--door-seat-lit) var(--door-seat-frame)
    var(--door-seat-frame) var(--door-seat-lit); box-shadow: inset 1px 1px 0 0 var(--door-face),
    inset -1px -1px 0 0 var(--door-dark),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent; background-image: linear-gradient(
      45deg,
      transparent 25%,
      transparent 25%,
      transparent 75%,
      transparent 75%
    ),
    linear-gradient(
      45deg,
      transparent 25%,
      transparent 25%,
      transparent 75%,
      transparent 75%
    ); transition: background-color var(--door-dwell) var(--ease-state),
    border-color var(--door-dwell) var(--ease-state),
    box-shadow var(--door-dwell) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-door__seat:hover { background-color: var(--door-seat-over) }
}
.c-door__seat[aria-checked="true"] { border-color: var(--door-seat-frame) var(--door-seat-lit)
    var(--door-seat-lit) var(--door-seat-frame); box-shadow: inset 1px 1px 0 0 var(--door-dark),
    inset -1px -1px 0 0 var(--door-face),
    inset 0 0 0 0 transparent,
    inset 0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 0 0 0 transparent; background-image: linear-gradient(
      45deg,
      var(--door-dither) 25%,
      transparent 25%,
      transparent 75%,
      var(--door-dither) 75%
    ),
    linear-gradient(
      45deg,
      var(--door-dither) 25%,
      transparent 25%,
      transparent 75%,
      var(--door-dither) 75%
    ) }
.c-door__word { color: var(--muted); transition: color var(--door-dwell) var(--ease-state); translate: 0 0 }
@media (hover: hover) and (pointer: fine) {
  .c-door__seat:hover .c-door__word { color: var(--ink) }
}
.c-door__seat[aria-checked="true"] .c-door__word { color: var(--ink); translate: var(--door-nudge) var(--door-nudge) }
.c-door__seat:focus-visible { outline: 2px solid var(--mark); outline-offset: -2px }
.c-door--nineties { --door-stock: var(--navy); --door-sheet: var(--tint); --door-sheet-lit: none; --door-face: var(--ghost); --door-frame: var(--ink); --door-plate-lit: var(--ghost); --door-plate-rim: var(--ink); --door-light: var(--paper); --door-dark: var(--deboss); --door-well: var(--paper); --door-well-lit: var(--paper); --door-recess: transparent; --door-inner: transparent; --door-halo: transparent; --door-halo-bad: transparent; --door-edge-dark: var(--deboss); --door-edge-light: var(--paper); --door-over-dark: var(--ink); --door-over-light: var(--paper); --door-lit-dark: var(--ink); --door-lit-light: var(--paper); --door-bad-dark: var(--deboss); --door-bad-light: var(--paper); --door-refused: var(--mark); --door-bar: var(--navy-bar); --door-flood: var(--paper); --door-press-top: var(--sheen); --door-press-edge: var(--sheen); --door-press-side: var(--sheen); --door-press-frame: var(--ink); --door-press-dark: var(--shade); --door-press-ring: 1px; --door-press-cast: transparent; --door-cast: transparent; --door-lift: transparent; --door-ambient: transparent; --door-line: var(--deboss); --door-line-under: var(--paper); --door-shell: var(--ghost); --door-shell-edge: var(--ghost); --door-shell-dark: var(--ink); --door-shell-cast: transparent; --door-seat: var(--tint); --door-seat-over: var(--tint); --door-seat-lit: var(--paper); --door-seat-frame: var(--ink); --door-dither: var(--paper); --door-slider: 0; --door-round: 0px; --door-round-control: 0px; --door-round-pill: 0px; --door-dwell: 0ms; --door-nudge: 1px; --door-brand-ink: var(--paper); --door-desk: radial-gradient(
    120% 90% at 50% -10%,
    color-mix(in oklab, var(--navy-lit) 26%, transparent) 0%,
    transparent 62%
  ); --door-behind: blur(0.5px) saturate(0.86) opacity(1); --door-rack: var(--paper); --door-rack-edge: var(--ghost); --door-rack-dark: var(--ink); --door-rack-lit: var(--paper); --door-rack-shade: var(--deboss); --door-rack-cast: transparent; --door-bar-lit: linear-gradient(
    90deg,
    var(--navy-bar) 0%,
    var(--navy-lit) 100%
  ); --door-bar-ink: var(--paper); --door-bar-line: var(--ink); --door-head: var(--ghost); --door-head-ink: var(--muted); --door-head-line: var(--deboss); --door-head-lit: var(--paper); --door-band: var(--tint); --door-row-line: var(--ghost); --door-row-ink: var(--muted); --door-row-figure: var(--rule); --door-row-held: var(--rule); --door-here: var(--navy-bar); --door-here-ink: var(--paper); --door-here-bar: transparent; --door-lit: color-mix(in oklab, var(--navy-lit) 22%, transparent); --door-lit-tile: color-mix(in oklab, var(--paper) 22%, var(--flag)); --door-tile: var(--flag); --door-tile-lit: var(--paper); --door-tile-edge: color-mix(in oklab, var(--ink) 58%, transparent); --door-foot: var(--ghost); --door-foot-line: var(--deboss); --door-foot-ink: var(--muted); --door-foot-edge: var(--paper); --door-foot-dark: var(--deboss); --door-veil: radial-gradient(
    76% 72% at 50% 46%,
    color-mix(in oklab, var(--ghost) 72%, transparent) 0%,
    color-mix(in oklab, var(--ghost) 58%, transparent) 38%,
    color-mix(in oklab, var(--ghost) 22%, transparent) 72%,
    transparent 100%
  ); --door-glow: radial-gradient(
    closest-side,
    color-mix(in oklab, var(--paper) 22%, transparent) 0%,
    transparent 100%
  ); --door-blur: blur(0px) saturate(1); --door-slider-face: var(--tint); --door-slider-edge: var(--tint); --door-slider-lit: transparent; --door-slider-cast: transparent }
.c-door[data-morphing] .c-door__stock, .c-door[data-morphing] .c-door__desk, .c-door[data-morphing] .c-door__rack, .c-door[data-morphing] .c-door__bar, .c-door[data-morphing] .c-door__head, .c-door[data-morphing] .c-door__row, .c-door[data-morphing] .c-door__tile, .c-door[data-morphing] .c-door__foot, .c-door[data-morphing] .c-door__figure, .c-door[data-morphing] .c-door__named, .c-door[data-morphing] .c-door__held, .c-door[data-morphing] .c-door__veil, .c-door[data-morphing] .c-door__glow, .c-door[data-morphing] .c-door__brand, .c-door[data-morphing] .c-door__plate, .c-door[data-morphing] .c-door__plates, .c-door[data-morphing] .c-door__seat, .c-door[data-morphing] .c-door__slider, .c-door[data-morphing] .c-field input, .c-door[data-morphing] .c-button, .c-door[data-morphing] .c-rule { transition-property: background-color, border-color, box-shadow, border-radius,
    background-image, opacity, color, backdrop-filter; transition-duration: var(--settled); transition-timing-function: var(--ease-move) }
.c-door[data-morphing="again"] .c-door__stock, .c-door[data-morphing="again"] .c-door__desk, .c-door[data-morphing="again"] .c-door__rack, .c-door[data-morphing="again"] .c-door__bar, .c-door[data-morphing="again"] .c-door__head, .c-door[data-morphing="again"] .c-door__row, .c-door[data-morphing="again"] .c-door__tile, .c-door[data-morphing="again"] .c-door__foot, .c-door[data-morphing="again"] .c-door__figure, .c-door[data-morphing="again"] .c-door__named, .c-door[data-morphing="again"] .c-door__held, .c-door[data-morphing="again"] .c-door__veil, .c-door[data-morphing="again"] .c-door__glow, .c-door[data-morphing="again"] .c-door__brand, .c-door[data-morphing="again"] .c-door__plate, .c-door[data-morphing="again"] .c-door__plates, .c-door[data-morphing="again"] .c-door__seat, .c-door[data-morphing="again"] .c-field input, .c-door[data-morphing="again"] .c-button, .c-door[data-morphing="again"] .c-rule { transition-duration: var(--quick) }
.c-door[data-morphing] .c-door__slider { transition-duration: calc(var(--settled) * 0.4) }
.c-door[data-morphing] .c-door__slider, .c-door .c-door__slider { transition-timing-function: var(--ease-move) }
[data-material="bench"], .bench { --edge: 1px solid var(--hair); --edge-glass: 1px solid var(--glass-hair); --seat: var(--ghost); --grip: 1px solid var(--ink); --well: inset 0 1px 2px var(--cast-contact); --laid: 0 1px 2px var(--cast-near); --raised: 0 1px 2px var(--cast-contact), 0 4px 12px -2px var(--cast-near); --held: 0 1px 3px var(--cast-contact), 0 8px 24px -4px var(--cast-near),
    0 24px 48px -12px var(--cast-far) }
:where(a) { color: inherit; text-decoration: none }
@media (hover: hover) and (pointer: fine) {
  :where(p, li, dd) :where(a):hover { text-decoration: underline; text-underline-offset: 2px }
}
:where(.craft-spinner) { display: inline-block; flex-shrink: 0; animation: craft-spin 800ms linear infinite }
:where(.craft-button) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-decoration: none; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out), background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out), filter var(--craft-fast) var(--craft-ease-out), opacity var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-button)::before { content: none }
:where(.craft-button[data-pressed]:not([aria-haspopup])) { scale: 0.97 }
:where(.craft-button[data-wide]) { width: 100% }
:where(.craft-button[data-busy]) { cursor: progress }
:where(form[aria-busy="true"] .craft-button[type="submit"]) { position: relative; cursor: progress; pointer-events: none }
:where(form[aria-busy="true"] .craft-button[type="submit"] > *) { opacity: 0 }
:where(form[aria-busy="true"] .craft-button[type="submit"])::after { content: ""; position: absolute; inset: 0; margin: auto; height: 1em; aspect-ratio: 1; box-sizing: border-box; border: 1.5px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: craft-spin 800ms linear infinite }
:where(.craft-button[data-seated]) { cursor: default; pointer-events: none }
:where(.craft-button__icon) { display: inline-flex; flex: 0 0 auto }
:where(.craft-button__trailing) { display: inline-flex; flex: 0 0 auto }
:where(.craft-button__spinner) { flex: 0 0 auto }
:where(.craft-button__label) { display: block; white-space: nowrap }
:where(.craft-switch) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; flex-shrink: 0; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-switch:active:not([data-disabled])) { scale: 0.97 }
:where(.craft-switch[data-disabled]) { cursor: default }
:where(.craft-switch__thumb) { display: block; transform-origin: left center; transition: translate var(--craft-spring) var(--craft-ease-in-out), scale var(--craft-fast) var(--craft-ease-out), background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-switch[data-checked] .craft-switch__thumb) { transform-origin: right center }
:where(.craft-switch[data-pressed] .craft-switch__thumb) { scale: 1.2 1 }
:where(.craft-segmented) { --craft-inset: 3px; position: relative; box-sizing: border-box; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: stretch; padding: var(--craft-inset) }
:where(.craft-segmented__raised) { --raised-of: 1; --raised-at: 0; position: absolute; top: var(--craft-inset); bottom: var(--craft-inset); left: var(--craft-inset); width: calc((100% - var(--craft-inset) * 2) / var(--raised-of)); translate: calc(var(--raised-at) * 100%) 0; pointer-events: none; transition: translate var(--craft-smooth) var(--craft-emphasized), background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-segmented:not([data-sprung]) .craft-segmented__raised) { transition: none }
:where(.craft-segmented__item) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: none; background: none; font: inherit; color: inherit; white-space: nowrap; cursor: pointer; text-decoration: none; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-segmented__item:active:not([data-disabled])) { scale: 0.97 }
:where(.craft-segmented__item[data-seated]) { cursor: default }
:where(.craft-segmented__input) { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; appearance: none; cursor: inherit }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(2) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 1 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(3) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 2 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(4) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 3 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(5) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 4 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(6) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 5 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(7) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 6 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(8) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 7 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(9) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 8 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(10) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 9 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(11) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 10 }
:where(.craft-segmented:has(.craft-segmented__item:nth-of-type(12) .craft-segmented__input:checked) .craft-segmented__raised) { --raised-at: 11 }
:where(.craft-place) { --craft-inset: 3px; position: relative; box-sizing: border-box; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: stretch; padding: var(--craft-inset) }
:where(.craft-place__raised) { --raised-of: 1; --raised-at: 0; position: absolute; top: var(--craft-inset); bottom: var(--craft-inset); left: var(--craft-inset); width: calc((100% - var(--craft-inset) * 2) / var(--raised-of)); translate: calc(var(--raised-at) * 100%) 0; pointer-events: none; transition: translate var(--craft-smooth) var(--craft-emphasized) }
:where(.craft-place__item) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; text-decoration: none; color: inherit }
:where(.craft-place__dot) { display: inline-block; border-radius: 50% }
:where(.craft-menu) { box-sizing: border-box; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-normal) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized), scale var(--craft-normal) var(--craft-emphasized) }
:where(.craft-menu[data-starting-style]) { opacity: 0; translate: 0 -4px; scale: 0.95 }
:where(.craft-menu[data-ending-style]) { opacity: 0; translate: 0 -4px; scale: 0.95; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-menu[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-menu[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-menu[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-menu[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-menu[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-menu[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-menu__place) { z-index: 50 }
:where(.craft-menu__row) { box-sizing: border-box; display: flex; align-items: center; width: 100%; margin: 0; border: none; background: none; font: inherit; color: inherit; text-align: left; text-decoration: none; cursor: pointer; user-select: none; outline: none; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-menu__row:active:not([data-disabled])) { scale: 0.99 }
:where(.craft-menu__row[data-disabled]) { cursor: not-allowed }
:where(.craft-menu__icon) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center }
:where(.craft-menu__said) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-menu__row:has(.craft-menu__detail)) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; row-gap: 0 }
:where(.craft-menu__row:has(.craft-menu__detail) .craft-menu__icon) { grid-row: 1 / 3 }
:where(.craft-menu__row:has(.craft-menu__detail) .craft-menu__said) { grid-column: 2; align-self: end }
:where(.craft-menu__detail) { grid-column: 2; grid-row: 2; align-self: start; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-menu__row:has(.craft-menu__detail) :is(.craft-menu__trailing, .craft-menu__hint)) { grid-row: 1 / 3 }
:where(.craft-menu__heading) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; user-select: none; cursor: default }
:where(.craft-menu__trailing) { flex: 0 0 auto }
:where(.craft-menu__hint) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center }
:where(.craft-menu__divider) { border: none; flex-shrink: 0 }
:where(.craft-acts) { box-sizing: border-box; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-normal) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized), scale var(--craft-normal) var(--craft-emphasized) }
:where(.craft-acts[data-starting-style]) { opacity: 0; translate: 0 -4px; scale: 0.96 }
:where(.craft-acts[data-ending-style]) { opacity: 0; translate: 0 -4px; scale: 0.96; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-acts[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-acts[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-acts[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-acts[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-acts[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-acts[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-acts__place) { z-index: 50 }
:where(.craft-acts__sheet) { position: fixed; inset-block-end: 0; inset-inline: 0; box-sizing: border-box; display: flex; flex-direction: column; max-height: calc(100svh - 64px); overflow: hidden; outline: none; animation-duration: var(--craft-smooth) !important }
:where(.craft-acts__behind) { position: fixed; inset: 0; animation-duration: var(--craft-normal) !important }
:where(.craft-acts__grab) { flex: none }
:where(.craft-acts__body) { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain }
:where(.craft-acts__row) { box-sizing: border-box; display: flex; align-items: center; margin: 0; border: none; background: none; font: inherit; color: inherit; text-align: start; cursor: pointer; outline: none; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-acts__row:active:not([data-disabled])) { scale: 0.99 }
:where(.craft-acts__row[data-disabled]) { cursor: default }
:where(.craft-acts__row:disabled) { cursor: default; scale: 1 }
:where(.craft-acts__divider) { border: none; flex-shrink: 0 }
:where(.craft-acts__group[data-confirming]) { animation: craft-acts-confirming 160ms var(--craft-ease-out) both }
:where(.craft-acts__group[data-confirming] .craft-acts__question) { animation: none }
:where(.craft-acts__question) { margin: 0; animation: craft-acts-question var(--craft-normal) var(--craft-ease-out) both }
:where(.craft-acts__more) { display: grid; place-items: center; flex: none; margin: 0; padding: 0; border: none; background: none; font: inherit; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-acts__more:active) { scale: 0.95 }
:where(.craft-tally) { display: inline-grid; overflow: clip; font-variant-numeric: tabular-nums; vertical-align: bottom }
:where(.craft-tally__figure, .craft-tally__leaving) { grid-area: 1 / 1; text-align: end; white-space: nowrap; transition: transform var(--craft-smooth) var(--craft-ease-out), opacity var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-tally[data-going="up"] .craft-tally__figure[data-entering]) { transform: translateY(100%); opacity: 0 }
:where(.craft-tally[data-going="down"] .craft-tally__figure[data-entering]) { transform: translateY(-100%); opacity: 0 }
:where(.craft-tally[data-going="up"] .craft-tally__leaving) { transform: translateY(-100%); opacity: 0 }
:where(.craft-tally[data-going="down"] .craft-tally__leaving) { transform: translateY(100%); opacity: 0 }
:where(.craft-panel__frame) { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 0px; height: 100%; min-height: 0; overflow-x: clip; transition: grid-template-columns var(--craft-normal) var(--craft-ease-out) }
:where(.craft-panel__frame[data-open]:not([data-overlays]):not([data-room="phone"])) { grid-template-columns: minmax(0, 1fr) var(--panel-width, 440px) }
:where(.craft-panel__column) { min-width: 0 }
:where(.craft-panel__dock) { min-width: 0; min-height: 0; width: var(--panel-width, 440px); justify-self: start; translate: 0 0; opacity: 1; transition: translate var(--craft-smooth) var(--craft-ease-out), opacity var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-panel__frame[data-overlays] .craft-panel__dock) { position: absolute; inset-block: 0; inset-inline-end: 0; width: min(var(--panel-width, 440px), 100%); z-index: 20 }
:where(.craft-panel__frame[data-room="phone"] .craft-panel__dock) { width: auto }
:where(.craft-panel__dock[data-entering]) { translate: 8px 0; opacity: 0 }
:where(.craft-panel__dock[data-leaving]) { translate: 8px 0; opacity: 0; transition: translate var(--craft-normal) var(--craft-ease-out), opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-panel) { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden }
:where(.craft-panel__bar) { display: flex; flex: none; align-items: center; box-sizing: border-box }
:where(.craft-panel__title) { flex: 1 1 auto; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-panel__title > svg, .craft-panel__title > [aria-hidden]) { vertical-align: -0.1em; margin-inline-end: var(--space-1) }
:where(.craft-panel__acts) { display: flex; flex: none; align-items: center }
:where(.craft-panel__close) { display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-panel__close:active) { scale: 0.97 }
:where(.craft-panel__body) { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain }
:where(.craft-panel__sheet) { position: fixed; inset-block-end: 0; inset-inline: 0; box-sizing: border-box; height: calc(100% - 40px - var(--safe-top, 0px)); display: flex; flex-direction: column; overflow: hidden; outline: none; animation-duration: var(--craft-smooth) !important }
:where(.craft-panel__behind) { position: fixed; inset: 0; animation-duration: var(--craft-normal) !important }
:where(.craft-panel__grab) { flex: none }
:where(.craft-workspace) { box-sizing: border-box; height: 100dvh; container-type: inline-size }
:where(.craft-workspace__layout) { display: grid; grid-template-columns: minmax(0, 1fr); height: 100%; min-height: 0 }
:where(.craft-workspace__side) { box-sizing: border-box; display: none; flex-direction: column; min-height: 0; overflow-y: auto }
:where(.craft-workspace__brand) { display: flex; align-items: center }
:where(.craft-workspace__name) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-workspace__nav) { display: flex; flex-direction: column }
:where(.craft-workspace__heading) { display: flex; align-items: center; margin: 0 }
:where(.craft-workspace__foot) { display: flex; flex-direction: column; margin-block-start: auto }
:where(.craft-workspace__find, .craft-workspace__add, .craft-workspace__switch, .craft-workspace__drop) { box-sizing: border-box; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-align: start; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out); display: inline-flex; align-items: center; justify-content: center }
:where(.craft-workspace__place) { box-sizing: border-box; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-align: start; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out); display: flex; align-items: center; width: 100% }
:where(.craft-workspace__find:active, .craft-workspace__add:active, .craft-workspace__switch:active, .craft-workspace__drop:active, .craft-workspace__place:active) { scale: 0.97 }
:where(.craft-workspace__label) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-workspace__count) { font-variant-numeric: tabular-nums; text-align: end }
:where(.craft-workspace__dot) { display: inline-block; flex: none }
:where(.craft-workspace__bar) { position: sticky; inset-block-start: 0; z-index: 10; box-sizing: border-box; display: flex; align-items: center }
:where(.craft-workspace__switch) { min-width: 0 }
:where(.craft-workspace__sheet) { display: flex; flex-direction: column }
:where(.craft-workspace__main) { box-sizing: border-box; height: 100%; min-width: 0; overflow-y: auto; overscroll-behavior: contain }
:where(.craft-workspace__column) { box-sizing: border-box; margin-inline: auto }
:where(.craft-workspace__head) { display: flex; align-items: baseline }
:where(.craft-workspace__head:not(:has(.craft-workspace__acts))) { display: none }
:where(.craft-workspace__title) { display: none; margin: 0 }
:where(.craft-workspace__total) { display: none; font-variant-numeric: tabular-nums }
:where(.craft-workspace__acts) { display: flex; align-items: center; margin-inline-start: auto }
:where(.craft-workspace__composer) { position: relative }
:where(.craft-workspace__field) { box-sizing: border-box; display: flex; align-items: center; transition: box-shadow var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-workspace__input) { box-sizing: border-box; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; outline: none; flex: 1 1 auto; min-width: 0; height: 100% }
:where(.craft-workspace__submit) { box-sizing: border-box; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; outline: none; display: inline-flex; flex: none; align-items: center; justify-content: center; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-workspace__submit:active) { scale: 0.97 }
:where(.craft-workspace__chips) { display: flex; flex-wrap: wrap }
:where(.craft-workspace__chip) { display: inline-flex; align-items: center; animation: craft-workspace-chip var(--craft-smooth) var(--craft-ease-out) both }
:where(.craft-workspace__list) { outline: none }
:where(.craft-workspace__group) { display: block }
:where(.craft-workspace__shell) { display: grid }
:where(.craft-workspace__shell > .craft-workspace__row) { min-height: 0; overflow: hidden }
:where(.craft-workspace__row) { position: relative; box-sizing: border-box; display: flex; cursor: pointer }
:where(.craft-workspace__body) { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0 }
:where(.craft-workspace__lead) { display: inline-flex; flex: none; align-items: center }
:where(.craft-workspace__text) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis }
:where(.craft-workspace__words) { position: relative; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: inherit }
:where(.craft-workspace__words)::after { content: ""; position: absolute; inset-inline: 0; top: 50%; height: 1px; background-color: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-workspace__row[data-done] .craft-workspace__words)::after { transform: scaleX(1) }
:where(.craft-workspace__meta) { display: flex; flex: none; align-items: center; transition: opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-workspace__row[data-done] .craft-workspace__meta) { opacity: 0 }
:where(.craft-workspace__more) { display: none; flex: none; align-items: center; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-workspace__row:hover .craft-workspace__more) { opacity: 1 }
}
:where(.craft-workspace__row:focus-within .craft-workspace__more) { opacity: 1 }
:where(.craft-workspace__row[data-selected] .craft-workspace__more) { opacity: 1 }
:where(.craft-workspace__row[data-cursor] .craft-workspace__more) { opacity: 1 }
:where(.craft-workspace__more:has([data-popup-open])) { opacity: 1 }
:where(.craft-workspace__wash) { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; animation: craft-workspace-wash 1200ms var(--craft-ease-out) forwards }
:where(.craft-drop) { display: grid; gap: 0 }
:where(.craft-drop__well) { position: relative; display: grid; transition: background-color var(--craft-fast) var(--craft-ease-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-drop__face) { position: relative; display: grid; grid-area: 1 / 1; min-width: 0; cursor: pointer }
:where(.craft-drop__file) { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; font-size: 0 }
:where(.craft-drop__empty) { grid-area: 1 / 1; display: grid; justify-items: center; align-content: center; pointer-events: none; text-align: center }
:where(.craft-drop[data-chosen] .craft-drop__empty) { display: none }
:where(.craft-drop__prints) { grid-area: 1 / 1; display: grid; pointer-events: none }
:where(.craft-drop__print) { display: block; width: 100%; height: auto; max-height: 80svh; object-fit: cover; transition: opacity var(--craft-smooth) var(--craft-ease-out), scale var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-drop__print[data-entering]) { opacity: 0; scale: 0.98 }
:where(.craft-drop__chip) { position: absolute; inset-block-start: 0; inset-inline-end: 0; z-index: 1; display: flex }
:where(.craft-drop__act) { margin: 0; font: inherit; border: none; cursor: pointer; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-drop__act:active) { scale: 0.97 }
:where(.craft-drop__rejected) { margin: 0 }
:where(.craft-inspect__place) { z-index: 50; pointer-events: none }
:where(.craft-inspect__card) { box-sizing: border-box; max-width: calc(100vw - 16px); transform-origin: var(--transform-origin, center); transition: opacity var(--craft-normal) var(--craft-ease-out), scale var(--craft-normal) var(--craft-ease-out) }
:where(.craft-inspect__card[data-starting-style]) { opacity: 0; scale: 0.97 }
:where(.craft-inspect__card[data-ending-style]) { opacity: 0; scale: 0.97; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-inspect__card[data-instant]) { transition: none }
:where(.craft-inspect__sheet) { position: fixed; inset-block-end: 0; inset-inline: 0; box-sizing: border-box; display: flex; flex-direction: column; max-height: calc(100svh - 64px); overflow: hidden; outline: none; animation-duration: var(--craft-smooth) !important }
:where(.craft-inspect__behind) { position: fixed; inset: 0; animation-duration: var(--craft-smooth) !important }
:where(.craft-inspect__grab) { flex: none }
:where(.craft-inspect__body) { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain }
:where(.craft-inspect__act) { display: grid }
:where(.craft-popover__place) { z-index: 50 }
:where(.craft-popover) { box-sizing: border-box; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-normal) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized) }
:where(.craft-popover[data-starting-style]) { opacity: 0; translate: 0 -4px }
:where(.craft-popover[data-ending-style]) { opacity: 0; translate: 0 -4px; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out) }
:where(.craft-popover[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-popover[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-popover[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-popover[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-popover[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-popover[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-popover[data-drawn]) { position: absolute; margin: 0; transform-origin: var(--transform-origin, var(--craft-from, center)); transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized), scale var(--craft-normal) var(--craft-emphasized) }
:where(.craft-popover[data-drawn][data-flows]) { position: static }
:where(.craft-popover[data-shut]) { opacity: 0; scale: 0.97; translate: 0 var(--craft-rise, -4px); pointer-events: none; visibility: hidden; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out), visibility var(--craft-fast) linear }
:where(.craft-tooltip__place .craft-tooltip__bubble) { box-sizing: border-box; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-emphasized) }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-starting-style]) { opacity: 0; translate: 0 -4px }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-ending-style]) { opacity: 0; translate: 0 -4px; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out) }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-tooltip__place .craft-tooltip__bubble[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-tooltip) { display: inline-flex }
:where(.craft-hovercard) { box-sizing: border-box; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-normal) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized) }
:where(.craft-hovercard[data-starting-style]) { opacity: 0; translate: 0 -4px }
:where(.craft-hovercard[data-ending-style]) { opacity: 0; translate: 0 -4px; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out) }
:where(.craft-hovercard[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-hovercard[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-hovercard[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-hovercard[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-hovercard[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-hovercard[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-dialog__backdrop) { position: fixed; inset: 0; z-index: 50; transition: opacity var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-dialog__backdrop[data-starting-style]) { opacity: 0 }
:where(.craft-dialog__backdrop[data-ending-style]) { opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-dialog) { position: fixed; z-index: 50; top: 50%; left: 50%; translate: -50% -50%; box-sizing: border-box; display: flex; flex-direction: column; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; outline: none; transition: opacity var(--craft-smooth) var(--craft-ease-out), scale var(--craft-smooth) var(--craft-ease-out) }
:where(.craft-dialog[data-starting-style]) { opacity: 0; scale: 0.96 }
:where(.craft-dialog[data-ending-style]) { opacity: 0; scale: 0.98; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-dialog__head) { display: flex; align-items: flex-start }
:where(.craft-dialog__mark) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center }
:where(.craft-dialog__words) { flex: 1 1 auto; min-width: 0 }
:where(.craft-dialog__title) { margin: 0 }
:where(.craft-dialog__said) { margin: 0 }
:where(.craft-dialog__acts) { display: flex; justify-content: flex-end }
:where(.craft-sheet__backdrop) { position: fixed; inset: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-sheet__backdrop[data-starting-style]) { opacity: 0 }
:where(.craft-sheet__backdrop[data-ending-style]) { opacity: 0; transition: opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-sheet) { position: fixed; top: 0; bottom: 0; right: 0; box-sizing: border-box; display: flex; flex-direction: column; overflow-y: auto; outline: none; transition: translate var(--craft-smooth) var(--craft-emphasized) }
:where(.craft-sheet[data-side="left"]) { right: auto; left: 0 }
:where(.craft-sheet[data-side="bottom"]) { top: auto; left: 0; max-height: 100dvh }
:where(.craft-sheet__grip) { display: none }
:where(.craft-sheet[data-starting-style]) { translate: 100% 0 }
:where(.craft-sheet[data-side="left"][data-starting-style]) { translate: -100% 0 }
:where(.craft-sheet[data-side="bottom"][data-starting-style]) { translate: 0 100% }
:where(.craft-sheet[data-ending-style]) { translate: 100% 0; transition: translate var(--craft-normal) var(--craft-ease-out) }
:where(.craft-sheet[data-side="left"][data-ending-style]) { translate: -100% 0 }
:where(.craft-sheet[data-side="bottom"][data-ending-style]) { translate: 0 100%; transition: translate var(--craft-normal) var(--craft-ease-out) }
:where(.craft-sheet__head) { display: flex; align-items: center; justify-content: space-between }
:where(.craft-sheet[data-side="bottom"] .craft-sheet__head) { touch-action: none }
:where(.craft-sheet[data-dragging]) { user-select: none }
:where(.craft-sheet__title) { margin: 0 }
:where(.craft-sheet__close) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer }
:where(.craft-sheet__body) { flex: 1 1 auto; min-height: 0 }
:where(.craft-install) { box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-3); width: min(360px, calc(100vw - 32px)); max-width: none; max-height: 100dvh; margin: auto; padding: var(--space-6); border: none; outline: none; overflow-y: auto; overscroll-behavior: contain; transition: translate var(--craft-normal) var(--craft-emphasized), opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-install:not([open])) { display: none }
:where(.craft-install)::backdrop { transition: opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-install[data-starting-style]) { translate: 0 8px; opacity: 0 }
:where(.craft-install[data-ending-style]) { translate: 0 8px; opacity: 0 }
:where(.craft-install[data-starting-style])::backdrop { opacity: 0 }
:where(.craft-install[data-ending-style])::backdrop { opacity: 0 }
:where(.craft-install__icon) { display: block; height: 60px; aspect-ratio: 1; object-fit: cover; border-radius: 22%; border: 1px solid transparent; box-sizing: border-box }
:where(.craft-install__title) { margin: 0; font: inherit }
:where(.craft-install__note) { margin: 0 }
:where(.craft-install__steps) { display: flex; flex-direction: column; gap: var(--space-3); margin: var(--space-2) 0; padding: 0; list-style: none; user-select: none }
:where(.craft-install__step) { display: flex; align-items: center; gap: var(--space-3) }
:where(.craft-install__glyph) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; height: 28px; aspect-ratio: 1; border: 1px solid transparent; border-radius: var(--radius-2) }
:where(.craft-install__done) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; align-self: flex-end; margin: 0; padding: var(--space-2) var(--space-4); border: none; border-radius: var(--radius-2); font: inherit; cursor: pointer }
:where(.craft-toast__stack) { --craft-peek: 12px; --craft-gap: 8px; --craft-edge: 16px; position: fixed; bottom: calc(var(--reserved-bottom, 0px) + var(--keyboard-inset, 0px) + max(var(--craft-edge), env(safe-area-inset-bottom))); left: 50%; translate: -50% 0; width: min(26rem, calc(100% - 2 * var(--craft-edge))); box-sizing: border-box; pointer-events: none }
:where(.craft-toast__stack[data-side="end"]) { left: auto; right: var(--craft-edge); translate: none }
:where(.craft-toast__stack > *) { pointer-events: auto }
:where(.craft-toast) { --craft-index: var(--toast-index, 0); --craft-pushed: var(--toast-swipe-movement-y, 0px); --craft-before: var(--toast-offset-y, 0px); --craft-height: var(--toast-frontmost-height, var(--toast-height, 0px)); --craft-scale: calc(max(0, 1 - var(--craft-index) * 0.05)); --craft-shrink: calc(1 - var(--craft-scale)); --craft-spread: calc(var(--craft-before) * -1 - var(--craft-index) * var(--craft-gap) + var(--craft-pushed)); position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; display: flex; align-items: center; height: var(--toast-frontmost-height, var(--toast-height, auto)); z-index: calc(100 - var(--craft-index)); transform-origin: bottom center; transform: translateY(calc(var(--craft-pushed) - var(--craft-index) * var(--craft-peek) - var(--craft-shrink) * var(--craft-height))) scale(var(--craft-scale)); transition: transform var(--craft-smooth) var(--craft-ease-out), opacity var(--craft-normal) var(--craft-ease-out); touch-action: none; user-select: none; gap: 12px; padding: 8px 8px 8px 16px; border: 1px solid var(--notice-edge, var(--rule)); border-radius: var(--notice-radius, var(--radius-3, 14px)); background-color: var(--notice-surface, var(--paper)); color: var(--notice-ink, var(--ink)); box-shadow: var(--notice-lift, var(--lift-key)); font-family: var(--notice-face, var(--face)); font-size: 15px; line-height: 1.35; outline: none }
:where(.craft-toast)::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: calc(var(--craft-gap) + 1px) }
:where(.craft-toast[data-expanded]) { height: var(--toast-height, auto); transform: translateY(var(--craft-spread)) }
:where(.craft-toast[data-starting-style]) { opacity: 0; transform: translateY(100%) }
:where(.craft-toast[data-ending-style]) { opacity: 0; transition: transform var(--craft-normal) var(--craft-ease-out), opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-toast[data-front][data-ending-style]) { transform: translateY(100%) }
:where(.craft-toast[data-ending-style][data-swipe-direction="down"]) { transform: translateY(calc(var(--craft-pushed) + 100%)) }
:where(.craft-toast[data-limited]) { opacity: 0; pointer-events: none }
:where(.craft-toast__icon) { display: inline-flex; flex: 0 0 auto }
:where(.craft-toast__body) { flex: 1 1 auto; min-width: 0; overflow: hidden; transition: opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-toast__body[data-behind]) { opacity: 0 }
:where(.craft-toast__body[data-expanded]) { opacity: 1 }
:where(.craft-toast__said) { margin: 0; font: inherit; font-weight: 500; overflow-wrap: anywhere }
:where(.craft-toast__more) { margin: 0; font: inherit; margin-top: 2px; font-size: 13px; color: color-mix(in srgb, var(--notice-ink, var(--ink)) 60%, transparent); overflow-wrap: anywhere }
:where(.craft-toast__act) { flex: 0 0 auto; box-sizing: border-box; height: 32px; margin: 0; border: 0; border-radius: calc(var(--notice-radius, var(--radius-3, 14px)) - 8px); font-family: inherit; cursor: pointer; outline: none; transition: background-color var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out); padding: 0 12px; background-color: var(--notice-ink, var(--ink)); color: var(--notice-surface, var(--paper)); font-size: 13px; font-weight: 500 }
:where(.craft-toast__shut) { flex: 0 0 auto; opacity: 0; transition: background-color var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out), opacity var(--craft-fast) var(--craft-ease-out); box-sizing: border-box; height: 32px; margin: 0; border: 0; border-radius: calc(var(--notice-radius, var(--radius-3, 14px)) - 8px); font-family: inherit; cursor: pointer; outline: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; padding: 0; background-color: transparent; color: color-mix(in srgb, var(--notice-ink, var(--ink)) 55%, transparent) }
:where(.craft-toast[data-expanded] .craft-toast__shut) { opacity: 1 }
:where(.craft-toast__shut:focus-visible) { opacity: 1; outline: 1.5px solid var(--notice-ink, var(--ink)); outline-offset: 1px }
:where(.craft-toast:focus-visible) { outline: 1.5px solid var(--notice-ink, var(--ink)); outline-offset: 1px }
:where(.craft-toast__act:focus-visible) { outline: 1.5px solid var(--notice-ink, var(--ink)); outline-offset: 1px }
:where(.craft-toast__act:active) { scale: 0.97 }
:where(.craft-toast__shut:active) { scale: 0.97 }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-toast__act:hover) { background-color: color-mix(in srgb, var(--notice-ink, var(--ink)) 85%, var(--notice-surface, var(--paper))) }
}
@media (hover: hover) and (pointer: fine) {
  :where(.craft-toast__shut:hover) { color: var(--notice-ink, var(--ink)); background-color: color-mix(in srgb, var(--notice-ink, var(--ink)) 8%, transparent) }
}
:where(.craft-combobox__field) { margin: 0; border: none; background: none; font: inherit; color: inherit; outline: none }
:where(.craft-combobox__plane) { box-sizing: border-box; overflow: hidden; outline: none; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-combobox__plane[data-starting-style]) { opacity: 0; scale: 0.98 }
:where(.craft-combobox__plane[data-ending-style]) { opacity: 0; scale: 0.98 }
:where(.craft-combobox__list) { overflow-y: auto }
:where(.craft-combobox__row) { display: flex; align-items: center; cursor: pointer; user-select: none }
:where(.craft-combobox__row[data-disabled]) { cursor: default }
:where(.craft-combobox__empty) { margin: 0 }
:where(.craft-command__backdrop) { position: fixed; inset: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-command__backdrop[data-starting-style]) { opacity: 0 }
:where(.craft-command__backdrop[data-ending-style]) { opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-command__plane) { position: fixed; left: 50%; translate: -50% 0; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; outline: none; transition: opacity var(--craft-normal) var(--craft-emphasized), scale var(--craft-normal) var(--craft-emphasized) }
:where(.craft-command__plane[data-starting-style]) { opacity: 0; scale: 0.95 }
:where(.craft-command__plane[data-ending-style]) { opacity: 0; scale: 0.95; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-command) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0 }
:where(.craft-command__head) { display: flex; align-items: center }
:where(.craft-command__field) { flex: 1 1 auto; min-width: 0; margin: 0; border: none; background: none; font: inherit; color: inherit; outline: none }
:where(.craft-command__list) { flex: 1 1 auto; min-height: 0; overflow-y: auto }
:where(.craft-command__group) { display: grid }
:where(.craft-command__asking) { display: flex; align-items: center; min-width: 0 }
:where(.craft-command__row) { display: flex; align-items: center; cursor: pointer; user-select: none }
:where(.craft-command__row[data-disabled="true"]) { cursor: default }
:where(.craft-command__row-icon) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0 }
:where(.craft-command__row-said) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-command__row-detail) { flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-command__row-keys) { display: inline-flex; align-items: center; flex-shrink: 0; margin-inline-start: auto }
:where(.craft-command__loading) { display: flex; align-items: center }
:where(.craft-command__separator) { border-top: 1px solid }
:where(.craft-command__crumb) { display: contents }
:where(.craft-command__foot) { display: flex; align-items: center }
:where(.craft-command__hint) { display: inline-flex; align-items: center }
:where(.craft-command__key) { display: inline-flex; align-items: center; justify-content: center }
:where(.craft-context-menu__over) { display: contents }
:where(.craft-card) { box-sizing: border-box; display: block; margin: 0; transition: box-shadow var(--craft-normal) var(--craft-ease-in-out), background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out), scale var(--craft-fast) var(--craft-ease-out), translate var(--craft-normal) var(--craft-ease-out) }
:where(.craft-card[data-pressable]) { cursor: pointer; font: inherit; color: inherit; text-align: inherit; text-decoration: none }
:where(button.craft-card) { width: 100%; border: none; background: none }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-card[data-pressable]:hover:not(:has([role="menu"]:hover)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { translate: 0 -2px }
}
@media (hover: hover) and (pointer: fine) {
  :where(.craft-card[data-pressable]:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { scale: 0.99; translate: 0 0; transition-duration: var(--craft-fast) }
}
:where(.craft-card__region) { box-sizing: border-box; overflow: hidden }
:where(.craft-row__list) { display: grid; outline: none }
:where(.craft-row__list:focus-visible) { outline: none }
:where(.craft-row) { position: relative; box-sizing: border-box; display: flex; align-items: center; transition: background-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-normal) var(--craft-ease-in-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-row + .craft-row)::before { transition: opacity var(--craft-fast) var(--craft-ease-out) }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-row:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { scale: 0.995; transition-duration: var(--craft-fast) }
}
:where(.craft-row[data-chosen]) { z-index: 1 }
:where(.craft-row__said) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-row__meta) { flex: 0 0 auto; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-row__actions) { position: absolute; top: 0; bottom: 0; right: 0; display: flex; align-items: center; opacity: 0; translate: 4px 0; pointer-events: none; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-normal) var(--craft-emphasized) }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-row:hover .craft-row__actions) { opacity: 1; translate: 0 0; pointer-events: auto }
}
:where(.craft-row:focus-within .craft-row__actions) { opacity: 1; translate: 0 0; pointer-events: auto }
:where(.craft-row[data-cursor] .craft-row__actions) { opacity: 1; translate: 0 0; pointer-events: auto }
:where(.craft-row__actions[data-always]) { opacity: 1; translate: 0 0; pointer-events: auto }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-row:hover .craft-row__meta[data-yields]) { opacity: 0 }
}
:where(.craft-row:focus-within .craft-row__meta[data-yields]) { opacity: 0 }
:where(.craft-row[data-cursor] .craft-row__meta[data-yields]) { opacity: 0 }
:where(.craft-row:has(.craft-row__actions[data-always]) .craft-row__meta[data-yields]) { opacity: 0 }
:where(.craft-badge) { box-sizing: border-box; display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap; vertical-align: middle; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-badge__icon) { display: inline-flex; flex: 0 0 auto }
:where(.craft-tag) { box-sizing: border-box; display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap; vertical-align: middle; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-tag__dot) { display: inline-flex; flex: 0 0 auto }
:where(.craft-tag__remove) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer; transition: opacity var(--craft-fast) var(--craft-ease-out), background-color var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-tag__remove:active) { scale: 0.9 }
:where(.craft-tags) { position: relative }
:where(.craft-tags__field) { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; cursor: text }
:where(.craft-tags__chip) { box-sizing: border-box; display: inline-flex; outline: none }
:where(.craft-tags__chip[data-fresh]) { animation: craft-tags-in 180ms var(--craft-ease-out) both }
:where(.craft-tags__chip[data-leaving]) { pointer-events: none; animation: craft-tags-out 120ms var(--craft-ease-out) both }
:where(.craft-tags__input) { flex: 1 1 6ch; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; outline: none }
:where(.craft-dot) { position: relative; display: inline-block; flex: 0 0 auto; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-dot[data-live]) { animation: craft-dot-print var(--craft-spring) var(--ease-spring, var(--craft-ease-out)) 1 }
:where(.craft-editable) { display: inline-grid; grid-template-columns: minmax(0, 1fr); align-items: center; min-width: 0 }
:where(.craft-editable__preview) { grid-area: 1 / 1; justify-self: start; max-width: 100%; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-align: inherit; cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-editable__sizer) { grid-area: 1 / 1; min-width: 0; visibility: hidden; white-space: pre; pointer-events: none }
:where(.craft-editable__input) { grid-area: 1 / 1; width: 0; min-width: 100%; height: 0; min-height: 100%; box-sizing: border-box; margin: 0; border: none; background: none; font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; outline: none; resize: none; overflow: hidden }
:where(.craft-editable[data-wraps] .craft-editable__preview) { white-space: pre-wrap; overflow-wrap: anywhere }
:where(.craft-editable[data-wraps] .craft-editable__sizer) { white-space: pre-wrap; overflow-wrap: anywhere }
:where(.craft-editable__refusal) { grid-area: 2 / 1; margin: 0 }
:where(.craft-avatar) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; user-select: none; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-avatar__image) { display: block; width: 100%; height: 100%; object-fit: cover }
:where(.craft-avatar__initials) { white-space: nowrap }
:where(.craft-avatar__group) { display: inline-flex; align-items: center }
:where(.craft-avatar__member) { display: inline-flex; transition: opacity var(--craft-smooth) var(--craft-ease-out), transform var(--craft-smooth) var(--craft-ease-out); transition-delay: var(--avatar-join-delay, 0ms) }
:where(.craft-avatar__member[data-joining]) { opacity: 0; transform: translateX(-6px) scale(0.9) }
:where(.craft-avatar__member[data-leaving]) { opacity: 0; transform: scale(0.9); transition-delay: 0s; transition-duration: var(--craft-fast) }
:where(.craft-avatar__more) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-variant-numeric: tabular-nums }
:where(.craft-kbd) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; white-space: nowrap; font-variant-numeric: tabular-nums }
:where(.craft-progress) { position: relative; box-sizing: border-box; display: block; overflow: hidden }
:where(.craft-progress__fill) { position: absolute; inset: 0; border-radius: inherit; translate: calc((var(--progress, 0) - 1) * 100%) 0; transition: translate var(--craft-slow) var(--craft-ease-in-out), background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-progress__steps) { display: flex; align-items: center }
:where(.craft-progress__bar) { position: relative; box-sizing: border-box; display: block; flex: 1 1 0; overflow: hidden }
:where(.craft-progress__bar[data-state="done"] .craft-progress__fill) { translate: 0 0 }
:where(.craft-progress__bar[data-state="running"] .craft-progress__fill) { translate: 0 0; animation: craft-breath 1.4s var(--craft-ease-in-out) infinite alternate }
:where(.craft-progress__circle) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0 }
:where(.craft-progress__circle > svg) { display: block; width: 100%; height: 100%; rotate: -90deg; overflow: visible }
:where(.craft-progress__track) { fill: none }
:where(.craft-progress__arc) { fill: none; stroke-dashoffset: calc(100 - var(--progress, 0) * 100); transition: stroke-dashoffset var(--craft-smooth) var(--craft-emphasized) }
:where(.craft-progress__said) { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums }
:where(.craft-progress__timed) { position: relative; box-sizing: border-box; display: flex; align-items: center; overflow: hidden; isolation: isolate }
:where(.craft-progress__run, .craft-progress__spark, .craft-progress__flash) { position: absolute; inset: 0; border-radius: inherit; pointer-events: none }
:where(.craft-progress__run) { transform-origin: left center; transform: scaleX(0); animation-name: craft-timed-fill; animation-timing-function: linear; animation-fill-mode: both; transition: filter var(--craft-normal) var(--craft-ease-out) }
:where(.craft-progress__timed[data-paused] .craft-progress__run) { filter: saturate(0.35) }
:where(.craft-progress__timed[data-done] .craft-progress__run) { animation-name: none; transform: scaleX(1) }
:where(.craft-progress__spark) { transform: translateX(-100%); animation-name: craft-timed-spark; animation-timing-function: linear; animation-fill-mode: both; transition: opacity var(--craft-normal) var(--craft-ease-out) }
:where(.craft-progress__timed[data-paused] .craft-progress__spark, .craft-progress__timed[data-done] .craft-progress__spark) { opacity: 0 }
:where(.craft-progress__flash) { opacity: 0; animation-name: craft-timed-flash; animation-duration: 520ms; animation-timing-function: var(--craft-ease-out); animation-fill-mode: both }
:where(.craft-progress__caption) { position: relative; z-index: 1; display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; min-width: 0 }
:where(.craft-skeleton) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-skeleton__line) { position: relative; display: block; flex-shrink: 0; overflow: hidden }
:where(.craft-skeleton__shine) { position: absolute; inset: 0; pointer-events: none; animation: craft-shimmer 1.5s var(--craft-ease-in-out) infinite }
:where(.craft-empty) { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center }
:where(.craft-empty__mark) { display: inline-flex; align-items: center }
:where(.craft-empty__title) { margin: 0 }
:where(.craft-empty__said) { margin: 0 }
:where(.craft-empty__line) { margin: 0 }
:where(.craft-empty__act) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center }
:where(.craft-banner) { box-sizing: border-box; display: flex; align-items: flex-start; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-banner__mark) { display: inline-flex; flex: 0 0 auto }
:where(.craft-banner__words) { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0 }
:where(.craft-banner__figure) { flex: 0 0 auto; white-space: nowrap; font-variant-numeric: tabular-nums }
:where(.craft-banner__acts) { display: inline-flex; flex: 0 0 auto; align-items: center; align-self: center }
:where(.craft-stat) { display: flex; flex-direction: column }
:where(.craft-stat__label) { display: block }
:where(.craft-stat__line) { display: flex; align-items: baseline }
:where(.craft-stat__value) { font-variant-numeric: tabular-nums }
:where(.craft-stat__change) { display: inline-flex; align-items: center; white-space: nowrap; font-variant-numeric: tabular-nums }
:where(.craft-stat__change > svg) { display: block; flex: 0 0 auto; transition: rotate var(--craft-spring) var(--craft-ease-in-out) }
:where(.craft-stat__change[data-trend="down"] > svg) { rotate: 180deg }
:where(.craft-table__frame) { box-sizing: border-box; width: 100%; overflow-x: auto }
:where(.craft-table) { width: 100%; border-collapse: collapse; border-spacing: 0 }
:where(.craft-table__column) { text-align: left; white-space: nowrap; vertical-align: middle }
:where(.craft-table__sort) { display: inline-flex; align-items: center; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer }
:where(.craft-table__arrow) { display: block; flex: 0 0 auto; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out), rotate var(--craft-spring) var(--craft-ease-in-out) }
:where(.craft-table__column[data-sorted] .craft-table__arrow) { opacity: 1 }
:where(.craft-table__column[data-sorted="down"] .craft-table__arrow) { rotate: 180deg }
:where(.craft-table__row) { transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-table__cell) { vertical-align: middle }
:where(.craft-table__acts) { text-align: right; white-space: nowrap; vertical-align: middle; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-table__row:hover .craft-table__acts) { opacity: 1 }
}
:where(.craft-table__row:focus-within .craft-table__acts) { opacity: 1 }
:where(.craft-table__empty) { text-align: center }
:where(.craft-tabs__list) { position: relative; display: flex; align-items: stretch; isolation: isolate }
:where(.craft-tabs__tab) { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: none; background: none; font: inherit; color: inherit; white-space: nowrap; cursor: pointer; text-decoration: none; transition: scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-tabs__tab:active:not([data-disabled])) { scale: 0.97 }
:where(.craft-tabs__tab[data-disabled]) { cursor: default }
:where(.craft-tabs__mark) { position: absolute; inset: 0; pointer-events: none }
:where(.craft-tabs__plane) { position: absolute; inset: 0; clip-path: inset(0 var(--active-tab-right, 100%) 0 var(--active-tab-left, 0) round var(--craft-mark-round, 0)); transition: clip-path var(--craft-spring) var(--craft-ease-in-out), background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-tabs__tab > .craft-tabs__plane) { z-index: -1; clip-path: none; transition: none }
:where(.craft-tabs__panel:not([data-activation-direction="none"])) { animation: craft-tab-rise var(--craft-normal) var(--craft-emphasized) }
:where(.craft-disclosure__heading) { margin: 0; font: inherit }
:where(.craft-disclosure__opener) { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; border: none; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-disclosure__opener[data-disabled]) { cursor: default }
:where(.craft-disclosure__said) { flex: 1 1 auto; min-width: 0 }
:where(.craft-disclosure__chevron) { display: block; flex: 0 0 auto; transition: rotate var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-disclosure > .craft-disclosure__opener .craft-disclosure__chevron) { rotate: -90deg }
:where(.craft-disclosure > .craft-disclosure__opener[data-panel-open] .craft-disclosure__chevron) { rotate: 0deg }
:where(.craft-disclosure__item .craft-disclosure__opener[data-panel-open] .craft-disclosure__chevron) { rotate: 180deg }
:where(.craft-disclosure__panel) { clip-path: inset(0 0 0 0); transition: clip-path var(--craft-smooth) var(--craft-emphasized), opacity var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-disclosure__panel[data-starting-style]) { clip-path: inset(0 0 100% 0); opacity: 0 }
:where(.craft-disclosure__panel[data-ending-style]) { clip-path: inset(0 0 100% 0); opacity: 0 }
:where(.craft-stepper) { display: flex; width: 100%; margin: 0; padding: 0; list-style: none }
:where(.craft-stepper__step) { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1 1 0; min-width: 0 }
:where(.craft-stepper__line) { position: absolute; left: 50%; right: -50%; overflow: hidden }
:where(.craft-stepper__reach) { position: absolute; inset: 0; transform-origin: left center; scale: 0 1; transition: scale var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-stepper__reach[data-reached]) { scale: 1 1 }
:where(.craft-stepper__mark) { position: relative; z-index: 1; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: scale var(--craft-spring) var(--craft-ease-out), background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-stepper__check) { position: absolute; width: 60%; height: 60%; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-stepper__check path) { stroke-dashoffset: 1; transition: stroke-dashoffset var(--craft-normal) var(--craft-ease-out) }
:where(.craft-stepper__step[data-state="done"] .craft-stepper__check) { opacity: 1 }
:where(.craft-stepper__step[data-state="done"] .craft-stepper__check path) { stroke-dashoffset: 0 }
:where(.craft-stepper__number) { font-variant-numeric: tabular-nums; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-stepper__step[data-state="done"] .craft-stepper__number) { opacity: 0 }
:where(.craft-stepper__said) { display: block; min-width: 0; text-align: center }
:where(.craft-field) { display: grid; min-width: 0 }
:where(.craft-field__label) { display: grid; min-width: 0 }
:where(.craft-field__words) { display: block }
:where(.craft-field__box) { position: relative; box-sizing: border-box; display: flex; align-items: stretch; min-width: 0; overflow: hidden; cursor: text; transition: border-color var(--craft-normal) var(--craft-ease-in-out), background-color var(--craft-smooth) var(--craft-ease-in-out), box-shadow var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-field[data-seated] .craft-field__box) { cursor: default }
:where(.craft-field__input) { box-sizing: border-box; flex: 1 1 auto; min-width: 0; margin: 0; border: none; border-radius: 0; background: none; outline: none; appearance: none; font: inherit; color: inherit; text-overflow: ellipsis }
:where(.craft-field__area) { resize: none; field-sizing: content }
:where(.craft-field__mark) { display: inline-flex; align-items: center; flex: 0 0 auto; pointer-events: none }
:where(.craft-field__prefix) { display: inline-flex; align-items: center; flex: 0 0 auto; white-space: nowrap; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-field__suffix) { display: inline-flex; align-items: center; flex: 0 0 auto; white-space: nowrap; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-field__trailing) { display: inline-flex; align-items: center; flex: 0 0 auto }
:where(.craft-field__caption) { margin: 0 }
:where(.craft-field__refused) { margin: 0 }
:where(.craft-scroll-area) { position: relative; overflow: hidden }
:where(.craft-scroll-area__view) { height: 100%; overflow: auto }
:where(.craft-scroll-area__bar) { display: flex; touch-action: none; user-select: none; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-scroll-area__bar[data-scrolling]) { opacity: 1 }
:where(.craft-scroll-area__bar[data-hovering]) { opacity: 1 }
:where(.craft-scroll-area__thumb) { border-radius: 999px }
:where(.craft-search__clear) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin: 0; padding: 0; border: none; font: inherit; color: inherit; cursor: pointer; animation: craft-search-clear var(--craft-fast) var(--craft-ease-out) backwards; transition: background-color var(--craft-fast) var(--craft-ease-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-search__hint) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; white-space: nowrap }
:where(.craft-copy__press) { box-sizing: border-box; display: inline-flex; align-items: center; margin: 0; border: none; font: inherit; white-space: nowrap; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-copy__press:active:not([data-disabled])) { scale: 0.97 }
:where(.craft-copy__mark) { display: inline-grid; place-items: center }
:where(.craft-copy__mark > *) { grid-area: 1 / 1; display: inline-flex; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-spring) var(--craft-ease-out), filter var(--craft-fast) var(--craft-ease-out) }
:where(.craft-copy__done) { opacity: 0; scale: 0.9; filter: blur(2px) }
:where(.craft-copy__press[data-copied] .craft-copy__done) { opacity: 1; scale: 1; filter: none }
:where(.craft-copy__press[data-copied] .craft-copy__rest) { opacity: 0; scale: 0.9; filter: blur(2px) }
:where(.craft-copy__press[data-copied] .craft-copy__done polyline) { animation: craft-check-draw var(--craft-normal) var(--craft-ease-out) both }
:where(.craft-copy__words) { display: block }
:where(.craft-checkbox) { display: inline-flex; align-items: center; cursor: pointer }
:where(.craft-checkbox[data-seated]) { cursor: default }
:where(.craft-checkbox__box) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color var(--craft-fast) var(--craft-ease-in-out), border-color var(--craft-fast) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-checkbox:active:not([data-seated]) .craft-checkbox__box) { scale: 0.9 }
:where(.craft-checkbox__tick) { display: inline-flex }
:where(.craft-checkbox__box[data-sprung] .craft-checkbox__tick path) { animation: craft-check-draw var(--craft-normal) var(--craft-ease-out) both }
:where(.craft-checkbox__words) { display: block }
:where(.craft-checkbox[data-size="round"] .craft-checkbox__box) { transition: background-color var(--craft-smooth) var(--craft-ease-out), border-color var(--craft-fast) var(--craft-ease-out), box-shadow var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-checkbox[data-size="round"] .craft-checkbox__tick path) { stroke-dashoffset: var(--craft-tick-offset, 14); transition: stroke-dashoffset var(--craft-smooth) var(--craft-ease-out); transition-delay: 40ms; animation: none }
:where(.craft-checkbox[data-size="round"] .craft-checkbox__box[data-checked]) { --craft-tick-offset: 0 }
:where(.craft-radio) { display: grid; justify-items: start }
:where(.craft-radio__label) { display: block }
:where(.craft-radio__option) { display: inline-flex; align-items: center; cursor: pointer }
:where(.craft-radio__option[data-seated]) { cursor: default }
:where(.craft-radio__ring) { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: border-color var(--craft-smooth) var(--craft-ease-in-out), background-color var(--craft-fast) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-radio__ring[data-checked]) { transition: border-color var(--craft-smooth) var(--craft-ease-in-out) var(--craft-fast), background-color var(--craft-fast) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-radio__dot) { display: block; opacity: 0; scale: 0.9; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-radio__dot[data-checked]) { opacity: 1; scale: 1 }
:where(.craft-radio__words) { display: block }
:where(.craft-choicebox) { display: grid }
:where(.craft-choicebox__choice) { box-sizing: border-box; display: flex; align-items: flex-start; text-align: left; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-choicebox__choice[data-disabled]) { cursor: default }
:where(.craft-choicebox__marker) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; transition: background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out) }
:where(.craft-choicebox__marker svg) { display: block; opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-choicebox__marker[data-checked] svg) { opacity: 1 }
:where(.craft-choicebox[data-sprung] .craft-choicebox__marker[data-checked] path) { animation: craft-check-draw var(--craft-normal) var(--craft-ease-out) both }
:where(.craft-choicebox__dot) { display: block; opacity: 0; scale: 0.95; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-choicebox__marker[data-checked] .craft-choicebox__dot) { opacity: 1; scale: 1 }
:where(.craft-choicebox__mark) { display: inline-flex; flex: 0 0 auto }
:where(.craft-choicebox__body) { display: block; flex: 1 1 auto; min-width: 0 }
:where(.craft-choicebox__title) { display: block }
:where(.craft-choicebox__about) { display: block }
:where(.craft-choicebox__meta) { flex: 0 0 auto }
:where(button.craft-choicebox__choice) { font: inherit; color: inherit; width: 100% }
:where(button.craft-choicebox__choice[data-soon]) { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; cursor: pointer }
:where(.craft-choicebox__choice[data-soon] .craft-choicebox__mark) { grid-row: 1 / -1 }
:where(.craft-choicebox__choice[data-soon] .craft-choicebox__meta) { grid-column: 2; grid-row: 2; justify-self: end }
:where(.craft-choicebox__cell) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-rows: auto auto; gap: 0 }
:where(.craft-choicebox__cell > .craft-choicebox__choice) { grid-column: 1 / -1; grid-row: 1 / -1; display: grid; grid-template-columns: subgrid; grid-template-rows: subgrid; gap: 0 }
:where(.craft-choicebox__cell .craft-choicebox__mark) { grid-column: 1; grid-row: 1 / -1 }
:where(.craft-choicebox__cell .craft-choicebox__body) { grid-column: 2; grid-row: 1 }
:where(.craft-choicebox__cell .craft-choicebox__meta) { grid-column: 3; grid-row: 1 / -1 }
:where(.craft-choicebox__cell .craft-choicebox__marker) { grid-column: 4; grid-row: 1 / -1 }
:where(.craft-choicebox__aside) { grid-column: 2; grid-row: 2; justify-self: start; position: relative }
:where(.craft-select__popup) { box-sizing: border-box; overflow-y: auto; outline: none; transform-origin: var(--transform-origin, center); transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-emphasized), scale var(--craft-fast) var(--craft-emphasized) }
:where(.craft-select__popup[data-starting-style]) { opacity: 0; translate: 0 -4px; scale: 0.96 }
:where(.craft-select__popup[data-ending-style]) { opacity: 0; translate: 0 -4px; scale: 0.96; transition: opacity var(--craft-fast) var(--craft-ease-out), translate var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-select__popup[data-side="top"][data-starting-style]) { translate: 0 4px }
:where(.craft-select__popup[data-side="top"][data-ending-style]) { translate: 0 4px }
:where(.craft-select__popup[data-side="left"][data-starting-style]) { translate: 4px 0 }
:where(.craft-select__popup[data-side="left"][data-ending-style]) { translate: 4px 0 }
:where(.craft-select__popup[data-side="right"][data-starting-style]) { translate: -4px 0 }
:where(.craft-select__popup[data-side="right"][data-ending-style]) { translate: -4px 0 }
:where(.craft-select) { display: grid; min-width: 0 }
:where(.craft-select__label) { display: block }
:where(.craft-select__trigger) { box-sizing: border-box; display: flex; align-items: center; width: 100%; margin: 0; font: inherit; text-align: left; cursor: pointer; transition: border-color var(--craft-normal) var(--craft-ease-in-out), background-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-select__trigger:active:not([data-disabled])) { scale: 0.97 }
:where(.craft-select__trigger[data-disabled]) { cursor: default }
:where(.craft-select__value) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-select__chevron) { display: inline-flex; flex: 0 0 auto; transition: rotate var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-select__chevron[data-popup-open]) { rotate: 180deg }
:where(.craft-select__place) { z-index: 50 }
:where(.craft-select__list) { outline: none }
:where(.craft-select__item) { box-sizing: border-box; display: flex; align-items: center; outline: none; cursor: pointer; user-select: none; transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-select__item[data-disabled]) { cursor: default }
:where(.craft-select__words) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
:where(.craft-select__tick) { display: inline-flex; flex: 0 0 auto }
:where(.craft-slider) { display: grid; min-width: 0 }
:where(.craft-slider__label) { display: block }
:where(.craft-slider__body) { display: flex; align-items: center }
:where(.craft-slider__control) { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; cursor: pointer; touch-action: none }
:where(.craft-slider__body[data-disabled] .craft-slider__control) { cursor: default }
:where(.craft-slider__track) { position: relative; width: 100% }
:where(.craft-slider__fill) { position: absolute; inset: 0; transform-origin: left center; scale: var(--slider-at, 0) 1; transition: scale var(--craft-spring) var(--craft-ease-in-out) }
:where(.craft-slider__rail) { position: absolute; inset: 0; translate: calc(var(--slider-at, 0) * 100%) 0; pointer-events: none; transition: translate var(--craft-spring) var(--craft-ease-in-out) }
:where(.craft-slider__body[data-dragging] .craft-slider__fill) { transition: none }
:where(.craft-slider__body[data-dragging] .craft-slider__rail) { transition: none }
:where(.craft-slider__thumb) { box-sizing: border-box; position: absolute; top: 50%; pointer-events: auto; transition: scale var(--craft-normal) var(--craft-emphasized), box-shadow var(--craft-normal) var(--craft-ease-out) }
@media (hover: hover) and (pointer: fine) {
  :where(.craft-slider__control:hover .craft-slider__thumb) { scale: 1.12 }
}
:where(.craft-slider__body[data-dragging] .craft-slider__thumb) { scale: 1.3; transition: scale var(--craft-fast) var(--craft-ease-out), box-shadow var(--craft-normal) var(--craft-ease-out) }
:where(.craft-slider__reading) { flex: 0 0 auto; text-align: right; font-variant-numeric: tabular-nums }
:where(.craft-note) { box-sizing: border-box; display: flex; align-items: flex-start; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-note__mark) { display: inline-flex; flex: 0 0 auto; min-height: 1lh; align-items: center }
:where(.craft-note__words) { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0 }
:where(.craft-note__label) { display: block }
:where(.craft-note__said) { display: block }
:where(.craft-note__acts) { display: inline-flex; flex: 0 0 auto; align-items: center }
:where(.craft-refusal) { box-sizing: border-box; display: flex; align-items: flex-start; outline: none; animation: refusal-said var(--craft-fast) var(--craft-ease-out) both }
:where(.craft-refusal__mark) { display: inline-flex; flex: 0 0 auto; min-height: 1lh; align-items: center }
:where(.craft-refusal__said) { display: block; flex: 1 1 auto; min-width: 0 }
:where(.craft-refusal__acts) { display: inline-flex; flex: 0 0 auto; align-items: center }
:where(.craft-unavailable) { box-sizing: border-box; display: flex; align-items: flex-start }
:where(.craft-unavailable__mark) { display: inline-flex; flex: 0 0 auto; min-height: 1lh; align-items: center }
:where(.craft-unavailable__said) { display: block; flex: 1 1 auto; min-width: 0 }
:where(.craft-unavailable__act) { display: inline-flex; flex: 0 0 auto }
:where(.craft-unavailable__details) { box-sizing: border-box; flex: 1 1 auto; min-width: 0 }
:where(.craft-unavailable__opener) { box-sizing: border-box; display: inline-flex; align-items: center; margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer }
:where(.craft-unavailable__panel) { transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-unavailable__panel[data-closed]) { display: none }
:where(.craft-confirm__backdrop) { position: fixed; inset: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-confirm__backdrop[data-starting-style]) { opacity: 0 }
:where(.craft-confirm__backdrop[data-ending-style]) { opacity: 0; transition: opacity var(--craft-fast) var(--craft-ease-out) }
:where(.craft-confirm) { position: fixed; top: 50%; left: 50%; translate: -50% -50%; box-sizing: border-box; display: flex; flex-direction: column; outline: none; transition: opacity var(--craft-normal) var(--craft-ease-out), scale var(--craft-normal) var(--craft-ease-out) }
:where(.craft-confirm[data-starting-style]) { opacity: 0; scale: 0.96 }
:where(.craft-confirm[data-ending-style]) { opacity: 0; scale: 0.96; transition: opacity var(--craft-fast) var(--craft-ease-out), scale var(--craft-fast) var(--craft-ease-out) }
:where(.craft-confirm__head) { display: flex; align-items: flex-start }
:where(.craft-confirm__media) { flex: none; overflow: hidden }
:where(.craft-confirm__media > *) { display: block; width: 100%; height: 100%; object-fit: cover }
:where(.craft-confirm__words) { flex: 1 1 auto; min-width: 0 }
:where(.craft-confirm__title) { margin: 0 }
:where(.craft-confirm__said) { margin: 0 }
:where(.craft-confirm__entry) { box-sizing: border-box }
:where(.craft-confirm__acts) { display: flex; justify-content: flex-end }
:where(.craft-confirm__cancel) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer }
:where(.craft-confirm__cancel[data-seated]) { cursor: default }
:where(.craft-confirm__go) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: none; background: none; font: inherit; color: inherit; cursor: pointer }
:where(.craft-confirm__go[data-seated]) { cursor: default }
:where(.craft-confirm[data-room="phone"]) { top: auto; right: 0; bottom: 0; left: 0; translate: 0 0; transition: translate var(--craft-smooth) var(--craft-emphasized), opacity var(--craft-smooth) var(--craft-emphasized) }
:where(.craft-confirm[data-room="phone"][data-starting-style]) { opacity: 1; scale: none; translate: 0 100% }
:where(.craft-confirm[data-room="phone"][data-ending-style]) { opacity: 1; scale: none; translate: 0 100%; transition: translate var(--craft-normal) var(--craft-ease-out) }
:where(.craft-confirm[data-room="phone"] .craft-confirm__acts) { flex-direction: column-reverse; align-items: stretch }
:where(.craft-thinking) { display: inline-flex; align-items: center }
:where(.craft-thinking__dots) { display: inline-flex; align-items: center }
:where(.craft-thinking__dot) { display: inline-block; animation: craft-thinking-dot 1.2s var(--craft-ease-in-out) infinite both }
:where(.craft-thinking__dot:nth-child(2)) { animation-delay: 150ms }
:where(.craft-thinking__dot:nth-child(3)) { animation-delay: 300ms }
:where(.craft-star) { display: inline-block; flex-shrink: 0 }
:where(.craft-glyph) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0 }
:where(.craft-glyph__mark) { display: inline-flex; width: 46%; height: 46% }
:where(.craft-glyph__mark > *) { width: 100%; height: 100% }
:where(.craft-orb) { display: inline-flex; align-items: center; vertical-align: middle; flex-shrink: 0 }
:where(.craft-orb[data-pill]) { white-space: nowrap }
:where(.craft-orb__mark) { position: relative; display: inline-block; width: var(--craft-orb, 20px); height: var(--craft-orb, 20px); flex-shrink: 0 }
:where(.craft-orb__stage) { position: absolute; left: 0; top: 0; width: calc(var(--craft-orb, 20px) / var(--craft-orb-scale, 0.8333)); height: calc(var(--craft-orb, 20px) / var(--craft-orb-scale, 0.8333)); scale: var(--craft-orb-scale, 0.8333); transform-origin: top left }
:where(.craft-orb__dot) { position: absolute; display: block; border-radius: 50%; background-color: currentColor }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot) { width: var(--craft-orb-dot, 4px); height: var(--craft-orb-dot, 4px); opacity: 0.25; scale: 0.4; animation: craft-orb-swell 1.6s var(--craft-ease-in-out) infinite }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot) { width: var(--craft-orb-dot, 4px); height: var(--craft-orb-dot, 4px); opacity: 0.25; scale: 0.4; animation: craft-orb-swell 1.6s var(--craft-ease-in-out) infinite }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot) { width: var(--craft-orb-bead, 3.5px); height: var(--craft-orb-bead, 3.5px); opacity: 0.2; scale: 0.5; animation: craft-orb-swell 1.4s var(--craft-ease-in-out) infinite }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot) { width: var(--craft-orb-bead, 3.5px); height: var(--craft-orb-bead, 3.5px); left: 10.25px; top: 10.25px; animation: craft-orb-globe 3.2s linear infinite }
:where(.craft-orb__spark) { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; animation: craft-orb-spark 2.4s var(--craft-ease-in-out) infinite }
:where(.craft-orb__echo) { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; opacity: 0; animation: craft-orb-burst 2.4s var(--craft-ease-out) infinite }
:where(.craft-orb__label) { display: block }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(1)) { left: 2px; top: 2px; animation-delay: 368ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(2)) { left: 10px; top: 2px; animation-delay: 260ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(3)) { left: 18px; top: 2px; animation-delay: 368ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(4)) { left: 2px; top: 10px; animation-delay: 260ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(5)) { left: 10px; top: 10px; animation-delay: 0ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(6)) { left: 18px; top: 10px; animation-delay: 260ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(7)) { left: 2px; top: 18px; animation-delay: 368ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(8)) { left: 10px; top: 18px; animation-delay: 260ms }
:where(.craft-orb[data-kind="pulse"] .craft-orb__dot:nth-child(9)) { left: 18px; top: 18px; animation-delay: 368ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(1)) { left: 2px; top: 2px; animation-delay: 0ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(2)) { left: 10px; top: 2px; animation-delay: 220ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(3)) { left: 18px; top: 2px; animation-delay: 440ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(4)) { left: 2px; top: 10px; animation-delay: 0ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(5)) { left: 10px; top: 10px; animation-delay: 220ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(6)) { left: 18px; top: 10px; animation-delay: 440ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(7)) { left: 2px; top: 18px; animation-delay: 0ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(8)) { left: 10px; top: 18px; animation-delay: 220ms }
:where(.craft-orb[data-kind="sweep"] .craft-orb__dot:nth-child(9)) { left: 18px; top: 18px; animation-delay: 440ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(1)) { left: 19.25px; top: 10.25px; animation-delay: 0ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(2)) { left: 16.61px; top: 16.61px; animation-delay: -175ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(3)) { left: 10.25px; top: 19.25px; animation-delay: -350ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(4)) { left: 3.89px; top: 16.61px; animation-delay: -525ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(5)) { left: 1.25px; top: 10.25px; animation-delay: -700ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(6)) { left: 3.89px; top: 3.89px; animation-delay: -875ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(7)) { left: 10.25px; top: 1.25px; animation-delay: -1050ms }
:where(.craft-orb[data-kind="orbit"] .craft-orb__dot:nth-child(8)) { left: 16.61px; top: 3.89px; animation-delay: -1225ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(1)) { animation-delay: 0ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(2)) { animation-delay: -400ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(3)) { animation-delay: -800ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(4)) { animation-delay: -1200ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(5)) { animation-delay: -1600ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(6)) { animation-delay: -2000ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(7)) { animation-delay: -2400ms }
:where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(8)) { animation-delay: -2800ms }
:where(.craft-steps) { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none }
:where(.craft-steps__step) { display: flex; align-items: center; transition: opacity var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-steps__step[data-arrived]) { animation: craft-steps-in 0.4s var(--craft-emphasized) both }
:where(.craft-steps__mark) { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--craft-step-mark, 14px); height: var(--craft-step-mark, 14px) }
:where(.craft-steps__dot) { box-sizing: border-box; display: block; width: var(--craft-step-dot, 10px); height: var(--craft-step-dot, 10px); border-radius: 50%; border: 1.6px solid transparent; scale: 0.6; transition: scale var(--craft-spring) var(--craft-ease-out), background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-steps__step[data-step="done"] .craft-steps__dot) { scale: 0.8 }
:where(.craft-steps__step[data-step="current"] .craft-steps__dot) { scale: 1 }
:where(.craft-steps__ring) { position: absolute; inset: 0; box-sizing: border-box; border-radius: 50%; border: 1.5px solid transparent; animation: craft-steps-ring 1.4s var(--craft-ease-out) infinite }
:where(.craft-steps__label) { min-width: 0 }
:where(.craft-count) { position: relative; font-variant-numeric: tabular-nums; white-space: nowrap }
:where(.craft-count__said) { position: absolute; max-width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
:where(.craft-streaming) { position: relative }
:where(.craft-streaming__said) { position: absolute; max-width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
:where(.craft-streaming__caret) { display: inline-block; width: var(--craft-caret, 2px); height: 1.1em; margin-left: 1px; vertical-align: text-bottom; background-color: currentColor; animation: craft-streaming-blink 1s step-end infinite }
:where(.craft-trace) { display: block }
:where(.craft-trace__head) { box-sizing: border-box; display: flex; align-items: center; width: 100%; margin: 0; border: none; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-trace__head[aria-disabled]) { cursor: default }
:where(.craft-trace__chevron) { display: inline-block; flex-shrink: 0; transition: rotate var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-trace[data-open] .craft-trace__chevron) { rotate: 90deg }
:where(.craft-trace__clock) { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap }
:where(.craft-trace__fold) { display: grid }
:where(.craft-trace__held) { min-height: 0; overflow: hidden }
:where(.craft-trace__steps) { display: flex; flex-direction: column; margin: 0; list-style: none }
:where(.craft-trace__step) { position: relative; display: flex; animation: craft-steps-in 0.4s var(--craft-emphasized) both }
:where(.craft-trace__rail) { display: flex; flex-direction: column; align-items: center; flex-shrink: 0 }
:where(.craft-trace__dot) { display: block; flex-shrink: 0; border-radius: 50%; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-trace__line) { display: block; flex: 1; width: var(--craft-rule, 1px) }
:where(.craft-trace__words) { flex: 1; min-width: 0 }
:where(.craft-trace__title) { display: block }
:where(.craft-trace__detail) { display: block }
:where(.craft-answer) { display: flex; flex-direction: column }
:where(.craft-answer__head) { display: flex; align-items: center }
:where(.craft-answer__caption) { display: block }
:where(.craft-answer__chip) { display: inline-flex; align-items: center; vertical-align: baseline; white-space: nowrap; animation: craft-answer-chip 0.25s var(--craft-ease-out) both }
:where(.craft-answer__pin) { display: inline-block; flex-shrink: 0; border-radius: 50% }
:where(.craft-answer__caret) { display: inline-block; width: var(--craft-caret, 2px); height: 1.05em; margin-left: 1px; vertical-align: text-bottom; background-color: currentColor; animation: craft-streaming-blink 1s step-end infinite }
:where(.craft-answer__after) { animation: craft-steps-in 0.4s var(--craft-emphasized) both }
:where(.craft-answer__rule) { height: 1px; margin: 0; border: none }
:where(.craft-answer__sources) { display: flex; flex-direction: column }
:where(.craft-answer__pills) { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap }
:where(.craft-answer__source) { display: inline-flex; align-items: center; white-space: nowrap }
:where(.craft-answer__followups) { display: flex; flex-direction: column }
:where(.craft-answer__asks) { display: flex; flex-direction: column }
:where(.craft-answer__followup) { box-sizing: border-box; margin: 0; border: none; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; width: 100%; transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-answer__more) { display: inline-block; flex-shrink: 0; transition: opacity var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-tick) { display: inline-block; flex-shrink: 0 }
:where(.craft-tick__stroke) { stroke-dasharray: 1; stroke-dashoffset: 0; animation: craft-beat-draw var(--craft-smooth) var(--craft-ease-out) var(--craft-fast) backwards }
:where(.craft-standing) { display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-standing__pip) { position: relative; display: inline-block; flex-shrink: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-standing__echo) { position: absolute; inset: 0; border-radius: inherit; background-color: inherit; animation: craft-beat-pulse 1.4s var(--craft-ease-out) infinite }
:where(.craft-plan) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-plan[data-phase="handoff"]) { animation: craft-beat-pop 0.3s var(--craft-ease-out) backwards }
:where(.craft-plan__head) { display: flex; align-items: center }
:where(.craft-plan__eyebrow) { flex: 1; min-width: 0 }
:where(.craft-plan__heading) { display: flex; flex-direction: column }
:where(.craft-plan__title) { display: block }
:where(.craft-plan__steps) { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none }
:where(.craft-plan__step) { display: flex; align-items: center; animation: craft-beat-in 0.4s var(--craft-emphasized) backwards; transition: background-color var(--craft-normal) var(--craft-ease-in-out), opacity var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-plan__step:nth-child(1)) { animation-delay: 0ms }
:where(.craft-plan__step:nth-child(2)) { animation-delay: 70ms }
:where(.craft-plan__step:nth-child(3)) { animation-delay: 140ms }
:where(.craft-plan__step:nth-child(4)) { animation-delay: 210ms }
:where(.craft-plan__step:nth-child(5)) { animation-delay: 280ms }
:where(.craft-plan__step:nth-child(6)) { animation-delay: 350ms }
:where(.craft-plan__step:nth-child(7)) { animation-delay: 420ms }
:where(.craft-plan__step:nth-child(8)) { animation-delay: 490ms }
:where(.craft-plan__step:nth-child(9)) { animation-delay: 560ms }
:where(.craft-plan__step:nth-child(10)) { animation-delay: 630ms }
:where(.craft-plan__step:nth-child(11)) { animation-delay: 700ms }
:where(.craft-plan__step:nth-child(12)) { animation-delay: 770ms }
:where(.craft-plan__count) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-variant-numeric: tabular-nums; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-plan__tick .craft-tick__stroke) { animation-delay: 50ms }
:where(.craft-plan__said) { flex: 1; min-width: 0 }
:where(.craft-plan__drop) { animation: craft-beat-pop 0.2s var(--craft-ease-out) backwards }
:where(.craft-plan__actions) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end }
:where(.craft-plan__foot) { display: flex; align-items: center }
:where(.craft-plan[data-phase="done"] .craft-plan__foot) { animation: craft-beat-in 0.4s var(--craft-emphasized) backwards }
:where(.craft-plan__seal) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-plan__gone) { display: flex; align-items: center }
:where(.craft-plan__gone .craft-plan__note) { flex: 1; min-width: 0 }
:where(.craft-approval) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-approval[data-answer]) { animation: craft-beat-pop 0.3s var(--craft-ease-out) backwards }
:where(.craft-approval__head) { display: flex; align-items: center }
:where(.craft-approval__eyebrow) { flex: 1; min-width: 0 }
:where(.craft-approval__question) { margin: 0 }
:where(.craft-approval__choices) { display: flex; flex-direction: column }
:where(.craft-approval__choice) { position: relative; box-sizing: border-box; display: flex; align-items: center; text-align: left; cursor: pointer; transition: background-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-approval__input) { position: absolute; max-width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none }
:where(.craft-approval__ring) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color var(--craft-spring) var(--craft-ease-out), border-color var(--craft-spring) var(--craft-ease-out) }
:where(.craft-approval__dot) { display: block; animation: craft-beat-dot 0.35s var(--craft-ease-out) backwards }
:where(.craft-approval__words) { display: flex; flex-direction: column; flex: 1; min-width: 0 }
:where(.craft-approval__actions) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end }
:where(.craft-approval__verdict) { display: flex; align-items: center }
:where(.craft-approval__seal) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0 }
:where(.craft-approval__told) { display: flex; flex-direction: column; flex: 1; min-width: 0 }
:where(.craft-status) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-status__bar) { display: flex; align-items: center; animation: craft-beat-in 0.4s var(--craft-emphasized) backwards }
:where(.craft-status__pill) { box-sizing: border-box; display: flex; align-items: center; flex: 1; min-width: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-status__lead) { display: inline-flex; flex-shrink: 0 }
:where(.craft-status__dot) { display: block; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-status__said) { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; animation: craft-beat-rise 0.25s var(--craft-ease-out) backwards }
:where(.craft-status__controls) { display: flex; flex-shrink: 0; align-items: center; justify-content: flex-end; margin-left: auto }
:where(.craft-status__note) { display: flex; align-items: flex-start; animation: craft-beat-in 0.35s var(--craft-emphasized) backwards }
:where(.craft-status__field) { box-sizing: border-box; flex: 1; min-width: 0; margin: 0; font: inherit; outline: none; transition: background-color var(--craft-normal) var(--craft-ease-in-out), border-color var(--craft-normal) var(--craft-ease-in-out), box-shadow var(--craft-normal) var(--craft-ease-in-out) }
:where(.craft-status__foot) { display: flex; align-items: baseline; margin: 0; animation: craft-beat-in 0.4s var(--craft-emphasized) 80ms backwards }
:where(.craft-status__clock) { font-variant-numeric: tabular-nums }
:where(.craft-receipt) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-receipt__head) { display: flex; align-items: center; animation: craft-beat-in 0.4s var(--craft-emphasized) backwards }
:where(.craft-receipt__pip) { position: relative; display: inline-block; flex-shrink: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-receipt__echo) { position: absolute; inset: 0; border-radius: inherit; background-color: inherit; animation: craft-beat-pulse 1.4s var(--craft-ease-out) infinite }
:where(.craft-receipt__stamp) { margin-left: auto; font-variant-numeric: tabular-nums }
:where(.craft-receipt__rows) { display: flex; flex-direction: column; margin: 0 }
:where(.craft-receipt__row) { display: flex; align-items: baseline; animation: craft-beat-in 0.35s var(--craft-emphasized) backwards }
:where(.craft-receipt__row:nth-child(1)) { animation-delay: 0ms }
:where(.craft-receipt__row:nth-child(2)) { animation-delay: 60ms }
:where(.craft-receipt__row:nth-child(3)) { animation-delay: 120ms }
:where(.craft-receipt__row:nth-child(4)) { animation-delay: 180ms }
:where(.craft-receipt__row:nth-child(5)) { animation-delay: 240ms }
:where(.craft-receipt__row:nth-child(6)) { animation-delay: 300ms }
:where(.craft-receipt__row:nth-child(7)) { animation-delay: 360ms }
:where(.craft-receipt__row:nth-child(8)) { animation-delay: 420ms }
:where(.craft-receipt__row:nth-child(9)) { animation-delay: 480ms }
:where(.craft-receipt__row:nth-child(10)) { animation-delay: 540ms }
:where(.craft-receipt__row:nth-child(11)) { animation-delay: 600ms }
:where(.craft-receipt__row:nth-child(12)) { animation-delay: 660ms }
:where(.craft-receipt__key) { margin: 0; flex-shrink: 0 }
:where(.craft-receipt__value) { margin: 0 }
:where(.craft-receipt__strip) { display: flex; align-items: center; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-receipt[data-phase="reversed"] .craft-receipt__strip) { animation: craft-beat-in 0.4s var(--craft-emphasized) 0.15s backwards }
:where(.craft-receipt__from, .craft-receipt__to, .craft-receipt__left) { font-variant-numeric: tabular-nums }
:where(.craft-receipt__delta) { margin-left: auto; font-variant-numeric: tabular-nums }
:where(.craft-receipt__rule) { margin: 0; border: none }
:where(.craft-receipt__foot) { display: flex; align-items: center }
:where(.craft-receipt[data-phase="expired"] .craft-receipt__foot) { animation: craft-beat-fade 0.35s var(--craft-ease-out) backwards }
:where(.craft-receipt[data-phase="reversed"] .craft-receipt__foot) { animation: craft-beat-in 0.4s var(--craft-emphasized) 0.25s backwards }
:where(.craft-receipt__arc) { stroke-dasharray: 1; stroke-dashoffset: 0; animation: craft-receipt-drain 10s linear forwards }
:where(.craft-repair) { position: relative; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden }
:where(.craft-repair__rail) { position: absolute; left: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-repair__first, .craft-repair__second, .craft-repair__third) { animation: craft-beat-in 0.45s var(--craft-emphasized) backwards }
:where(.craft-repair__head) { display: flex; align-items: center }
:where(.craft-repair__admission) { margin: 0 }
:where(.craft-repair__eyebrow) { display: block }
:where(.craft-repair__fixes) { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none }
:where(.craft-repair__fix) { display: flex; align-items: center; animation: craft-beat-in 0.4s var(--craft-emphasized) backwards }
:where(.craft-repair__fix:nth-child(1)) { animation-delay: 0ms }
:where(.craft-repair__fix:nth-child(2)) { animation-delay: 250ms }
:where(.craft-repair__fix:nth-child(3)) { animation-delay: 500ms }
:where(.craft-repair__fix:nth-child(4)) { animation-delay: 750ms }
:where(.craft-repair__fix:nth-child(5)) { animation-delay: 1000ms }
:where(.craft-repair__fix:nth-child(6)) { animation-delay: 1250ms }
:where(.craft-repair__fix:nth-child(7)) { animation-delay: 1500ms }
:where(.craft-repair__fix:nth-child(8)) { animation-delay: 1750ms }
:where(.craft-repair__fix:nth-child(9)) { animation-delay: 2000ms }
:where(.craft-repair__fix:nth-child(10)) { animation-delay: 2250ms }
:where(.craft-repair__fix:nth-child(11)) { animation-delay: 2500ms }
:where(.craft-repair__fix:nth-child(12)) { animation-delay: 2750ms }
:where(.craft-repair__fix:nth-child(1) .craft-tick__stroke) { animation-delay: 200ms }
:where(.craft-repair__fix:nth-child(2) .craft-tick__stroke) { animation-delay: 450ms }
:where(.craft-repair__fix:nth-child(3) .craft-tick__stroke) { animation-delay: 700ms }
:where(.craft-repair__fix:nth-child(4) .craft-tick__stroke) { animation-delay: 950ms }
:where(.craft-repair__fix:nth-child(5) .craft-tick__stroke) { animation-delay: 1200ms }
:where(.craft-repair__fix:nth-child(6) .craft-tick__stroke) { animation-delay: 1450ms }
:where(.craft-repair__fix:nth-child(7) .craft-tick__stroke) { animation-delay: 1700ms }
:where(.craft-repair__fix:nth-child(8) .craft-tick__stroke) { animation-delay: 1950ms }
:where(.craft-repair__fix:nth-child(9) .craft-tick__stroke) { animation-delay: 2200ms }
:where(.craft-repair__fix:nth-child(10) .craft-tick__stroke) { animation-delay: 2450ms }
:where(.craft-repair__fix:nth-child(11) .craft-tick__stroke) { animation-delay: 2700ms }
:where(.craft-repair__fix:nth-child(12) .craft-tick__stroke) { animation-delay: 2950ms }
:where(.craft-repair__seal) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-repair__rule) { margin: 0; border: none }
:where(.craft-repair__actions) { display: flex; flex-wrap: wrap; align-items: center }
:where(.craft-repair__opening) { display: grid }
:where(.craft-repair__held) { min-height: 0; overflow: hidden }
:where(.craft-repair__diff) { display: flex; align-items: center; font-variant-numeric: tabular-nums; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-repair__footer) { margin: 0 }
:where(.craft-handoff) { box-sizing: border-box; display: flex; flex-direction: column }
:where(.craft-handoff:not([data-stage="working"])) { animation: craft-beat-rise 0.3s var(--craft-ease-out) backwards }
:where(.craft-handoff__working) { display: flex; align-items: center }
:where(.craft-handoff__head) { display: flex; align-items: center }
:where(.craft-handoff__eyebrow) { flex: 1; min-width: 0 }
:where(.craft-handoff__rail) { display: flex; flex-direction: column; animation: craft-beat-in 0.4s var(--craft-emphasized) 50ms backwards; transition: background-color var(--craft-smooth) var(--craft-ease-in-out), border-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-handoff__rows) { display: flex; flex-direction: column; margin: 0 }
:where(.craft-handoff__row) { display: flex; align-items: center; justify-content: space-between; animation: craft-beat-in 0.4s var(--craft-emphasized) backwards }
:where(.craft-handoff__row:nth-child(1)) { animation-delay: 150ms }
:where(.craft-handoff__row:nth-child(2)) { animation-delay: 240ms }
:where(.craft-handoff__row:nth-child(3)) { animation-delay: 330ms }
:where(.craft-handoff__row:nth-child(4)) { animation-delay: 420ms }
:where(.craft-handoff__row:nth-child(5)) { animation-delay: 510ms }
:where(.craft-handoff__row:nth-child(6)) { animation-delay: 600ms }
:where(.craft-handoff__row:nth-child(7)) { animation-delay: 690ms }
:where(.craft-handoff__row:nth-child(8)) { animation-delay: 780ms }
:where(.craft-handoff__row:nth-child(9)) { animation-delay: 870ms }
:where(.craft-handoff__row:nth-child(10)) { animation-delay: 960ms }
:where(.craft-handoff__row:nth-child(11)) { animation-delay: 1050ms }
:where(.craft-handoff__row:nth-child(12)) { animation-delay: 1140ms }
:where(.craft-handoff__key) { margin: 0 }
:where(.craft-handoff__value) { margin: 0; font-variant-numeric: tabular-nums }
:where(.craft-handoff__foot) { display: flex; align-items: center; animation: craft-beat-rise 0.3s var(--craft-ease-out) backwards }
:where(.craft-handoff__actions) { display: flex; flex-wrap: wrap; align-items: center; animation: craft-beat-rise 0.3s var(--craft-ease-out) 0.42s backwards }
:where(.craft-handoff__seal) { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color var(--craft-smooth) var(--craft-ease-in-out) }
:where(.craft-handoff__note) { flex: 1; min-width: 0 }
.craft-card { display: grid; align-content: start; gap: var(--space-4); background-color: var(--glass); backdrop-filter: blur(16px); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); padding: var(--space-4); font-family: var(--font) }
.craft-card[data-pressable] { user-select: none; -webkit-tap-highlight-color: transparent }
@media (hover: hover) and (pointer: fine) {
  .craft-card[data-pressable]:hover:not(:has([role="menu"]:hover)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))), a.craft-card:hover { background-color: var(--white); box-shadow: var(--lift-3) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-card[data-pressable]:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) { background-color: var(--pane-3); box-shadow: var(--sunk-flat); border-color: transparent }
}
.craft-card:focus-visible { outline: var(--focus); outline-offset: -1.5px }
.craft-card__region { display: grid; align-content: start; gap: var(--space-4); --bleed: var(--space-4); --lit: var(--pressed); --chosen: var(--pane); --field: var(--pane); background-color: var(--pane-2); border-radius: var(--radius-2); padding: var(--space-4) }
.craft-card__region[data-rows] { --bleed: var(--space-3); --lit: var(--white); gap: 0; padding: var(--space-1) }
.craft-card[data-look="compact"] { position: relative; display: flex; flex-direction: column; gap: var(--gap-cards); min-width: 0; padding: var(--space-4); border: none; border-radius: var(--radius-card); background-color: var(--pane); backdrop-filter: none }
.craft-card__link { color: inherit; text-decoration: none; outline: none }
.craft-card__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit }
.craft-card[data-stretched]:has(.craft-card__link:focus-visible) { outline: var(--focus); outline-offset: -1.5px }
@media (hover: hover) and (pointer: fine) {
  .craft-card[data-stretched]:active:not(:has(.craft-card__link:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) { background-color: var(--white); box-shadow: var(--lift-3); border-color: var(--edge); scale: 1 }
}
.craft-card[data-stretched]:active:has(a.craft-button:active) { background-color: var(--white); box-shadow: var(--lift-3); scale: 1; translate: 0 -2px }
.craft-row { gap: var(--space-3); min-height: var(--size-5); padding: 0 var(--bleed, var(--space-3)); border-radius: var(--radius-row); user-select: none; -webkit-tap-highlight-color: transparent; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink) }
.craft-row__list { padding: var(--space-1); border-radius: var(--radius-2) }
.craft-row + .craft-row::before { content: ""; position: absolute; top: 0; left: var(--bleed, var(--space-3)); right: var(--bleed, var(--space-3)); height: 1px; background-color: var(--hairline); pointer-events: none }
@media (hover: hover) and (pointer: fine) {
  .craft-row:is(:hover, :active)::before, .craft-row:is(:hover, :active) + .craft-row::before { opacity: 0 }
}
@media (hover: hover) and (pointer: fine) {
  .craft-row:hover:not(:has([role="menu"]:hover)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) { background-color: var(--lit, var(--white)); box-shadow: var(--lift-2); z-index: 1 }
}
@media (hover: hover) and (pointer: fine) {
  .craft-row:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) { background-color: var(--pane-3); box-shadow: var(--sunk-flat); z-index: 1 }
}
.craft-row__list:focus-visible .craft-row[data-cursor], .craft-row:focus-visible { outline: var(--focus); outline-offset: -1.5px; background-color: var(--lit, var(--white)) }
.craft-row[data-chosen] { background-color: var(--chosen, var(--hover)); box-shadow: inset 2px 0 0 var(--accent), var(--shadow-1) }
.craft-row[data-marked] { box-shadow: inset 2px 0 0 var(--accent) }
.craft-row__said { display: flex; align-items: baseline; gap: var(--space-2); font-weight: 500; min-width: 0 }
.craft-row__said > * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.craft-row__said > :has(.craft-editable[data-editing]) { overflow: visible }
.craft-row__said > :first-child { flex-shrink: 0; max-width: 100% }
.craft-row__said[data-look="quiet"] { font-weight: 400; color: var(--ink-2) }
.craft-row__said[data-look="machine"] { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-row__meta { min-width: 0; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums; color: var(--muted) }
.craft-row__meta[data-yields] { min-width: calc(var(--size-3) * 2 + var(--space-1)); text-align: right }
.craft-row__actions { right: var(--bleed, var(--space-3)); gap: var(--space-1); z-index: 1 }
.craft-row__actions[data-always] { position: static; translate: none; right: auto; margin-right: calc(var(--space-1) * 1.5 - var(--bleed, var(--space-3))) }
.craft-row__actions[data-always] .craft-button { border-radius: calc(var(--radius-row) - var(--space-1) * 1.5) }
.craft-row__actions[data-always] .craft-button:focus-visible { outline-offset: 1px }
.craft-row a[data-row-link] { color: inherit; text-decoration: none; outline: none }
.craft-row a[data-row-link]::after { content: ""; position: absolute; inset: 0; border-radius: inherit }
.craft-row:has(a[data-row-link]) .craft-row__actions { z-index: 1 }
.craft-row:has(a[data-row-link]) .craft-row__actions[data-always] { position: relative }
.craft-row:has(a[data-row-link]:focus-visible) { outline: var(--focus); outline-offset: -1.5px }
.c-kit-page-head { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "crumbs" "title" "about" "actions"; align-items: center; column-gap: var(--space-4); font-family: var(--font) }
.c-kit-page-head[data-beside] { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lead lead" "crumbs crumbs" "title beside" "about about" "actions actions" }
.c-kit-page-head > .c-kit-page-head__beside { grid-area: beside; display: flex; align-self: start }
.c-kit-page-head > .c-kit-page-head__lead { grid-area: lead }
.c-kit-page-head__lead { display: flex; margin-bottom: var(--space-2) }
.c-kit-page-head > .c-kit-page-head__crumbs { grid-area: crumbs }
.c-kit-page-head__crumbs { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: var(--space-1); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-kit-page-head__crumb { display: inline-flex; align-items: center }
.c-kit-page-head__crumb + .c-kit-page-head__crumb::before { content: "/"; padding: 0 var(--space-2); color: var(--faint) }
@media (hover: hover) and (pointer: fine) {
  .c-kit-page-head__crumb a:hover { color: var(--ink) }
}
.c-kit-page-head__crumb a:focus-visible { outline: var(--focus); outline-offset: 2px }
.c-kit-page-head > .c-kit-page-head__title { grid-area: title }
.c-kit-page-head__title { margin: 0; min-width: 0; font-size: var(--text-title); font-weight: 650; line-height: var(--leading-title); letter-spacing: var(--tracking-display); text-wrap: balance; color: var(--ink); overflow-wrap: anywhere }
.c-kit-page-head > .c-kit-page-head__actions { grid-area: actions }
.c-kit-page-head__title :where(button, input) { font: inherit; letter-spacing: inherit }
.c-kit-page-head__actions { margin-top: var(--space-3); display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) }
.c-kit-page-head > .c-kit-page-head__about { grid-area: about }
.c-kit-page-head__about { min-width: 0; margin-top: var(--space-1); font-size: var(--text-about); line-height: var(--leading-about); text-wrap: pretty; color: var(--ink-2) }
.c-kit-section { display: grid; align-content: start; gap: var(--space-3); min-width: 0; font-family: var(--font) }
.c-kit-section__head { display: flex; align-items: center; gap: var(--space-2); min-height: var(--size-3) }
.c-kit-section__title { margin: 0; font-size: var(--text-2); font-weight: 600; line-height: var(--leading-2); color: var(--ink) }
.c-kit-section__about { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-kit-section__actions { display: flex; align-items: center; gap: var(--space-2); margin-left: auto; align-self: center }
.c-kit-dots { display: flex; align-items: center; gap: var(--space-1); margin: 0; padding: 0; list-style: none }
.c-kit-dots__dot { width: var(--dot); height: var(--dot); border-radius: var(--radius-round); background-color: var(--faint); transition: background-color var(--quick) var(--ease-state) }
.c-kit-dots__dot[data-past] { background-color: var(--ink-2) }
.c-kit-dots__dot[data-current] { width: calc(var(--dot) * 3); background-color: var(--ink) }
.c-kit-panel { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; background-color: var(--pane); border: 1px solid var(--line); border-radius: var(--radius-2); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-kit-panel[data-holds="words"] .c-kit-panel__body { display: grid; gap: var(--space-1); padding: var(--space-4) var(--space-5) }
.c-kit-panel[data-holds="rows"] { overflow: hidden }
.c-kit-panel[data-holds="cells"] { overflow: hidden }
.c-kit-panel[data-holds="rows"] .c-kit-panel__body { --bleed: var(--space-3) }
.c-kit-panel[data-holds="rows"] .craft-row__list { grid-template-columns: minmax(0, 1fr) }
.c-kit-panel[data-holds="rows"] .craft-row { min-height: calc(var(--size-6) - var(--space-1)) }
.c-kit-panel[data-holds="cells"] .c-kit-panel__body { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--plane-1), 1fr)) }
.c-kit-panel[data-holds="cells"] .c-kit-panel__body > * { padding: var(--space-3) var(--space-5); box-shadow: -1px 0 0 var(--line-2), 0 -1px 0 var(--line-2) }
.c-kit-panel__foot { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); padding: var(--space-3) var(--space-5); border-top: 1px solid var(--line-2); border-radius: 0 0 var(--radius-1) var(--radius-1); background-color: var(--desk) }
.c-kit-panel[data-danger] .c-kit-panel__foot { border-top-color: var(--bad-soft); background-color: var(--bad-soft) }
.craft-panel__dock { background-color: var(--pane); border-left: 1px solid var(--line); color: var(--ink) }
.craft-panel__bar { display: flex; align-items: center; gap: var(--space-1); min-height: var(--space-8); padding: 0 var(--space-2) 0 var(--space-4); border-bottom: 1px solid var(--edge) }
.craft-panel__title { flex: 1; margin: 0; font-size: var(--text-4); font-weight: 600; color: var(--ink) }
.craft-panel__close { display: inline-grid; place-items: center; width: calc(var(--space-8) + var(--space-1)); height: calc(var(--space-8) + var(--space-1)); padding: 0; border: 0; border-radius: var(--radius-2); background: none; color: var(--muted); font-size: var(--text-4) }
.craft-panel__body { padding: var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom, 0px)) }
.craft-panel__sheet { z-index: 45; background-color: var(--pane); color: var(--ink); box-shadow: var(--lift-3); border-radius: var(--radius-sheet) var(--radius-sheet) 0 0 }
.craft-panel__behind { z-index: 44; background-color: var(--overlay) }
.craft-panel__grab { width: calc(var(--space-7) + var(--space-1)); height: var(--space-1); margin: var(--space-2) auto var(--space-1); border-radius: var(--radius-round); background-color: var(--line) }
.c-kit-facts { display: grid; background-color: var(--pane); border: 1px solid var(--line); border-radius: var(--radius-1); font-family: var(--font); min-width: 0 }
.c-kit-facts__head { display: flex; align-items: center; gap: var(--space-2); min-height: var(--size-6); padding: 0 var(--space-4); border-bottom: 1px solid var(--line-2) }
.c-kit-facts__title { margin: 0; font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3); color: var(--ink) }
.c-kit-facts__aside { margin-left: auto; display: inline-flex; align-items: center; gap: var(--space-2) }
.c-kit-facts__mark { display: inline-flex; color: var(--muted) }
.c-kit-facts__list { margin: 0; padding: var(--space-1) 0 }
.c-kit-facts__row { display: grid; grid-template-columns: var(--plane-1) minmax(0, 1fr); align-items: center; column-gap: var(--space-4); min-height: var(--size-5); padding: 0 var(--space-4) }
.c-kit-facts__label { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-kit-facts__value { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink) }
.c-kit-settings { display: grid; margin: 0; padding: 0; list-style: none; min-width: 0; border-radius: var(--radius-card); background-color: var(--pane); box-shadow: 0 0 0 1px var(--hairline); font-family: var(--font) }
.c-kit-settings__row { display: grid; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-4); min-height: var(--size-6); padding: var(--space-3) var(--space-4) }
.c-kit-settings__row + .c-kit-settings__row { box-shadow: inset 0 1px 0 var(--hairline) }
.c-kit-settings__text { display: grid; gap: 2px; min-width: 0 }
.c-kit-settings__label { font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); color: var(--ink) }
.c-kit-settings__about { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); overflow-wrap: anywhere }
.c-kit-settings__control { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); min-width: 0 }
.c-kit-settings__row[data-marked] { grid-template-columns: var(--glyph) minmax(0, 1fr) auto; column-gap: var(--space-3) }
.c-kit-settings__mark { display: inline-flex; align-self: start; width: var(--glyph); height: var(--leading-2); align-items: center; color: var(--muted) }
.c-kit-settings__row[data-stacks] { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-2) }
.c-kit-settings__row[data-stacks] .c-kit-settings__control { justify-content: stretch }
.c-kit-settings__row[data-stacks] .c-kit-settings__control > * { flex: 1; min-width: 0 }
.c-kit-settings__group { display: grid; gap: var(--space-3); min-width: 0; font-family: var(--font) }
.c-kit-settings__head { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-2) }
.c-kit-settings__title { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); font-weight: 600; color: var(--ink) }
.c-kit-settings__lead { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-kit-settings__row[data-link] { position: relative; transition: background-color var(--fast) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .c-kit-settings__row[data-link]:hover { background-color: var(--hover) }
}
.c-kit-settings__row[data-link] .c-kit-settings__control { position: relative }
.c-kit-settings__link { color: inherit; text-decoration: none; outline: none }
.c-kit-settings__link::after { content: ""; position: absolute; inset: 0 }
.c-kit-settings__link:focus-visible::after { outline: var(--focus); outline-offset: -2px; border-radius: inherit }
.c-kit-settings__actions { display: flex; align-items: center; gap: var(--space-2); align-self: center; margin-inline-start: auto; padding-inline-end: var(--space-4) }
.c-kit-settings__card { display: grid; min-width: 0; border-radius: var(--radius-card); background-color: var(--pane); box-shadow: 0 0 0 1px var(--hairline) }
.c-kit-settings__list { display: grid; margin: 0; padding: 0; list-style: none; min-width: 0 }
.c-kit-settings__foot { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-3); min-height: var(--size-6); box-sizing: border-box; padding: var(--space-2) var(--space-4); box-shadow: inset 0 1px 0 var(--hairline) }
.c-kit-status { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--size-2); padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-round); background-color: var(--pane); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--ink); white-space: nowrap }
.c-kit-status__trailing { color: var(--muted); font-variant-numeric: tabular-nums }
.c-kit-status[data-tone="bad"] { border-color: var(--bad-soft); background-color: var(--bad-soft); color: var(--bad) }
.c-kit-ago { font-variant-numeric: tabular-nums; cursor: default }
.craft-scroll-area__bar { width: var(--space-2); padding: 2px; background-color: transparent }
.craft-scroll-area__bar[data-orientation="horizontal"] { width: auto; height: var(--space-2) }
.craft-scroll-area__thumb { width: 100%; background-color: var(--line) }
@media (hover: hover) and (pointer: fine) {
  .craft-scroll-area__bar:hover .craft-scroll-area__thumb { background-color: var(--muted) }
}
.craft-button { gap: 6px; height: var(--size-control); padding: 0 13px; border-radius: var(--radius-control); font-family: var(--font); font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); letter-spacing: var(--tracking-tight); background-color: var(--hover); color: var(--ink); user-select: none; -webkit-tap-highlight-color: transparent }
.craft-button[data-size="28"] { height: var(--size-3); border-radius: var(--radius-1); padding: 0 10px; font-size: var(--text-1); line-height: var(--leading-1) }
.craft-button[data-size="36"] { height: var(--size-control-large); padding: 0 var(--space-5) }
.craft-button[data-only] { aspect-ratio: 1; padding: 0 }
.craft-button[data-pressed][data-only]:not([aria-haspopup]) { scale: 0.92 }
.craft-button[data-look="primary"] { position: relative; background-color: var(--ink); color: var(--on-ink); box-shadow: var(--cta-lift) }
.craft-button[data-look="primary"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: var(--grain); opacity: 0.18; mix-blend-mode: screen; pointer-events: none }
@media (hover: hover) and (pointer: fine) {
  .craft-button[data-look="primary"]:hover { background-color: var(--cta-hover); box-shadow: var(--cta-lift-hover) }
}
.craft-button[data-look="primary"]:active:not([data-seated], [data-soon]) { background-color: var(--cta-press); box-shadow: var(--cta-sunk) }
.craft-button[data-look="secondary"] { background-color: var(--pane); box-shadow: var(--lift-1) }
@media (hover: hover) and (pointer: fine) {
  .craft-button[data-look="secondary"]:hover { box-shadow: var(--lift-2) }
}
.craft-button[data-look="secondary"]:active:not([data-seated], [data-soon]) { background-color: var(--pane-2); box-shadow: var(--sunk) }
.craft-button[data-look="ghost"] { background-color: transparent; box-shadow: none; color: var(--ink-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-button[data-look="ghost"]:hover { background-color: var(--pane-2); box-shadow: 0 0 0 1px var(--hairline-2); color: var(--ink) }
}
.craft-button[data-look="ghost"]:active:not([data-seated], [data-soon]) { background-color: var(--pane-3); box-shadow: var(--sunk); color: var(--ink) }
.craft-button[data-look="ghost"][aria-expanded="true"] { background-color: var(--pane-3); box-shadow: var(--sunk); color: var(--ink) }
.craft-button[data-look="ghost"][aria-expanded="true"]:focus-visible { box-shadow: none }
.craft-button[data-look="danger"] { background-color: transparent; box-shadow: none; color: var(--bad) }
@media (hover: hover) and (pointer: fine) {
  .craft-button[data-look="danger"]:hover { background-color: var(--bad-soft); box-shadow: 0 0 0 1px var(--hairline-2) }
}
.craft-button[data-look="danger"]:active:not([data-seated], [data-soon]) { background-color: var(--bad-soft); box-shadow: var(--sunk) }
.craft-button:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-button[data-busy] { opacity: 0.7 }
.craft-button:is([data-seated], [data-soon])[data-look] { background-color: var(--pane-3); color: var(--muted); box-shadow: none }
.craft-button:is([data-seated], [data-soon])[data-look]::after { content: none }
.craft-button:is([data-seated], [data-soon])[data-look="secondary"] { background-color: transparent; box-shadow: inset 0 0 0 1px var(--hairline-2) }
.craft-button:is([data-seated], [data-soon])[data-look="ghost"], .craft-button:is([data-seated], [data-soon])[data-look="danger"] { background-color: transparent }
@media (hover: hover) and (pointer: fine) {
  .craft-button:is([data-seated], [data-soon])[data-look]:hover { background-color: var(--pane-3) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-button:is([data-seated], [data-soon])[data-look="ghost"]:hover, .craft-button:is([data-seated], [data-soon])[data-look="danger"]:hover, .craft-button:is([data-seated], [data-soon])[data-look="secondary"]:hover { background-color: var(--pane-2) }
}
.craft-button:is([data-seated], [data-soon])[aria-expanded="true"] { background-color: var(--pane-3); box-shadow: inset 0 0 0 1px var(--hairline-2) }
.craft-button__icon { width: var(--glyph); height: var(--glyph); align-items: center; justify-content: center }
.craft-segmented { --craft-inset: 3px; border-radius: var(--radius-tile-2); background-color: var(--track); box-shadow: var(--track-sunk) }
.craft-segmented__raised { border-radius: var(--radius-1); background-color: var(--pane); box-shadow: 0 0 0 1px var(--hairline), 0 1px 2px rgba(70, 48, 20, 0.1), 0 3px 8px -2px rgba(70, 48, 20, 0.12) }
.craft-segmented__item { height: var(--size-3); padding: 0 12px; gap: 6px; border-radius: var(--radius-1); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-segmented__item[data-glyph] { display: inline-grid; place-items: center; padding: 0 10px }
.craft-segmented[data-size="small"] .craft-segmented__item { height: var(--size-2); padding: 0 var(--space-3) }
.craft-segmented[data-size="large"] .craft-segmented__item { height: var(--size-5); padding: 0 var(--space-4); font-size: var(--text-3); line-height: var(--leading-3) }
@media (hover: hover) and (pointer: fine) {
  .craft-segmented__item:hover { color: var(--ink-2) }
}
.craft-segmented__item[aria-pressed="true"] { color: var(--ink) }
.craft-segmented__item[data-seated] { color: var(--faint) }
.craft-segmented__item:focus-visible { outline: var(--focus); outline-offset: -1.5px }
.craft-segmented:has(.craft-segmented__item:focus-visible) .craft-segmented__raised { box-shadow: var(--shadow-knob) }
.c-kit-segments { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: var(--radius-1); background-color: var(--hover) }
.c-kit-segments__item { padding: 5px var(--space-3); border: 0; border-radius: calc(var(--radius-1) - 3px); background-color: transparent; font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted); cursor: pointer }
@media (hover: hover) and (pointer: fine) {
  .c-kit-segments__item:hover { color: var(--ink) }
}
.c-kit-segments__item[aria-pressed="true"] { background-color: var(--pane); box-shadow: var(--shadow-seat); color: var(--ink); font-weight: 500; cursor: default }
.c-kit-segments__item:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-place { border-radius: var(--radius-2); background-color: var(--pane-2); box-shadow: inset 0 0 0 1px var(--line) }
.craft-place__raised { border-radius: calc(var(--radius-2) - var(--craft-inset, 3px)); background-color: var(--pane); box-shadow: var(--shadow-knob) }
.craft-place__item { padding: 4px var(--space-3); border-radius: calc(var(--radius-2) - var(--craft-inset, 3px)); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .craft-place__item:hover { color: var(--ink-2) }
}
.craft-place__item[aria-current="true"] { color: var(--ink); font-weight: 500 }
.craft-place__item:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-place__dot { padding: 3px; background-color: var(--faint) }
.craft-place__dot[data-standing="up"] { background-color: var(--ok) }
.craft-place__dot[data-standing="down"] { background-color: var(--bad) }
.craft-switch { width: calc(var(--size-2) + var(--size-1)); height: var(--size-2); padding: 0 2px; border-radius: var(--radius-round); background-color: var(--pressed) }
.craft-switch[data-checked] { background-color: var(--accent-fill) }
.craft-switch:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-switch[data-disabled] { opacity: 0.5 }
.craft-switch__thumb { width: var(--size-1); height: var(--size-1); border-radius: var(--radius-round); background-color: var(--pane); box-shadow: var(--shadow-knob) }
.craft-switch[data-checked] .craft-switch__thumb { translate: calc(var(--size-2) - var(--space-1)) 0 }
.craft-badge { gap: var(--space-1); padding: 3px var(--space-2); border-radius: var(--radius-1); font-family: var(--font); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; background-color: var(--hover); color: var(--ink-2) }
.craft-badge[data-look="queued"] { background-color: var(--pressed) }
.craft-badge[data-look="running"] { background-color: var(--accent-soft); color: var(--accent) }
.craft-badge[data-look="landed"] { background-color: var(--ok-soft); color: var(--ok) }
.craft-badge[data-look="asking"] { background-color: var(--warn-soft); color: var(--warn) }
.craft-badge[data-look="refused"] { background-color: var(--bad-soft); color: var(--bad) }
.frame-back { display: none; flex-shrink: 0; color: var(--ink); border-radius: var(--radius-2); transition: background-color var(--fast) var(--ease-state) }
.frame-back:active { background-color: var(--pressed); transition: none }
.craft-combobox__place { z-index: 65 }
.craft-combobox__field { box-sizing: border-box; width: 100%; height: calc(var(--size-5) + 2px); padding: 0 var(--space-4); border: 1.5px solid transparent; border-radius: var(--radius-2); background-color: var(--field, var(--input)); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink) }
.craft-combobox__field::placeholder { color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .craft-combobox__field:hover { border-color: var(--line-2) }
}
.craft-combobox__field:focus-visible { outline: none; border-color: var(--line-focus) }
.craft-combobox__plane { min-width: var(--plane-3); padding: var(--space-1); border: 1px solid var(--line-2); border-radius: var(--radius-2); background-color: var(--pane); box-shadow: var(--shadow-2) }
.craft-combobox__list { max-height: calc(var(--size-4) * 8) }
.craft-combobox__row { gap: var(--space-2); height: var(--size-4); padding: 0 var(--space-2); border-radius: var(--radius-1); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink) }
.craft-combobox__row[data-highlighted] { background-color: var(--hover) }
.craft-combobox__row[data-disabled] { color: var(--faint) }
.craft-combobox__empty { padding: var(--space-4) var(--space-3); text-align: center; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.craft-dot { width: var(--dot); height: var(--dot); border-radius: var(--radius-round); background-color: var(--faint) }
.craft-dot[data-look="running"] { background-color: var(--accent-fill) }
.craft-dot[data-look="landed"] { background-color: var(--ok-fill) }
.craft-dot[data-look="asking"] { background-color: var(--warn-fill) }
.craft-dot[data-look="refused"] { background-color: var(--bad-fill) }
.craft-editable { font-family: var(--font); color: inherit; max-width: calc(100% + var(--space-1)); position: relative; inset-inline-start: calc(var(--space-1) * -1) }
.craft-editable__preview { padding: 0 var(--space-1); border-radius: var(--radius-0); transition: background-color var(--fast) var(--ease-state) }
@media (hover: hover) and (pointer: fine) {
  .craft-editable__preview:hover { background-color: var(--hover) }
}
.craft-editable__preview:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-editable__preview[data-empty] { color: var(--muted) }
.craft-editable__preview:disabled { color: inherit; cursor: default }
@media (hover: hover) and (pointer: fine) {
  .craft-editable__preview:disabled:hover { background-color: transparent }
}
.craft-editable__sizer { padding: 0 var(--space-1) }
.craft-editable__input { padding: 0 var(--space-1); border-radius: var(--radius-0); background-color: var(--hover); caret-color: var(--ink) }
.craft-editable__input::placeholder { color: var(--muted); opacity: 1 }
.craft-editable__input[aria-invalid="true"] { box-shadow: 0 0 0 1px var(--bad) }
.craft-editable__refusal { padding: 0 var(--space-1); font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--bad) }
.craft-field { align-content: start; gap: var(--space-1); font-family: var(--font) }
.craft-field__label { gap: var(--space-1) }
.craft-field__words { font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-field__box { height: calc(var(--size-5) + 2px); border: 1.5px solid var(--line); border-radius: var(--radius-control); background-color: var(--field, var(--pane)); color: var(--ink); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body) }
@media (hover: hover) and (pointer: fine) {
  .craft-field__box:hover { border-color: var(--faint) }
}
.craft-field__box:focus-within { border-color: var(--ink) }
.craft-field[data-refused] .craft-field__box { border-color: var(--bad-fill) }
.craft-field[data-seated] .craft-field__box { border-color: transparent; background-color: var(--pane-2); color: var(--faint) }
.craft-field[data-size="sm"] .craft-field__box { height: var(--size-4); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-field[data-size="lg"] .craft-field__box { height: calc(var(--size-6) - 4px); font-size: var(--text-3); line-height: var(--leading-3) }
.craft-field[data-size="display"] .craft-field__box { height: var(--size-6); border-color: transparent; border-bottom-color: var(--line); border-radius: 0; background-color: transparent; font-size: var(--text-6); line-height: var(--leading-6); letter-spacing: var(--tracking-title) }
@media (hover: hover) and (pointer: fine) {
  .craft-field[data-size="display"] .craft-field__box:hover { border-bottom-color: var(--faint) }
}
.craft-field[data-size="display"] .craft-field__box:focus-within { border-bottom-color: var(--ink) }
.craft-field[data-refused][data-size="display"] .craft-field__box, .craft-field[data-refused][data-size="display"] .craft-field__box:focus-within { border-bottom-color: var(--bad-fill) }
.craft-field[data-size="display"] .craft-field__input { padding: 0 }
.craft-field[data-grows] .craft-field__box { height: auto }
.craft-field__input { padding: 0 var(--space-4) }
.craft-field__mark + .craft-field__input { padding-left: calc(var(--space-2) + 2px) }
.craft-field:not([data-size="display"]) :is(.craft-field__input, .craft-field__area) { font-size: inherit; line-height: inherit }
.craft-field__input::placeholder { color: var(--muted) }
.craft-field__input[data-machine] { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums }
.craft-field__area { padding: var(--space-3) var(--space-4); min-height: calc(var(--leading-2) * 3 + var(--space-6)); max-height: calc(var(--leading-2) * 8 + var(--space-6)) }
.craft-field__mark { padding-left: var(--space-4); font-size: var(--text-3); line-height: var(--leading-3); color: var(--muted) }
.craft-field__prefix { padding: 0 var(--space-3); border-right: 1px solid var(--line-2); background-color: var(--pane-2); color: var(--muted); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-field__suffix { padding: 0 var(--space-3); border-left: 1px solid var(--line-2); background-color: var(--pane-2); color: var(--muted); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-field__caption { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-field__refused { display: flex; align-items: flex-start; gap: var(--space-1); font-size: var(--text-1); line-height: var(--leading-1); color: var(--bad) }
.craft-field__refused .craft-field__mark { height: var(--leading-1); padding: 0; font-size: inherit; color: inherit }
.craft-menu__place { z-index: 50 }
.craft-menu { --menu-slot: var(--glyph); --menu-label: calc(var(--space-2) * 2 + var(--menu-slot)); min-width: max(180px, var(--anchor-width, 0px)); max-width: min(320px, var(--available-width, 100vw)); max-height: min(560px, var(--available-height, 100vh)); overflow-y: auto; padding: var(--space-1); border-radius: var(--radius-control); background-color: var(--pane); box-shadow: var(--lift-3); outline: none }
.craft-menu:is([data-starting-style], [data-ending-style]) { scale: 0.98 }
.craft-menu:has(.c-kit-emblem, .craft-avatar) { --menu-slot: var(--tile-1) }
.craft-menu:not(:has(.craft-menu__icon:not(:empty))) { --menu-label: var(--space-2) }
.craft-menu__row { gap: var(--space-2); height: var(--size-4); padding: 0 var(--space-2); border-radius: calc(var(--radius-control) - var(--space-1)); background-color: transparent; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink) }
.craft-menu__row[data-highlighted] { background-color: var(--hover) }
.craft-menu__row:active:not([data-disabled]) { background-color: var(--pressed) }
.craft-menu__row[data-look="quiet"] { color: var(--ink-2) }
.craft-menu__row[data-look="quiet"][data-highlighted] { color: var(--ink) }
.craft-menu__row[data-look="danger"] { color: var(--bad) }
.craft-menu__row[data-look="danger"][data-highlighted] { background-color: var(--bad-soft) }
.craft-menu__row[data-disabled] { color: var(--faint) }
.craft-menu__row[aria-current="page"] .craft-menu__said { font-weight: 500 }
.craft-menu__icon { width: var(--menu-slot); height: var(--menu-slot); color: var(--muted) }
.craft-menu:not(:has(.craft-menu__icon:not(:empty))) .craft-menu__icon { display: none }
.craft-menu__row[data-highlighted] .craft-menu__icon { color: var(--ink-2) }
.craft-menu__row[aria-current="page"]::after { content: ""; flex-shrink: 0; width: var(--glyph); height: var(--glyph); background-color: var(--ink); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / contain no-repeat }
.craft-menu__row[data-look="danger"] .craft-menu__icon { color: var(--bad) }
.craft-menu__said[data-machine] { font-family: var(--mono) }
.craft-menu__row:has(.craft-menu__detail) { height: var(--size-5); row-gap: 0 }
.craft-menu__row:has(.craft-menu__detail) .craft-menu__said { font-weight: 500; line-height: var(--leading-1) }
.craft-menu__detail { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-menu__heading { display: flex; align-items: center; height: var(--size-3); padding: 0 var(--space-2); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-menu__note { display: flex; align-items: center; height: var(--size-4); padding: 0 var(--space-2) 0 var(--menu-label); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-menu__trailing { font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums; color: var(--muted) }
.craft-menu__row[data-disabled] .craft-menu__trailing { color: var(--faint) }
.craft-menu__hint { min-width: var(--size-1); padding: 2px 6px; box-sizing: border-box; border: 1px solid var(--hairline-2); border-radius: var(--radius-0); background-color: var(--pane-2); box-shadow: 0 1px 0 var(--hairline-2); font-family: var(--mono); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); color: var(--ink-2) }
.craft-menu__divider { height: 1px; margin: var(--space-1) calc(var(--space-1) * -1); background-color: var(--hairline) }
.craft-command__backdrop { z-index: 60; background-color: var(--overlay); backdrop-filter: blur(var(--blur-overlay)) }
.craft-command__plane { z-index: 60; top: 12vh; width: min(calc(var(--plane-7) + var(--space-8) * 3), calc(100% - var(--space-6) * 2)); border: 1px solid var(--line); border-radius: var(--radius-2); background-color: var(--pane); box-shadow: var(--shadow-3); transform-origin: top center; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out) }
.craft-command__plane[data-starting-style] { opacity: 0; scale: 0.98 }
.craft-command__plane[data-ending-style] { opacity: 0; scale: 0.98; transition: opacity var(--fast) var(--ease-out), scale var(--fast) var(--ease-out) }
.craft-command { font-family: var(--font); color: var(--ink) }
.craft-command__head { height: var(--size-6); padding: 0 calc(var(--space-2) + var(--space-3)); border-bottom: 1px solid var(--line-2) }
.craft-command__field { height: 100%; padding: 0; font-family: var(--font); font-size: var(--text-4); line-height: var(--leading-4); color: var(--ink) }
.craft-command__field::placeholder { color: var(--muted) }
.craft-command__list { height: var(--cmdk-list-height, auto); max-height: calc(var(--size-5) * 11); overscroll-behavior: contain; scroll-padding: var(--space-2) 0; transition: height var(--quick) var(--ease-out) }
.craft-command__list [cmdk-list-sizer] { display: grid; gap: var(--space-1); padding: var(--space-2) }
.craft-command__group[hidden] { display: none }
.craft-command__group [cmdk-group-items] { display: grid }
.craft-command__group [cmdk-group-heading] { display: block; margin: 0; padding: var(--space-2) var(--space-3) var(--space-1); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--muted) }
.craft-command__row { gap: var(--space-3); height: var(--size-5); padding: 0 var(--space-3); border-radius: var(--radius-1); font-family: var(--font); font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink) }
.craft-command__row[data-selected="true"] { background-color: var(--hover) }
.craft-command__row[data-disabled="true"] { color: var(--faint) }
.craft-command__row-icon { width: var(--glyph); height: var(--glyph); color: var(--muted) }
.craft-command__row[data-selected="true"] .craft-command__row-icon { color: var(--ink) }
.craft-command__row-detail { flex-shrink: 1; min-width: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.craft-command__row-keys { gap: var(--space-1) }
.craft-command__empty { display: flex; align-items: center; height: var(--size-5); margin: 0; padding: 0 var(--space-3); font-size: var(--text-3); line-height: var(--leading-3); color: var(--muted) }
.craft-command__key { min-width: var(--size-1); height: var(--size-1); padding: 0 4px; box-sizing: border-box; border: 1px solid var(--line); border-radius: var(--radius-0); background-color: var(--pane); font-family: var(--font); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); color: var(--ink-2) }
.craft-popover__place { z-index: 50 }
.craft-popover { display: grid; align-content: start; gap: var(--space-4); min-width: min(var(--plane-2), 100vw - 2 * var(--space-4)); padding: var(--space-4); border: 1px solid var(--line-2); border-radius: var(--radius-2); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane)); box-shadow: var(--shadow-2); outline: none }
.craft-hovercard__place { z-index: 50 }
.craft-hovercard { min-width: var(--plane-3); padding: var(--space-4); border: 1px solid var(--line-2); border-radius: var(--radius-2); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane)); box-shadow: var(--shadow-2); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink); outline: none }
.craft-sheet__backdrop { z-index: 60; background-color: var(--overlay); backdrop-filter: blur(var(--blur-overlay)) }
.craft-sheet { z-index: 60; width: min(var(--plane-4), 100%); gap: var(--space-5); padding: var(--space-6); border-left: 1px solid var(--line-2); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane-2)); font-family: var(--font) }
.craft-sheet[data-side="left"] { border-left: none; border-right: 1px solid var(--line-2) }
.craft-sheet__title { font-size: var(--text-4); font-weight: 600; line-height: var(--leading-4); color: var(--ink) }
.craft-sheet__close { width: var(--size-3); height: var(--size-3); border-radius: var(--radius-1); color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .craft-sheet__close:hover { background-color: var(--pane-2); color: var(--ink) }
}
.craft-sheet__close:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-sheet__body { font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.craft-install::backdrop { background-color: var(--overlay); backdrop-filter: blur(var(--blur-overlay)) }
.craft-install { gap: var(--space-4); border: 1px solid var(--line-2); border-radius: var(--radius-3); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane-2)); box-shadow: var(--shadow-lift); color: var(--ink); font-family: var(--font); font-size: var(--text-1) }
.craft-install__icon { border-color: var(--line-2) }
.craft-install__title { font-size: var(--text-4); font-weight: 600; line-height: var(--leading-4); letter-spacing: var(--tracking-title) }
.craft-install__note { color: var(--muted); line-height: var(--leading-1) }
.craft-install__glyph { color: var(--ink); background-color: var(--hover); border-color: var(--line-2) }
.craft-install__done { height: var(--size-3); color: var(--on-ink); background-color: var(--ink); font-weight: 500 }
.craft-install__done:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-tag { gap: var(--space-1); padding: var(--space-1) var(--space-3); border-radius: var(--radius-round); background-color: var(--pane-2); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--ink) }
.craft-tag__said { color: var(--muted); font-variant-numeric: tabular-nums }
.craft-tag__remove { margin-left: 2px; border-radius: var(--radius-round); font-size: var(--text-1); line-height: var(--leading-1); color: var(--faint) }
@media (hover: hover) and (pointer: fine) {
  .craft-tag__remove:hover { color: var(--ink-2) }
}
.craft-tag__remove:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-tag[data-look="print"] { gap: var(--space-2); height: var(--size-2); padding: 0 var(--space-2); border-radius: var(--radius-1); background-color: var(--ink); box-shadow: var(--shadow-3); font-family: var(--mono); font-variant-numeric: tabular-nums; color: var(--on-ink); pointer-events: none }
.craft-tag[data-look="print"] .craft-tag__said { color: var(--line) }
.c-kit-figure { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: flex-end; min-width: var(--size-6); height: var(--size-2); padding: 0 var(--space-1); border: none; border-bottom: 1px solid transparent; background-color: transparent; font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums; color: var(--ink); cursor: ew-resize; touch-action: none; user-select: none; transition: color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-kit-figure:hover { border-bottom-color: var(--line) }
}
.c-kit-figure[data-turning="true"] { color: var(--ink); border-bottom-color: var(--line) }
.c-kit-figure:focus-visible { outline: var(--focus); outline-offset: 2px }
.c-kit-figure[data-differs="true"] { color: var(--accent) }
.c-kit-emblem { --a: var(--ink-2); --b: var(--faint); position: relative; display: grid; place-items: center; flex: none; width: var(--tile-2); height: var(--tile-2); border-radius: var(--radius-tile-2); overflow: hidden; color: color-mix(in oklab, var(--a) 82%, var(--ink)); background-color: color-mix(in oklab, var(--a) 17%, var(--pane)); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--a) 22%, transparent), 0 1px 2px var(--hair-soft); transition: transform 380ms var(--ease-spring), box-shadow var(--settled) var(--ease-out) }
.c-kit-emblem::after { content: ""; position: absolute; inset: 0; background-image: var(--grain); opacity: 0.22; mix-blend-mode: multiply; pointer-events: none }
.c-kit-emblem svg { position: relative; z-index: 2; width: var(--tile-glyph-2); height: var(--tile-glyph-2); stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(1.4px 1.1px 0 color-mix(in oklab, var(--b) 55%, transparent)) }
.c-kit-emblem__letters { position: relative; z-index: 2; font-family: var(--font); font-size: var(--text-0); font-weight: 600; line-height: var(--leading-0); letter-spacing: var(--tracking-title); text-shadow: 0.9px 0.7px 0 color-mix(in oklab, var(--b) 55%, transparent) }
@media (hover: hover) and (pointer: fine) {
  [data-peels]:hover:not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) .c-kit-emblem { transform: rotate(-6deg) translateY(-1px) scale(1.04); box-shadow: 0 0 0 1px var(--hair-soft), 0 4px 8px -2px var(--hairline-2) }
}
@media (hover: hover) and (pointer: fine) {
  [data-peels]:active:not(:has(button:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) .c-kit-emblem { transform: scale(0.92); transition-duration: var(--fast) }
}
@media (hover: hover) and (pointer: fine) {
  [data-pressable][data-peels]:active:not(:has(button:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) .c-kit-emblem { transform: scale(0.94) }
}
.c-kit-emblem[data-hue="blank"] { --a: var(--pane-3); --b: var(--muted) }
.c-kit-emblem[data-hue="red"] { --a: var(--hue-red); --b: var(--hue-yellow) }
.c-kit-emblem[data-hue="green"] { --a: var(--hue-green); --b: var(--hue-pink) }
.c-kit-emblem[data-hue="yellow"] { --a: var(--hue-yellow); --b: var(--hue-blue) }
.c-kit-emblem[data-hue="blue"] { --a: var(--hue-blue); --b: var(--hue-yellow) }
.c-kit-emblem[data-hue="pink"] { --a: var(--hue-pink); --b: var(--hue-blue) }
.c-kit-emblem[data-hue="orange"] { --a: var(--hue-orange); --b: var(--hue-blue) }
.c-kit-emblem[data-size="small"] { width: var(--tile-1); height: var(--tile-1); border-radius: var(--radius-tile-1) }
.c-kit-emblem[data-size="small"] svg { width: var(--tile-glyph-1); height: var(--tile-glyph-1); stroke-width: 2.1; filter: drop-shadow(0.9px 0.7px 0 color-mix(in oklab, var(--b) 55%, transparent)) }
.c-kit-emblem[data-size="large"] { width: var(--tile-3); height: var(--tile-3); border-radius: var(--radius-sheet) }
.c-kit-emblem[data-size="large"] svg { width: var(--tile-glyph-3); height: var(--tile-glyph-3); stroke-width: 2; filter: drop-shadow(1.4px 1.1px 0 color-mix(in oklab, var(--b) 55%, transparent)) }
.c-kit-emblem:not([data-size="small"]) .c-kit-emblem__letters { font-size: var(--text-3); line-height: var(--leading-3); letter-spacing: var(--tracking-tight); text-shadow: var(--register) 0 color-mix(in oklab, var(--b) 55%, transparent) }
.c-kit-emblem[data-size="large"] .c-kit-emblem__letters { font-size: var(--text-6); line-height: var(--leading-6) }
.c-kit-emblem[data-size="grows"] .c-kit-emblem__letters { font-size: var(--text-3); line-height: var(--leading-3) }
.c-kit-emblem[data-size="grows"] { width: var(--tile-2) }
.c-kit-emblem[data-size="grows"] svg { width: var(--tile-glyph-2) }
[data-prints] .c-kit-emblem { transition: transform 380ms var(--ease-spring), box-shadow var(--settled) var(--ease-out), background-color var(--settled) var(--ease-out), color var(--settled) var(--ease-out) }
[data-prints] .c-kit-emblem__letters { animation: kit-emblem-prints var(--settled) var(--ease-out) }
[data-print="red"] { --print-a: var(--hue-red); --print-b: var(--hue-yellow) }
[data-print="green"] { --print-a: var(--hue-green); --print-b: var(--hue-pink) }
[data-print="yellow"] { --print-a: var(--hue-yellow); --print-b: var(--hue-blue) }
[data-print="blue"] { --print-a: var(--hue-blue); --print-b: var(--hue-yellow) }
[data-print="pink"] { --print-a: var(--hue-pink); --print-b: var(--hue-blue) }
[data-print="orange"] { --print-a: var(--hue-orange); --print-b: var(--hue-blue) }
.c-kit-eyebrow { display: block; margin: 0; font-family: var(--font); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--muted) }
.craft-stat { font-family: var(--font) }
.craft-stat__label { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-stat__line { gap: var(--space-2) }
.craft-stat__value { font-size: var(--text-5); font-weight: 500; line-height: var(--leading-5); letter-spacing: var(--tracking-tight); color: var(--ink) }
.craft-stat__change { gap: 2px; font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1) }
.craft-stat__change[data-trend="up"] { color: var(--ok) }
.craft-stat__change[data-trend="down"] { color: var(--bad) }
.craft-tabs__tab { font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-tabs__tab:focus-visible { outline: var(--focus); outline-offset: 2px; border-radius: var(--radius-1) }
.craft-tabs__panel:focus-visible { outline: none }
.craft-tabs[data-look="underline"] .craft-tabs__list { border-bottom: 1px solid var(--line-2) }
.craft-tabs[data-look="underline"] .craft-tabs__tab { padding: 10px var(--space-4); font-weight: 400; color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .craft-tabs[data-look="underline"] .craft-tabs__tab:hover { color: var(--ink) }
}
.craft-tabs[data-look="underline"] .craft-tabs__tab[data-active] { color: var(--ink); font-weight: 500 }
.craft-tabs[data-look="underline"] .craft-tabs__mark { top: auto; bottom: -1px; height: var(--underline) }
.craft-tabs[data-look="underline"] .craft-tabs__plane { background-color: var(--accent-fill) }
.craft-tabs[data-look="pill"] .craft-tabs__list { display: inline-flex; gap: 2px; padding: var(--space-1); border-radius: var(--radius-2); background-color: var(--pane-2) }
.craft-tabs[data-look="pill"] .craft-tabs__tab { padding: var(--space-2) var(--space-4); font-weight: 500; color: var(--ink-2) }
.craft-tabs[data-look="pill"] .craft-tabs__tab[data-active] { color: var(--ink); font-weight: 600 }
.craft-tabs[data-look="pill"] .craft-tabs__mark { top: var(--space-1); bottom: var(--space-1); filter: drop-shadow(var(--shadow-seat)) drop-shadow(0 0 1px var(--line)) }
.craft-tabs[data-look="pill"] .craft-tabs__plane { --craft-mark-round: var(--radius-1); background-color: var(--pane) }
.craft-disclosure__stack { width: 100% }
.craft-disclosure__item { border-bottom: 1px solid var(--line-2) }
.craft-disclosure__opener { gap: var(--space-3); padding: 10px 0; font-family: var(--font); font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); color: var(--ink) }
.craft-disclosure__item .craft-disclosure__opener { padding: 14px 0 }
.craft-disclosure__opener:focus-visible { outline: var(--focus); outline-offset: 2px; border-radius: var(--radius-0) }
.craft-disclosure__opener[data-disabled] { color: var(--faint) }
.craft-disclosure__chevron { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-disclosure__inner { padding-bottom: var(--space-2); font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-disclosure__item .craft-disclosure__inner { padding-bottom: 14px }
.craft-stepper__mark { width: var(--size-2); height: var(--size-2); border: 2px solid transparent; border-radius: var(--radius-round); background-color: var(--hover); font-family: var(--font); font-size: var(--text-1); font-weight: 600; line-height: var(--leading-1); color: var(--muted); scale: 0.667 }
.craft-stepper__step[data-state="current"] .craft-stepper__mark { scale: 1; background-color: var(--pane); border-color: var(--accent-fill); color: var(--accent) }
.craft-stepper__step[data-state="done"] .craft-stepper__mark { background-color: var(--accent-fill); color: var(--on-ink) }
.craft-stepper__line { top: calc(var(--size-2) / 2); height: var(--underline); translate: 0 -50%; background-color: var(--hover) }
.craft-stepper__reach { background-color: var(--accent-fill) }
.craft-stepper__said { margin-top: 6px; padding: 0 var(--space-1); font-family: var(--font); font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-stepper__step[data-state="current"] .craft-stepper__said { color: var(--ink); font-weight: 500 }
.craft-thinking { gap: calc(var(--space-2) + 2px); font-family: var(--font) }
.craft-thinking__label { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-thinking__dots { gap: var(--space-1); height: calc(var(--dot) * 1.8) }
.craft-thinking__dot { width: var(--dot); height: var(--dot); border-radius: var(--radius-round); background-color: var(--ink) }
.craft-thinking[data-size="sm"] .craft-thinking__dots { height: calc(var(--space-1) * 1.8) }
.craft-thinking[data-size="sm"] .craft-thinking__dot { width: var(--space-1); height: var(--space-1) }
.craft-glyph { width: var(--size-2); height: var(--size-2); border-radius: var(--radius-round); background-image: linear-gradient(135deg, var(--accent-fill), var(--accent)); color: var(--on-ink) }
.craft-glyph[data-size="20"] { width: var(--size-1); height: var(--size-1) }
.craft-glyph[data-size="32"] { width: var(--size-4); height: var(--size-4) }
.craft-glyph[data-size="48"] { width: var(--size-6); height: var(--size-6) }
.craft-orb { color: var(--ink-2) }
.craft-orb[data-pill] { gap: calc(var(--space-2) - 1px); height: calc(var(--size-4) - 2px); padding: 0 var(--space-3) 0 calc(var(--space-1) + 2px); border-radius: var(--radius-round); background-color: var(--pane); box-shadow: 0 0 0 1px var(--line-2), var(--shadow-1); font-family: var(--font) }
.craft-orb__label { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-steps { gap: calc(var(--space-2) + 2px); font-family: var(--font) }
.craft-steps__step { gap: var(--space-3) }
.craft-steps__step[data-step="ahead"] { opacity: 0.45 }
.craft-steps__step[data-step="ahead"] .craft-steps__dot { border-color: var(--line) }
.craft-steps__step:not([data-step="ahead"]) .craft-steps__dot { background-color: var(--accent-fill) }
.craft-steps__ring { border-color: var(--accent-fill) }
.craft-steps__label { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-steps__step[data-step="done"] .craft-steps__label { color: var(--ink-2) }
.craft-steps__step[data-step="current"] .craft-steps__label { color: var(--ink); font-weight: 500 }
.craft-streaming__caret { background-color: var(--accent-fill) }
.craft-count { font-family: var(--mono) }
.craft-trace { font-family: var(--font) }
.craft-trace__head { gap: calc(var(--space-2) + 2px); padding: calc(var(--space-2) + 2px) var(--space-3); border-radius: var(--radius-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-trace[data-done] .craft-trace__head:hover { background-color: var(--pane-2) }
}
.craft-trace__head:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-trace__chevron { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-trace__said { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); font-weight: 500; color: var(--ink-2) }
.craft-trace__clock { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); font-family: var(--mono); color: var(--muted) }
.craft-trace__steps { padding: var(--space-2) var(--space-3) var(--space-3) calc(var(--space-4) + 1px) }
.craft-trace__step { gap: var(--space-3); padding-bottom: calc(var(--space-3) + 2px) }
.craft-trace__rail { width: var(--space-2) }
.craft-trace__dot { width: calc(var(--dot) + 1px); height: calc(var(--dot) + 1px); margin-top: calc(var(--space-1) + 1px); background-color: var(--faint) }
.craft-trace__step[data-step="current"] .craft-trace__dot { background-color: var(--accent-fill) }
.craft-trace__line { margin-top: var(--space-1); background-color: var(--line-2) }
.craft-trace__title { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-trace__step[data-step="current"] .craft-trace__title { color: var(--ink); font-weight: 500 }
.craft-trace__detail { font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-answer { gap: var(--space-4); font-family: var(--font) }
.craft-answer__head { gap: calc(var(--space-2) + 2px) }
.craft-answer__caption { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-answer__body { font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink); min-height: calc(var(--size-6) * 2) }
.craft-answer__chip { border-radius: var(--radius-round); background-color: var(--pane-2); border: 1px solid var(--line-2); color: var(--ink-2); font-size: var(--text-0); line-height: var(--leading-0); gap: calc(var(--space-1) + 1px); padding: 1px var(--space-2); margin: 0 3px }
.craft-answer__pin { width: var(--dot); height: var(--dot); background-color: var(--accent-fill) }
.craft-answer__chip .craft-answer__pin { width: calc(var(--dot) - 1px); height: calc(var(--dot) - 1px) }
.craft-answer__caret { background-color: var(--accent-fill) }
.craft-answer__rule { margin: var(--space-4) 0 calc(var(--space-7) - 2px); background-color: var(--line-2) }
.craft-answer__sources { gap: calc(var(--space-2) + 2px); margin-bottom: calc(var(--space-4) + 2px) }
.craft-answer__pills { gap: var(--space-2) }
.craft-answer__source { border-radius: var(--radius-round); background-color: var(--pane-2); border: 1px solid var(--line-2); color: var(--ink-2); font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); gap: calc(var(--space-1) + 3px); padding: 5px var(--space-3) }
.craft-answer__domain { font-size: var(--text-0); line-height: var(--leading-0); font-family: var(--mono); color: var(--muted) }
.craft-answer__followups { gap: var(--space-2) }
.craft-answer__asks { gap: calc(var(--space-1) + 2px) }
.craft-answer__followup { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); gap: var(--space-3); padding: 9px var(--space-3); border-radius: var(--radius-2); color: var(--ink-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-answer__followup:hover { background-color: var(--pane-2); color: var(--ink) }
}
.craft-answer__followup:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-answer__more { font-size: calc(var(--text-1) - 1px); color: var(--muted); opacity: 0.5 }
@media (hover: hover) and (pointer: fine) {
  .craft-answer__followup:hover .craft-answer__more { opacity: 1 }
}
.craft-standing { gap: calc(var(--space-1) * 1.5); padding: calc(var(--space-1) - 1px) calc(var(--space-2) + 2px); border-radius: var(--radius-round); background-color: var(--pane-2); font-family: var(--font); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink) }
.craft-standing__pip { width: var(--dot); height: var(--dot); border-radius: var(--radius-round); background-color: var(--ink-2) }
.craft-standing[data-tone="running"] .craft-standing__pip { background-color: var(--accent-fill) }
.craft-standing[data-tone="done"] .craft-standing__pip { background-color: var(--ok-fill) }
.craft-standing[data-tone="waiting"] .craft-standing__pip { background-color: var(--warn-fill) }
.craft-standing[data-tone="turn"] { padding: calc(var(--space-1) - 1px) var(--space-2); border-radius: var(--radius-1); background-color: var(--accent-soft); color: var(--accent) }
.craft-plan { gap: var(--space-4); padding: var(--space-5); background-color: var(--glass); backdrop-filter: blur(var(--space-4)); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); font-family: var(--font); color: var(--ink) }
.craft-plan[data-phase="handoff"] { padding: 0; background-color: transparent; backdrop-filter: none; border: none; box-shadow: none }
.craft-plan__head { gap: calc(var(--space-2) + 2px) }
.craft-plan__eyebrow { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-plan__title { font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3) }
.craft-plan__hint { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-plan__steps { gap: calc(var(--space-1) / 2) }
.craft-plan__step { gap: var(--space-3); padding: var(--space-2) calc(var(--space-2) + 2px); border-radius: var(--radius-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-plan[data-phase="edit"] .craft-plan__step:hover { background-color: var(--pane-2) }
}
.craft-plan__step[data-dropped] { opacity: 0.55 }
.craft-plan__count { width: calc(var(--size-1) + var(--space-1) / 2); height: calc(var(--size-1) + var(--space-1) / 2); border-radius: var(--radius-round); background-color: var(--pane-2); font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--ink-2) }
.craft-plan__step[data-ticked] .craft-plan__count { background-color: var(--ok-soft); color: var(--ok-fill) }
.craft-plan__tick { font-size: calc(var(--text-0) + 1px) }
.craft-plan__said { font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink) }
.craft-plan__step[data-ticked] .craft-plan__said { color: var(--ink-2) }
.craft-plan__step[data-dropped] .craft-plan__said { color: var(--faint); text-decoration: line-through }
.craft-plan__drop[data-only] { width: calc(var(--size-1) + var(--space-1) / 2); height: calc(var(--size-1) + var(--space-1) / 2); border-radius: var(--radius-1); background-color: transparent; color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .craft-plan__drop[data-only]:hover { background-color: var(--hover); color: var(--ink) }
}
.craft-plan__actions { gap: var(--space-2) }
.craft-plan__foot { gap: calc(var(--space-2) + 2px); min-height: calc(var(--size-3) + 2px) }
.craft-plan__note { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-plan__actions .craft-plan__note { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-plan__seal { width: calc(var(--size-1) + var(--space-1) / 2); height: calc(var(--size-1) + var(--space-1) / 2); border-radius: var(--radius-round); background-color: var(--ok-soft); color: var(--ok-fill); font-size: var(--text-0) }
.craft-plan__gone { gap: calc(var(--space-2) + 2px); padding: var(--space-3) var(--space-1) }
.craft-approval { gap: var(--space-4); padding: var(--space-5); background-color: var(--glass); backdrop-filter: blur(var(--space-4)); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); font-family: var(--font); color: var(--ink) }
.craft-approval__head { gap: calc(var(--space-2) + 2px) }
.craft-approval__eyebrow { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-approval__question { font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3) }
.craft-approval__choices { gap: var(--space-2) }
.craft-approval__choice { gap: var(--space-3); padding: var(--space-3) calc(var(--space-3) + 2px); border-radius: var(--radius-2); background-color: var(--pane-2); box-shadow: inset 0 0 0 1px var(--line-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-approval__choice:hover { background-color: var(--hover) }
}
.craft-approval__choice[data-chosen] { background-color: var(--accent-soft); box-shadow: inset 0 0 0 1.5px var(--accent-fill) }
.craft-approval__choice:has(.craft-approval__input:focus-visible) { outline: var(--focus); outline-offset: 2px }
.craft-approval__ring { width: calc(var(--space-3) + 2px); height: calc(var(--space-3) + 2px); border: 1.5px solid var(--line); border-radius: var(--radius-round) }
.craft-approval__choice[data-chosen] .craft-approval__ring { border-color: var(--accent-fill); background-color: var(--accent-fill) }
.craft-approval__dot { width: calc(var(--space-1) + 1px); height: calc(var(--space-1) + 1px); border-radius: var(--radius-round); background-color: var(--on-ink) }
.craft-approval__said { font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); color: var(--ink) }
.craft-approval__sub { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-approval__actions { gap: var(--space-2) }
.craft-approval__verdict { gap: var(--space-3) }
.craft-approval__seal { width: var(--size-3); height: var(--size-3); border-radius: var(--radius-round); background-color: var(--ok-soft); color: var(--ok-fill); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-approval[data-answer="skipped"] .craft-approval__seal { background-color: var(--pane-2); color: var(--ink-2) }
.craft-approval__told .craft-approval__said { font-weight: 600 }
.craft-approval__after { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-status { gap: calc(var(--space-2) + 2px); font-family: var(--font); color: var(--ink) }
.craft-status__bar { gap: var(--space-2) }
.craft-status__pill { gap: calc(var(--space-2) + 2px); padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 2px); border: 1px solid var(--line-2); border-radius: var(--radius-round); background-color: var(--pane-2) }
.craft-status__lead { color: var(--accent-fill) }
.craft-status[data-state="waiting"] .craft-status__lead { color: var(--warn-fill) }
.craft-status__dot { width: calc(var(--dot) + 1px); height: calc(var(--dot) + 1px); border-radius: var(--radius-round); background-color: var(--accent-fill) }
.craft-status[data-state="paused"] .craft-status__dot { background-color: var(--faint) }
.craft-status[data-state="done"] .craft-status__dot { background-color: var(--ok-fill) }
.craft-status__said { font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--ink) }
.craft-status__controls { gap: calc(var(--space-1) * 1.5) }
.craft-status__note { gap: var(--space-2) }
.craft-status__field { height: var(--size-3); padding: 0 var(--space-3); border: 1px solid var(--line-input); border-radius: var(--radius-2); background-color: var(--input); font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink) }
.craft-status__field::placeholder { color: var(--muted) }
.craft-status__field:focus { background-color: var(--pane); border-color: var(--accent); outline: var(--focus); outline-offset: -1.5px }
.craft-status__foot { gap: calc(var(--space-1) * 1.5); padding-left: calc(var(--space-3) + 2px) }
.craft-status__context { font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-status__clock { font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-receipt { gap: var(--space-4); padding: var(--space-5); background-color: var(--glass); backdrop-filter: blur(var(--space-4)); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); font-family: var(--font); color: var(--ink) }
.craft-receipt__head { gap: calc(var(--space-2) + 2px) }
.craft-receipt__pip { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-round); background-color: var(--ok-fill) }
.craft-receipt[data-phase="reversed"] .craft-receipt__pip { background-color: var(--muted) }
.craft-receipt__title { font-size: var(--text-2); font-weight: 600; line-height: var(--leading-2) }
.craft-receipt__stamp { font-size: var(--text-0); line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: none; color: var(--muted); font-family: var(--mono) }
.craft-receipt__rows { gap: var(--space-2) }
.craft-receipt__row { gap: var(--space-3) }
.craft-receipt__key { font-size: var(--text-0); line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--muted); flex-basis: calc(var(--space-8) + var(--space-6) + 2px); font-family: var(--mono) }
.craft-receipt__value { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-receipt__strip { gap: calc(var(--space-2) + 2px); padding: calc(var(--space-2) + 2px) calc(var(--space-3) + 2px); border-radius: var(--radius-2); background-color: var(--pane-2); font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-receipt__label { font-size: var(--text-0); line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--muted); font-family: var(--font) }
.craft-receipt__from { color: var(--muted) }
.craft-receipt__arrow { color: var(--faint) }
.craft-receipt__to { font-weight: 600; color: var(--ink) }
.craft-receipt__delta { font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); color: var(--ok) }
.craft-receipt[data-phase="reversed"] .craft-receipt__delta { color: var(--ink-2) }
.craft-receipt__rule { height: 1px; background-color: var(--line-2) }
.craft-receipt__foot { gap: var(--space-3) }
.craft-receipt__ring { font-size: var(--text-3); line-height: var(--leading-3) }
.craft-receipt__track { stroke: var(--line-2) }
.craft-receipt__arc { stroke: var(--ink) }
.craft-receipt__left { font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--ink-2) }
.craft-receipt__caption { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-receipt__audit { height: auto; padding: var(--space-1) 0; background-color: transparent; font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line-2) }
@media (hover: hover) and (pointer: fine) {
  .craft-receipt__audit:hover { color: var(--ink); text-decoration-color: var(--ink-2) }
}
.craft-repair { gap: var(--space-4); padding: var(--space-5); background-color: var(--glass); backdrop-filter: blur(var(--space-4)); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); font-family: var(--font); color: var(--ink); padding-left: calc(var(--space-5) + var(--space-2) + 2px) }
.craft-repair__rail { top: calc(var(--space-4) + 2px); bottom: calc(var(--space-4) + 2px); width: calc(var(--space-1) - 1px); border-radius: var(--radius-round); background-color: var(--warn-fill) }
.craft-repair__head { gap: calc(var(--space-2) + 2px); margin-bottom: calc(var(--space-1) * 1.5) }
.craft-repair__headline { font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3) }
.craft-repair__admission { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-repair__eyebrow { margin-bottom: calc(var(--space-2) + 2px); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--muted) }
.craft-repair__fixes { gap: var(--space-2) }
.craft-repair__fix { gap: calc(var(--space-2) + 2px) }
.craft-repair__seal { width: var(--size-1); height: var(--size-1); border-radius: var(--radius-round); background-color: var(--ok-soft); color: var(--ok-fill); font-size: var(--text-0) }
.craft-repair__said { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink) }
.craft-repair__rule { height: 1px; margin-bottom: calc(var(--space-3) + 2px); background-color: var(--line-2) }
.craft-repair__actions { gap: var(--space-2) }
.craft-repair__diff { gap: var(--space-2); margin-top: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-2); background-color: var(--pane-2); font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-repair__key { color: var(--muted) }
.craft-repair__was { color: var(--bad); text-decoration: line-through; text-decoration-color: var(--bad-fill) }
.craft-repair__arrow { color: var(--faint) }
.craft-repair__now { font-weight: 600; color: var(--ok) }
.craft-repair__footer { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted); margin-top: var(--space-3) }
.craft-handoff { gap: var(--space-4); padding: var(--space-5); background-color: var(--glass); backdrop-filter: blur(var(--space-4)); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1); font-family: var(--font); color: var(--ink) }
.craft-handoff__working { gap: var(--space-3); min-height: var(--size-3) }
.craft-handoff__head { gap: calc(var(--space-2) + 2px) }
.craft-handoff__eyebrow { font-size: var(--text-1); line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--muted) }
.craft-handoff__rail { padding: var(--space-3) calc(var(--space-3) + 2px); border-left: 2px solid var(--accent-fill); border-radius: 0 var(--radius-1) var(--radius-1) 0; background-color: var(--accent-soft) }
.craft-handoff__headline { font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3) }
.craft-handoff__reason { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-handoff__rows { padding: var(--space-1) calc(var(--space-3) + 2px); border: 1px solid var(--line-2); border-radius: var(--radius-2); background-color: var(--pane-2) }
.craft-handoff__row { gap: var(--space-3); padding: calc(var(--space-2) + 1px) 0; border-bottom: 1px solid var(--line-2) }
.craft-handoff__row:last-child { border-bottom: none }
.craft-handoff__key { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-handoff__value { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink) }
.craft-handoff__foot { gap: calc(var(--space-2) + 2px); min-height: calc(var(--size-1) + var(--space-1) / 2) }
.craft-handoff__actions { gap: var(--space-2) }
.craft-handoff__seal { width: calc(var(--size-1) + var(--space-1) / 2); height: calc(var(--size-1) + var(--space-1) / 2); border-radius: var(--radius-round); background-color: var(--ok-soft); color: var(--ok-fill); font-size: var(--text-0) }
.craft-handoff__note { font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.craft-handoff[data-stage="raised"] .craft-handoff__note { font-weight: 500; color: var(--ink) }
.craft-checkbox { gap: var(--space-3); font-family: var(--font) }
.craft-checkbox[data-seated] { opacity: 0.5 }
.craft-checkbox__box { width: calc(var(--size-1) - 2px); height: calc(var(--size-1) - 2px); border-radius: var(--radius-0); background-color: var(--input); color: var(--on-ink) }
.craft-checkbox__box[data-checked] { background-color: var(--accent-fill) }
.craft-checkbox__box:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-checkbox__words { font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink) }
.craft-radio { gap: var(--space-3); font-family: var(--font) }
.craft-radio__label { margin-bottom: calc(var(--space-1) * -1); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-radio__option { gap: var(--space-3) }
.craft-radio__option[data-seated] { opacity: 0.5 }
.craft-radio__ring { width: calc(var(--size-1) - 2px); height: calc(var(--size-1) - 2px); border: 1.5px solid transparent; border-radius: var(--radius-round); background-color: var(--input) }
.craft-radio__ring[data-checked] { border-color: var(--accent-fill) }
.craft-radio__ring:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-radio__dot { width: calc(var(--dot) + 2px); height: calc(var(--dot) + 2px); border-radius: var(--radius-round); background-color: var(--accent-fill) }
.craft-radio__words { font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink) }
.craft-choicebox { gap: var(--space-2); font-family: var(--font) }
.craft-choicebox__choice { align-items: center; gap: var(--space-4); min-height: calc(var(--size-6) + var(--space-3)); padding: var(--space-3) var(--space-4); border: 0; border-radius: var(--radius-card); background-color: var(--pane); box-shadow: var(--lift-1); -webkit-tap-highlight-color: transparent; transition: box-shadow var(--quick) var(--ease-out), translate var(--quick) var(--ease-out), scale var(--fast) var(--ease-out), opacity var(--quick) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__choice:not([data-disabled]):hover { background-color: var(--pane) }
}
.craft-choicebox__choice:not([data-disabled]):active { scale: 0.985; translate: 0 0 }
.craft-choicebox__choice[data-checked] { box-shadow: 0 0 0 1.5px var(--ink), var(--lift-1) }
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__choice[data-checked]:hover { background-color: var(--pane) }
}
.craft-choicebox__choice:focus-visible { outline: var(--focus); outline-offset: -1.5px }
.craft-choicebox__choice[data-checked]:focus-visible { box-shadow: var(--lift-1) }
.craft-choicebox__choice[data-disabled] { opacity: 0.6; box-shadow: var(--lift-1) }
.craft-choicebox__mark { order: 0 }
.craft-choicebox__body { order: 1 }
.craft-choicebox__meta { order: 2; font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-choicebox__choice[data-disabled] .craft-choicebox__meta { padding: var(--space-1) var(--space-2); border-radius: var(--radius-round); background-color: var(--pane-3); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--ink-2) }
.craft-choicebox__marker { order: 3; width: var(--glyph); height: var(--glyph); border: 1.5px solid var(--faint); border-radius: var(--radius-round); color: var(--on-ink); transition: border-color var(--quick) var(--ease-out) }
.craft-choicebox__choice[data-disabled] .craft-choicebox__marker { display: none }
.craft-choicebox[data-many] .craft-choicebox__marker { border-radius: calc(var(--radius-0) + 1px) }
.craft-choicebox__marker[data-checked] { border-color: var(--ink) }
.craft-choicebox[data-many] .craft-choicebox__marker[data-checked] { background-color: var(--ink) }
.craft-choicebox__dot { width: var(--dot); height: var(--dot); border-radius: var(--radius-round); background-color: var(--ink); scale: 0.5; transition: opacity var(--fast) var(--ease-out), scale var(--tick) var(--ease-tick) }
.craft-choicebox__marker[data-checked] .craft-choicebox__dot { scale: 1 }
.craft-choicebox__title { font-size: var(--text-3); font-weight: 500; line-height: var(--leading-3); color: var(--ink) }
.craft-choicebox__about { font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.craft-choicebox__cell { border-radius: var(--radius-card); transition: translate var(--quick) var(--ease-out), scale var(--fast) var(--ease-out) }
.craft-choicebox__cell > .craft-choicebox__choice { gap: 0 }
.craft-choicebox__choice:has(> .craft-choicebox__mark > :is(img, [data-picture])) { padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2) }
.craft-choicebox__cell .craft-choicebox__mark { margin-inline-end: var(--space-4) }
.craft-choicebox__cell .craft-choicebox__body { align-self: end; padding-top: var(--space-1) }
.craft-choicebox__cell .craft-choicebox__marker { margin-inline-start: var(--space-4) }
.craft-choicebox__cell .craft-choicebox__meta { grid-column: 2 / -1; grid-row: 2; justify-self: end; align-self: center }
.craft-choicebox__cell .craft-choicebox__aside { align-self: start; margin: var(--space-1) 0 var(--space-1) }
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__cell:not([data-disabled]):hover { border-radius: var(--radius-card) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__cell > .craft-choicebox__choice:not([data-disabled]):hover { background-color: var(--pane) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice { background-color: var(--pane) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice[data-checked] { background-color: var(--pane) }
}
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice[data-checked]:focus-visible { background-color: var(--pane) }
}
.craft-choicebox__cell:not([data-disabled]):has(> .craft-choicebox__choice:active) { scale: 0.985; translate: 0 0 }
.craft-choicebox__cell > .craft-choicebox__choice:active { scale: 1 }
.craft-choicebox__mark > :is(img, [data-picture]) { display: block; width: calc(var(--space-4) * 7); height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; border-radius: calc(var(--radius-card) - var(--space-2)); background-color: var(--pane-3); box-shadow: 0 0 0 1px var(--edge) }
.craft-choicebox__mark > [data-picture] { display: grid; place-items: center; color: var(--muted) }
.craft-choicebox__mark > [data-picture] svg { width: var(--glyph); height: var(--glyph) }
.craft-choicebox__aside a { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-1) 0; margin: calc(-1 * var(--space-1)) 0; font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2); text-decoration: underline; text-decoration-color: var(--faint); text-underline-offset: 3px; border-radius: var(--radius-0); transition: color var(--quick) var(--ease-out); -webkit-tap-highlight-color: transparent }
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__aside a:hover { color: var(--ink) }
}
.craft-choicebox__aside a:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-choicebox__aside svg { width: var(--space-3); height: var(--space-3) }
.craft-choicebox__choice[data-soon] { text-align: left; gap: 0 var(--space-4); align-items: start }
.craft-choicebox__choice[data-soon] .craft-choicebox__mark { align-self: center }
.craft-choicebox__choice[data-soon] .craft-choicebox__body { padding-top: var(--space-1) }
.craft-choicebox__choice[data-soon]:active { scale: 0.985 }
.c-kit-proof { position: relative; display: grid; align-content: start; gap: var(--space-4); box-sizing: border-box; padding: var(--space-3) var(--space-4); border-radius: var(--radius-card); background-color: var(--pane); box-shadow: var(--lift-1); transition: translate var(--settled) var(--ease-out), rotate var(--settled) var(--ease-out), box-shadow var(--settled) var(--ease-out) }
.c-kit-proof::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: var(--grain); opacity: 0.12; mix-blend-mode: multiply; pointer-events: none }
.c-kit-proof[data-pressed] { --register: 0px 0px; translate: 0 2px; rotate: 0deg; box-shadow: var(--lift-1) }
.c-kit-stops { position: relative; display: flex; align-items: center; gap: var(--space-2); margin: calc(var(--space-3) * -1 - 1px) 0 }
.c-kit-stops__stop { display: flex; align-items: center; gap: var(--space-2); transition: opacity var(--quick) var(--ease-out) }
.c-kit-stops__stop[data-gone] { opacity: 0; pointer-events: none }
.c-kit-stops__label { display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: calc(var(--space-3) + 1px) 0; border: 0; background: none; font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); color: var(--muted) }
button.c-kit-stops__label { cursor: pointer; border-radius: var(--radius-0) }
button.c-kit-stops__label:focus-visible { outline: var(--focus); outline-offset: 2px }
.c-kit-stops__title { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: color var(--quick) var(--ease-out) }
.c-kit-stops__stop[data-state="here"] .c-kit-stops__title { color: var(--ink) }
.c-kit-stops__stop[data-state="passed"] .c-kit-stops__title { color: var(--ink-2) }
@media (hover: hover) and (pointer: fine) {
  button.c-kit-stops__label:hover .c-kit-stops__title { color: var(--ink); text-decoration-color: var(--faint) }
}
.c-kit-stops__seal { position: relative; display: grid; place-items: center; width: var(--size-1); height: var(--size-1); box-sizing: border-box; border-radius: var(--radius-round); border: 1.5px solid var(--faint); color: var(--muted); transition: background-color var(--quick) var(--ease-out), border-color var(--quick) var(--ease-out) }
.c-kit-stops__stop[data-state="here"] .c-kit-stops__seal, .c-kit-stops__stop[data-state="passed"] .c-kit-stops__seal { border-color: var(--ink); background-color: var(--ink); color: var(--on-ink) }
.c-kit-stops__numeral, .c-kit-stops__tick { grid-area: 1 / 1; display: grid; place-items: center; transition: opacity var(--quick) var(--ease-out), scale var(--settled) var(--ease-spring) }
.c-kit-stops__numeral { font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0) }
.c-kit-stops__tick { opacity: 0; scale: 0.6 }
.c-kit-stops__tick svg { width: var(--space-3); height: var(--space-3) }
.c-kit-stops__stop[data-state="passed"] .c-kit-stops__numeral { opacity: 0; scale: 0.6 }
.c-kit-stops__stop[data-state="passed"] .c-kit-stops__tick { opacity: 1; scale: 1 }
.c-kit-stops__rule { width: var(--size-2); height: var(--underline); border-radius: var(--radius-round); background-color: var(--faint); overflow: hidden }
.c-kit-stops__rule::after { content: ""; display: block; height: 100%; background-color: var(--ink); scale: 0 1; transform-origin: left; transition: scale 280ms var(--ease-move) }
.c-kit-stops__rule[data-filled="true"]::after { scale: 1 1 }
.c-kit-stops__count { position: absolute; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
.craft-select { gap: var(--space-1); font-family: var(--font) }
.craft-select__label { font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-select__trigger { gap: var(--space-2); height: calc(var(--size-5) + 2px); padding: 0 var(--space-4); border: 1.5px solid transparent; border-radius: var(--radius-2); background-color: var(--field, var(--input)); color: var(--ink); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body) }
@media (hover: hover) and (pointer: fine) {
  .craft-select__trigger:hover { border-color: var(--line-2) }
}
.craft-select__trigger:focus-visible { outline: none; border-color: var(--line-focus) }
.craft-select__trigger[data-popup-open] { border-color: var(--line-focus) }
.craft-select__trigger[data-disabled] { border-color: transparent; background-color: var(--pane-2); color: var(--faint) }
.craft-select[data-size="sm"] .craft-select__trigger { height: var(--size-4); padding: 0 var(--space-3); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-select[data-size="lg"] .craft-select__trigger { height: calc(var(--size-6) - 4px); font-size: var(--text-3); line-height: var(--leading-3) }
.craft-select__empty { color: var(--muted) }
.craft-select__chevron { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-select__popup { width: auto; min-width: var(--anchor-width, auto); max-width: calc(100vw - var(--space-6)); max-height: calc(var(--size-6) * 4 + var(--space-2)); padding: var(--space-1); border-radius: var(--radius-2); background-color: var(--pane); box-shadow: var(--shadow-2); font-family: var(--font) }
.craft-select__item { gap: var(--space-2); padding: calc(var(--space-2) + 1px) var(--space-3); border-radius: var(--radius-1); font-size: var(--text-2); line-height: var(--leading-2); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-select__item[data-highlighted] { background-color: var(--pane-2) }
.craft-select__item[data-selected] { color: var(--ink); font-weight: 500 }
.craft-select__item[data-disabled] { color: var(--faint) }
.craft-select__tick { font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-search .craft-field__box { gap: var(--space-2); height: var(--size-5); padding: 0 10px; border: 1px solid var(--line-input); border-radius: var(--radius-1); font-size: var(--text-1); line-height: var(--leading-1) }
.craft-search[data-size="lg"] .craft-field__box { height: var(--size-6); padding: 0 var(--space-3); border-radius: var(--radius-control); font-size: var(--text-3); line-height: var(--leading-3) }
.craft-search[data-size="lg"] .craft-field__mark { font-size: var(--text-4); line-height: var(--leading-4) }
.craft-search .craft-field__box:focus-within { border-color: var(--line-focus) }
.craft-search .craft-field__mark { padding: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.craft-search .craft-field__input { padding: 0 }
.craft-search .craft-field__input::-webkit-search-cancel-button { appearance: none }
.craft-search__clear { width: var(--glyph); height: var(--glyph); border-radius: var(--radius-round); background-color: var(--hover); color: var(--ink-2); font-size: var(--text-0); line-height: var(--leading-0) }
@media (hover: hover) and (pointer: fine) {
  .craft-search__clear:hover { background-color: var(--pressed) }
}
.craft-search__clear:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-search__hint { min-width: var(--size-1); padding: 2px 6px; border: 1px solid var(--line-2); border-radius: var(--radius-0); background-color: var(--pane-2); box-shadow: 0 1px 0 var(--line); color: var(--ink-2); font-family: var(--mono); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0) }
.craft-copy .craft-field__input { padding: 0 var(--space-2) 0 var(--space-4) }
.craft-copy .craft-field__input[data-machine] { font-size: var(--text-2); line-height: var(--leading-2) }
.craft-copy__press { gap: calc(var(--space-1) + 2px); margin: var(--space-1); padding: 0 var(--space-3) 0 var(--space-2); height: var(--size-chip); border-radius: var(--radius-tile-1); background-color: transparent; color: var(--muted); font-family: var(--font); font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1) }
@media (hover: hover) and (pointer: fine) {
  .craft-copy__press:hover { background-color: var(--pane-2); box-shadow: 0 0 0 1px var(--hairline-2); color: var(--ink) }
}
.craft-copy__press:active:not([data-disabled]) { scale: 0.88 }
.craft-copy__press[data-copied] { color: var(--hue-green) }
.craft-copy__press:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-slider { gap: var(--space-2); font-family: var(--font) }
.craft-slider__label { font-size: var(--text-1); font-weight: 500; line-height: var(--leading-1); letter-spacing: var(--tracking-body); color: var(--ink-2) }
.craft-slider__body { gap: var(--space-3) }
.craft-slider__body[data-disabled] { opacity: 0.5 }
.craft-slider__control { height: var(--size-1) }
.craft-slider__track { height: var(--space-1); border-radius: calc(var(--radius-0) / 2); background-color: var(--hover) }
.craft-slider__fill { border-radius: calc(var(--radius-0) / 2); background-color: var(--accent-fill) }
.craft-slider__thumb { width: calc(var(--space-3) + 2px); height: calc(var(--space-3) + 2px); border: 1.5px solid var(--accent-fill); border-radius: var(--radius-round); background-color: var(--pane); box-shadow: var(--shadow-knob) }
.craft-slider__thumb:focus-within { outline: var(--focus); outline-offset: 2px }
.craft-slider__body[data-dragging] .craft-slider__thumb { box-shadow: 0 0 0 1px var(--hairline-2), var(--shadow-knob) }
.craft-slider__reading { min-width: var(--size-4); font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.c-shell-sidebar-item { display: block; box-sizing: border-box; border-radius: var(--radius-1); text-decoration: none; color: var(--ink-2); transition: background-color var(--craft-normal) var(--craft-ease-in-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-sidebar-item:hover { background-color: var(--pressed); color: var(--ink) }
}
.c-shell-sidebar-item:focus-visible { outline: var(--focus); outline-offset: 2px }
.c-shell-sidebar-item[aria-current="page"] { background-color: var(--line-2); color: var(--ink) }
.c-shell-sidebar-item[aria-current="page"] .c-shell-sidebar-item__press { font-weight: 500 }
.c-shell-sidebar-item__press { display: flex; align-items: center; gap: 10px; height: var(--size-4); padding: 0 10px; font-family: var(--font); font-size: var(--text-2); font-weight: 400; line-height: var(--leading-2); letter-spacing: var(--tracking-body); transition: scale var(--fast) var(--ease-out) }
.c-shell-sidebar-item[data-pressed="true"] .c-shell-sidebar-item__press { scale: 0.99 }
.c-shell-sidebar-item__icon { display: inline-flex; flex-shrink: 0; color: currentColor; opacity: 0.8 }
.c-shell-sidebar-item[aria-current="page"] .c-shell-sidebar-item__icon { opacity: 1 }
.c-shell-sidebar-item__label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.c-shell-sidebar-item__count { flex-shrink: 0; --pane-2: var(--pressed) }
.c-shell-sidebar-item[aria-current="page"] .c-shell-sidebar-item__count { --pane-2: var(--pane) }
.c-shell-sidebar-item[data-shut="true"] { width: var(--size-4); margin-inline: auto }
.c-shell-sidebar-item[data-shut="true"] .c-shell-sidebar-item__press { justify-content: center; padding: 0 }
.c-shell-sidebar-item[data-shut="true"] .c-shell-sidebar-item__label { display: none }
.c-shell-sidebar-item[data-shut="true"] .c-shell-sidebar-item__count { display: none }
.c-shell-switcher { display: block; box-sizing: border-box; border: 0; padding: 0; border-radius: var(--radius-control); background-color: transparent; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; text-align: left; transition: background-color var(--quick) var(--ease-out), box-shadow var(--quick) var(--ease-out); width: max-content; min-width: max-content; flex-shrink: 0 }
@media (hover: hover) and (pointer: fine) {
  .c-shell-switcher:hover { background-color: var(--glass); box-shadow: 0 0 0 1px var(--hairline) }
}
.c-shell-switcher[data-open="true"] { background-color: var(--pane); box-shadow: var(--lift-1) }
.c-shell-switcher:focus-visible { outline: var(--focus); outline-offset: 2px }
.c-shell-switcher__press { display: flex; align-items: center; height: var(--size-control); padding: 0 6px; border-radius: inherit; transition: scale var(--fast) var(--ease-out) }
.c-shell-switcher[data-pressed="true"], .c-shell-switcher:active { background-color: var(--glass); box-shadow: var(--sunk) }
.c-shell-switcher[data-pressed="true"] .c-shell-switcher__press, .c-shell-switcher:active .c-shell-switcher__press { scale: 0.98 }
.c-shell-switcher__mark { display: inline-flex; flex-shrink: 0; color: var(--ink) }
.c-shell-switcher__fold { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; transition: grid-template-columns var(--settled) var(--ease-out) }
.c-shell-switcher[data-shut="true"] .c-shell-switcher__fold { grid-template-columns: minmax(0, 0fr) }
.c-shell-switcher__said { display: flex; align-items: center; gap: var(--space-2); width: max-content; padding: 0 calc(var(--space-2) - 6px) 0 var(--space-2); transition: opacity var(--settled) var(--ease-out), filter var(--settled) var(--ease-out) }
.c-shell-switcher[data-shut="true"] .c-shell-switcher__said { opacity: 0; filter: blur(2px); transition: opacity var(--fast) var(--ease-out), filter var(--fast) var(--ease-out) }
.c-shell-switcher__name { white-space: nowrap; font-family: var(--font); font-size: var(--text-3); font-weight: 600; line-height: var(--leading-3); letter-spacing: var(--tracking-tight); color: var(--ink) }
.c-shell-switcher__chevron { display: inline-flex; flex-shrink: 0; color: var(--muted); transform: rotate(90deg); transition: transform var(--settled) var(--ease-out), color var(--quick) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-switcher:hover .c-shell-switcher__chevron { color: var(--ink) }
}
.c-shell-switcher[data-open="true"] .c-shell-switcher__chevron { transform: rotate(270deg) }
.craft-kbd { min-width: var(--size-1); padding: 2px 6px; border: 1px solid var(--line-2); border-radius: var(--radius-0); background-color: var(--pane-2); box-shadow: 0 1px 0 var(--line); font-family: var(--mono); font-size: var(--text-0); font-weight: 500; line-height: var(--leading-0); color: var(--ink-2) }
.craft-tooltip__place { z-index: 70 }
.craft-tooltip__bubble { display: flex; align-items: center; gap: var(--space-2); padding: 5px var(--space-2); border-radius: var(--radius-1); background-color: var(--ink); box-shadow: var(--tip-lift); color: var(--on-ink); font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); white-space: nowrap }
.craft-tooltip__bubble kbd { background-color: transparent; box-shadow: 0 0 0 1px var(--on-ink-hair); color: var(--on-ink-2) }
.craft-avatar { width: var(--size-2); height: var(--size-2); border-radius: var(--radius-round); background-color: var(--hover); color: var(--ink-2); font-family: var(--font) }
.craft-avatar[data-size="20"] { width: var(--size-1); height: var(--size-1) }
.craft-avatar[data-size="28"] { width: var(--size-3); height: var(--size-3) }
.craft-avatar[data-size="32"] { width: var(--size-4); height: var(--size-4) }
.craft-avatar[data-hue="0"] { background-color: var(--avatar-0); color: var(--avatar-0-ink) }
.craft-avatar[data-hue="1"] { background-color: var(--avatar-1); color: var(--avatar-1-ink) }
.craft-avatar[data-hue="2"] { background-color: var(--avatar-2); color: var(--avatar-2-ink) }
.craft-avatar[data-hue="3"] { background-color: var(--avatar-3); color: var(--avatar-3-ink) }
.craft-avatar[data-hue="4"] { background-color: var(--avatar-4); color: var(--avatar-4-ink) }
.craft-avatar[data-hue="5"] { background-color: var(--avatar-5); color: var(--avatar-5-ink) }
.craft-avatar[data-hue="6"] { background-color: var(--avatar-6); color: var(--avatar-6-ink) }
.craft-avatar[data-hue="7"] { background-color: var(--avatar-7); color: var(--avatar-7-ink) }
.craft-avatar[data-hue="8"] { background-color: var(--avatar-8); color: var(--avatar-8-ink) }
.craft-avatar[data-hue="9"] { background-color: var(--avatar-9); color: var(--avatar-9-ink) }
.craft-avatar:has(.craft-avatar__image) { background-color: transparent }
.craft-avatar__initials { font-size: var(--text-0); font-weight: 600; line-height: var(--leading-0); letter-spacing: var(--tracking-title) }
.craft-avatar[data-size="32"] .craft-avatar__initials { font-size: var(--text-1); line-height: var(--leading-1) }
.craft-avatar__group > * { box-shadow: 0 0 0 2px var(--pane) }
.craft-avatar__group > * + * { margin-right: calc(var(--space-2) * -1) }
.craft-avatar__more { width: var(--size-2); height: var(--size-2); border-radius: var(--radius-round); background-color: var(--hover); color: var(--muted); font-family: var(--font); font-size: var(--text-0); line-height: var(--leading-0); font-weight: 500 }
.craft-avatar__group[data-size="28"] .craft-avatar__more { width: var(--size-3); height: var(--size-3) }
.craft-avatar__group[data-size="32"] .craft-avatar__more { width: var(--size-4); height: var(--size-4) }
.craft-keysheet { gap: var(--space-7) }
.craft-keysheet__group { gap: var(--space-2) }
.craft-keysheet__heading { font-family: var(--mono); font-size: var(--text-0); font-weight: 400; line-height: var(--leading-0); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--muted) }
.craft-keysheet__row { gap: var(--space-4); min-height: var(--size-4) }
.craft-keysheet__does { font-family: var(--font); font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink) }
.craft-keysheet__keys { gap: var(--space-1) }
.craft-keysheet__key { min-width: var(--size-1); padding: 2px 6px; box-sizing: border-box; border: 1px solid var(--line-2); border-radius: var(--radius-0); background-color: var(--pane); box-shadow: 0 1px 0 var(--line); font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); font-weight: 500; color: var(--ink-2) }
.craft-skeleton { gap: var(--space-2); width: 100% }
.craft-skeleton__line { height: var(--leading-3); border-radius: var(--radius-1); background-color: var(--hover) }
.craft-skeleton__shine { background-image: linear-gradient(90deg, transparent, var(--pane-2), transparent) }
.craft-skeleton[data-lead="1"] .craft-skeleton__line { height: var(--leading-1) }
.craft-skeleton[data-lead="2"] .craft-skeleton__line { height: var(--leading-2) }
.craft-skeleton[data-lead="4"] .craft-skeleton__line { height: var(--leading-4) }
.craft-skeleton[data-shape="text"] .craft-skeleton__line[data-last] { width: 60% }
.craft-skeleton[data-shape="row"] .craft-skeleton__line { height: var(--size-4) }
.craft-skeleton[data-shape="card"] .craft-skeleton__line { height: calc(var(--size-6) * 2); border-radius: var(--radius-3) }
.craft-skeleton[data-shape="tile"] .craft-skeleton__line { height: var(--size-6); border-radius: var(--radius-2) }
.c-shell-skeletons__rows { display: grid; gap: var(--space-2) }
.c-shell-skeletons__cards { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)) }
.c-shell-waiting { width: var(--glyph); height: var(--glyph); opacity: 0.8 }
.craft-empty { align-items: flex-start; justify-content: flex-start; padding: var(--space-5); border-radius: var(--radius-2); border: 1px dashed var(--line); background: transparent; font-family: var(--font); text-align: left; text-wrap: pretty }
.craft-empty__mark { justify-content: center; height: 16px; aspect-ratio: 1; margin-bottom: var(--space-2); color: var(--faint) }
.craft-empty__mark svg { height: 16px; aspect-ratio: 1 }
.craft-empty__title { margin-bottom: 2px; font-size: var(--text-3); font-weight: 500; line-height: var(--leading-3); color: var(--ink-2) }
.craft-empty__said { max-width: 64ch; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.craft-empty__title + .craft-empty__said { color: var(--muted) }
.craft-empty__line { margin-top: var(--space-1); max-width: 64ch; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.craft-empty__act { gap: var(--space-2); margin-top: var(--space-4) }
.craft-empty[data-look="slot"] { padding: var(--space-6) var(--space-5); border-radius: var(--radius-card); border-style: solid; border-color: var(--hairline) }
.craft-empty[data-look="slot"] .craft-empty__mark { height: auto; aspect-ratio: auto; margin-bottom: var(--space-4) }
.craft-empty[data-look="slot"] .craft-empty__mark svg { height: auto }
.craft-empty[data-look="slot"] .craft-empty__title { margin-bottom: var(--space-1) }
.craft-empty[data-look="slot"] .craft-empty__said { max-width: 44ch; color: var(--muted) }
.craft-empty[data-look="slot"] .craft-empty__act { margin-top: var(--space-5) }
.craft-empty[data-tone="bad"] { border-style: solid; border-color: var(--line-2); background: var(--pane) }
.craft-empty[data-tone="bad"] .craft-empty__mark { margin-bottom: var(--space-3); font-size: var(--text-4); line-height: var(--leading-4); color: var(--bad) }
.craft-empty[data-tone="bad"] .craft-empty__said { max-width: 44ch; font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink) }
.craft-empty[data-tone="bad"] .craft-empty__line { color: var(--ink-2) }
.craft-toast__stack { z-index: 3 }
.craft-toast__icon { width: var(--size-1); height: var(--size-1); align-items: center; justify-content: center; border-radius: var(--radius-round); background-color: var(--hue-green); color: var(--on-ink) }
.craft-toast__icon svg { scale: 0.75 }
.craft-toast[data-type="warn"] .craft-toast__icon { background-color: var(--hue-orange) }
.craft-toast[data-type="bad"] .craft-toast__icon { background-color: var(--hue-red) }
.craft-toast[data-type="info"] .craft-toast__icon { background-color: var(--hue-blue) }
.craft-table__frame { border: 1px solid var(--line-2); border-radius: var(--radius-2) }
.craft-table { font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink) }
.craft-table__head tr { border-bottom: 1px solid var(--line-2) }
.craft-table__column { padding: 10px 14px; font-size: var(--text-0); font-weight: 600; line-height: var(--leading-0); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--muted) }
.craft-table__sort { gap: var(--space-1) }
.craft-table__sort:focus-visible { outline: var(--focus); outline-offset: 2px }
.craft-table__arrow { color: var(--ink) }
.craft-table__row { border-bottom: 1px solid var(--line-2) }
.craft-table__row:last-child { border-bottom: none }
@media (hover: hover) and (pointer: fine) {
  .craft-table__row:hover { background-color: var(--pane-2) }
}
.craft-table__row[data-chosen] { background-color: var(--accent-soft) }
@media (hover: hover) and (pointer: fine) {
  .craft-table__row[data-empty]:hover { background-color: transparent }
}
.craft-table__cell { padding: 10px 14px }
.craft-table__cell[data-look="machine"] { font-family: var(--mono); color: var(--ink-2) }
.craft-table__acts { padding: var(--space-1) 14px }
.craft-table__empty { padding: var(--space-5) 14px; color: var(--muted) }
.craft-table__empty > * { margin-inline: var(--space-2) }
.craft-dialog__backdrop { z-index: 60; background-color: var(--overlay); backdrop-filter: blur(var(--blur-overlay)) }
.craft-dialog { z-index: 60; width: calc(100% - var(--space-4) * 2); max-width: var(--plane-5); gap: var(--space-5); padding: var(--space-5); border-radius: var(--radius-2); background-color: var(--pane); box-shadow: var(--shadow-3); font-family: var(--font) }
.craft-dialog__words { display: grid; gap: 6px }
.craft-dialog__title { font-size: var(--text-4); font-weight: 600; line-height: var(--leading-4); letter-spacing: var(--tracking-tight); color: var(--ink); text-wrap: balance }
.craft-dialog__said { font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2); text-wrap: pretty }
.craft-dialog__body { font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.craft-dialog__acts { display: grid; grid-auto-flow: column; grid-auto-columns: max-content; justify-content: end; gap: var(--space-2) }
.craft-dialog .c-kit-ask__acts { display: grid; grid-auto-flow: column; grid-auto-columns: max-content; justify-content: end; gap: var(--space-2) }
.craft-dialog__acts .craft-button, .craft-dialog .c-kit-ask__acts .craft-button { min-width: calc(var(--space-8) * 2) }
.craft-dialog .craft-button[data-look="danger"]:not([data-seated], [data-soon]) { background-color: var(--bad); color: var(--on-ink); box-shadow: none }
@media (hover: hover) and (pointer: fine) {
  .craft-dialog .craft-button[data-look="danger"]:not([data-seated], [data-soon]):hover { background-color: var(--bad-fill) }
}
.craft-dialog .craft-button[data-look="danger"]:not([data-seated], [data-soon]):active { background-color: var(--bad); box-shadow: var(--sunk) }
.craft-dialog .craft-button[data-look="danger"]:is([data-seated], [data-soon]) { background-color: var(--pane-3) }
@media (hover: hover) and (pointer: fine) {
  .craft-dialog .craft-button[data-look="danger"]:is([data-seated], [data-soon]):hover { background-color: var(--pane-3) }
}
.c-kit-ask { position: relative; display: inline-block }
.c-kit-ask__press { list-style: none; user-select: none }
.c-kit-ask__press::-webkit-details-marker { display: none }
.c-kit-ask__inline { position: absolute; z-index: 20; top: calc(100% + var(--space-2)); right: 0; width: var(--plane-4); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-1); background-color: var(--pane); box-shadow: var(--shadow-2) }
.c-kit-ask__form { display: grid; gap: var(--space-4) }
.c-kit-ask__said { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--bad) }
.c-kit-ask__said[data-calm] { color: var(--muted) }
.c-kit-ask__doing { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-kit-ask__acts { display: flex; justify-content: flex-end; gap: var(--space-2) }
.craft-banner { gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-2); background-color: var(--pane-2); font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink) }
.craft-banner[data-tone="warn"] { background-color: var(--warn-soft); border-color: var(--warn-fill) }
.craft-banner[data-tone="warn"] .craft-banner__mark { color: var(--warn) }
.craft-banner[data-tone="info"] { background-color: var(--accent-soft); border-color: var(--accent-fill) }
.craft-banner[data-tone="info"] .craft-banner__mark { color: var(--accent) }
.craft-banner[data-tone="ok"] { background-color: var(--ok-soft); border-color: var(--ok-fill) }
.craft-banner[data-tone="ok"] .craft-banner__mark { color: var(--ok) }
.craft-banner__mark { margin-top: 2px; color: var(--ink-2) }
.craft-banner__title { font-weight: 600 }
.craft-banner__title + .craft-banner__said { margin-top: 2px; color: var(--ink-2) }
.craft-banner__figure { font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-0); color: var(--muted) }
.craft-banner__acts { gap: var(--space-2) }
.craft-progress { width: 100%; height: var(--bar); border-radius: var(--radius-round); background-color: var(--hover) }
.craft-progress__fill { background-color: var(--accent-fill) }
.craft-progress__steps { gap: var(--space-1) }
.craft-progress__bar { height: var(--underline); border-radius: var(--radius-round); background-color: var(--line) }
.craft-progress__bar[data-state="done"] .craft-progress__fill { background-color: var(--ink-2) }
.craft-progress__bar[data-state="running"] .craft-progress__fill { background-color: var(--accent-fill) }
.craft-progress__circle { width: var(--size-6); height: var(--size-6) }
.craft-progress__track { stroke: var(--hover); stroke-width: 4 }
.craft-progress__arc { stroke: var(--accent-fill); stroke-width: 4 }
.craft-progress__said { font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); font-weight: 600; letter-spacing: var(--tracking-title); color: var(--ink) }
.c-shell-pills { display: flex; flex-wrap: wrap; gap: var(--space-1) }
.c-shell-pills__item { display: inline-flex; align-items: center; gap: var(--space-1); height: var(--size-chip); padding: 0 10px; border-radius: var(--radius-round); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2); text-decoration: none; white-space: nowrap; transition: background-color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-pills__item:hover { background-color: var(--hover); color: var(--ink) }
}
.c-shell-pills__item:focus-visible { outline: var(--focus); outline-offset: 1px }
.c-shell-pills__item[aria-current="page"] { background-color: var(--pressed); color: var(--ink); font-weight: 500 }
.c-shell-pills__total { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums; color: var(--muted) }
.c-shell-rail { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; box-sizing: border-box; min-height: 100dvh; padding: var(--sheet-gutter); gap: var(--space-2); background-color: var(--desk); font-family: var(--font); color: var(--ink) }
.c-shell-rail__side { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-1) var(--space-1) 0 }
.c-shell-rail__head { display: grid; gap: var(--space-2) }
.c-shell-rail__nav { display: flex; gap: var(--space-1); overflow-x: auto }
.c-shell-rail__nav .c-shell-sidebar-item__icon { display: none }
.c-shell-rail__sheet { box-sizing: border-box; min-width: 0; border-radius: var(--radius-sheet); background-color: var(--pane); box-shadow: var(--lift-2), inset 0 1px 0 var(--white) }
.c-shell-rail[data-tone="caution"] .c-shell-rail__sheet { box-shadow: var(--lift-2), inset 0 2px 0 var(--warn-fill), inset 0 1px 0 var(--white) }
.c-shell-rail__body { display: grid; gap: var(--space-7); align-content: start; box-sizing: border-box; max-width: var(--page-sheet); margin-inline: auto; padding: var(--sheet-top-snug) var(--space-4) var(--sheet-foot-snug) }
.c-shell-target { display: grid; gap: var(--space-1); margin: 0 }
.c-shell-target__track { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 2px; border-radius: var(--radius-control); background-color: var(--track); box-shadow: var(--track-sunk) }
.c-shell-target__item { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); height: var(--size-3); padding: 0 var(--space-2); border: 0; border-radius: calc(var(--radius-control) - 2px); background-color: transparent; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-target__item:hover { color: var(--ink) }
}
.c-shell-target__item:focus-visible { outline: var(--focus); outline-offset: 1px }
.c-shell-target__item[aria-pressed="true"] { background-color: var(--pane); box-shadow: var(--shadow-knob); color: var(--ink); font-weight: 500; cursor: default }
.c-shell-target__item[aria-pressed="true"][data-tone="caution"] { color: var(--warn) }
.c-shell-target__dot { width: var(--dot); height: var(--dot); flex-shrink: 0; border-radius: var(--radius-round); background-color: var(--warn-fill) }
.c-shell-target__caption { margin: 0; padding: 0 var(--space-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.craft-row:has(> .c-shell-integrations__mark) { flex-wrap: wrap; column-gap: var(--space-3); row-gap: var(--space-1); min-height: calc(var(--size-6) + var(--space-3)); padding-block: var(--space-3) }
.c-shell-integrations__mark { display: grid; place-items: center; flex: none; box-sizing: border-box; width: var(--size-4); height: var(--size-4); border: 1px solid var(--hairline); border-radius: var(--radius-1); background-color: var(--pane-2); color: var(--ink) }
.craft-row:has(> .c-shell-integrations__mark) .craft-row__said { flex: 1 1 0; align-self: center }
.c-shell-integrations__stack { display: grid; min-width: 0; flex: 1 1 auto }
.craft-row:has(> .c-shell-integrations__mark) .c-shell-integrations__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
.c-shell-integrations__confirm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font); font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); color: var(--ink) }
.c-shell-integrations__confirm, .c-shell-integrations__confirm + .c-shell-integrations__usage { white-space: normal }
.c-shell-integrations__usage { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font); font-size: var(--text-1); font-weight: 400; line-height: var(--leading-1); color: var(--muted) }
.craft-row:has(> .c-shell-integrations__mark) .craft-row__meta { order: 1; flex-basis: 100%; padding-left: calc(var(--size-4) + var(--space-3)); font-family: var(--font) }
.c-shell-integrations__status { display: inline-flex; align-items: center; gap: var(--space-2); max-width: 100%; font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1) }
.c-shell-integrations__word { flex: none; color: var(--ink-2) }
.c-shell-integrations__account { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: var(--space-2); border-left: 1px solid var(--hairline); color: var(--muted) }
.craft-row:has(> .c-shell-integrations__mark) .craft-row__actions { gap: var(--space-2) }
.craft-row:has(> .c-shell-integrations__mark):has(a[data-row-link]) .craft-row__actions > :first-child { min-width: calc(var(--size-6) + var(--space-6)) }
.craft-row:has(> .c-shell-integrations__mark):has(a[data-row-link]) .craft-row__actions:not(:has([aria-haspopup])) { padding-right: calc(var(--size-3) + var(--space-2)) }
.c-shell-integrations__address { display: grid; gap: var(--space-2) }
.c-shell-integrations__eyebrow { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-integrations__value { display: grid; grid-template-columns: minmax(0, auto) auto; justify-content: start; align-items: center; gap: var(--space-3); min-width: 0 }
.c-shell-integrations__value > code { min-width: 0; font-family: var(--mono); color: var(--ink); overflow-wrap: anywhere }
.c-shell-integrations__address[data-size="hero"] .c-shell-integrations__value > code { font-size: var(--text-4); line-height: var(--leading-4) }
.c-shell-integrations__address[data-size="inline"] .c-shell-integrations__value { grid-template-columns: minmax(0, 1fr) auto; padding: var(--space-1) var(--space-1) var(--space-1) var(--space-3); border: 1px solid var(--hairline); border-radius: var(--radius-control); background-color: var(--pane-2) }
.c-shell-integrations__address[data-size="inline"] .c-shell-integrations__value > code { font-size: var(--text-2); line-height: var(--leading-2) }
.c-shell-integrations__value .craft-button { min-width: calc(var(--size-6) + var(--space-8)); justify-content: center }
.c-shell-integrations__address + .c-shell-integrations__hint, .c-shell-integrations__body .c-shell-integrations__hint { max-width: 36rem; text-wrap: pretty }
.c-shell-integrations__actions[data-wraps] { flex-wrap: wrap; align-items: center; row-gap: var(--space-3) }
.c-shell-integrations__result { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); flex-basis: 100%; color: var(--ink-2); overflow-wrap: anywhere }
.c-kit-facts__head:has(.c-shell-integrations__aside) { flex-wrap: wrap; row-gap: var(--space-2); padding-block: var(--space-2) }
.c-shell-integrations__result[data-tone="bad"] { color: var(--bad) }
.c-shell-integrations__aside { display: inline-flex; align-items: center; gap: var(--space-2) }
.c-shell-integrations__asks { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2); white-space: nowrap }
.c-shell-integrations__send { display: grid; justify-items: end; white-space: nowrap }
.craft-row__meta:has(> .c-shell-integrations__send) { flex: none }
.c-shell-integrations__subject { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); font-weight: 500; color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.c-shell-integrations__steps { display: grid; margin: 0; padding: 0; list-style: none }
.c-shell-integrations__step { display: grid; grid-template-columns: var(--size-1) minmax(0, 1fr); align-items: center; gap: var(--space-3); padding-block: var(--space-5) }
.c-shell-integrations__step:first-child { padding-top: 0 }
.c-shell-integrations__step:last-child { padding-bottom: 0 }
.c-shell-integrations__step + .c-shell-integrations__step { border-top: 1px solid var(--hairline) }
.c-shell-integrations__numeral { display: grid; place-items: center; width: var(--size-1); height: var(--size-1); box-sizing: border-box; border: 1px solid var(--hairline); border-radius: var(--radius-round); font-family: var(--mono); font-size: var(--text-1); line-height: 1; color: var(--ink-2); font-variant-numeric: tabular-nums }
.c-shell-integrations__title { margin: 0; font-family: var(--font); font-size: var(--text-3); line-height: var(--leading-3); font-weight: 500; color: var(--ink) }
.c-shell-integrations__body { grid-column: 2; display: grid; justify-items: start; gap: var(--space-4); min-width: 0 }
.c-shell-integrations__body > * { width: 100%; max-width: 30rem }
.c-shell-integrations__body > .c-shell-integrations__actions { width: auto }
.c-shell-integrations { display: grid; align-content: start; gap: var(--space-7) }
.c-shell-integrations__nav { display: flex }
.c-shell-integrations__chosen { display: inline-flex; align-items: center; gap: var(--space-2) }
.c-shell-integrations__head { display: inline-flex; align-items: center; gap: var(--space-2) }
.c-shell-integrations__name { margin: 0; font-family: var(--font); font-size: var(--text-2); font-weight: 500; line-height: var(--leading-2); color: var(--ink); text-decoration: none }
.c-shell-integrations__about { font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.c-shell-integrations__hint { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-integrations__sides { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items: stretch }
.c-shell-integrations__side { grid-template-rows: 1fr auto }
.c-shell-integrations__fill { display: grid; align-content: start; gap: var(--space-4) }
.c-shell-integrations__actions { display: flex; gap: var(--space-2) }
.c-shell-integrations__seen { display: grid; gap: var(--space-2) }
.c-shell-integrations__kind { font-family: var(--font); font-size: var(--text-1); color: var(--muted) }
.c-shell-integrations__list { display: flex; align-items: baseline; gap: var(--space-2) }
.c-shell-integrations__url { font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink); text-decoration: underline; text-decoration-color: var(--hair); text-underline-offset: 3px }
.c-shell-integrations__note { font-family: var(--font); font-size: var(--text-1); color: var(--ink-2) }
.c-shell-link-row__line { min-width: 0 }
.c-shell-link-row__line[data-fresh] { animation: link-row-settle 220ms var(--ease-out) }
.c-shell-link-row__address { font-family: var(--mono); font-size: 0.9em; color: var(--ink); overflow-wrap: anywhere }
.c-shell-link-row__bad { color: var(--bad) }
.c-shell-link-row__paste { display: grid; justify-items: start; gap: var(--space-3); width: 100%; padding-top: var(--space-1) }
.c-shell-link-row__says { max-width: 34rem; text-wrap: pretty }
.c-shell-link-row__box { display: grid; grid-template-columns: minmax(0, 1fr) 5.5rem; align-items: start; gap: var(--space-2); width: 100%; max-width: 30rem }
.c-shell-link-row__box > :last-child { justify-self: start }
.c-shell-covers { display: grid; gap: var(--space-7); grid-template-columns: repeat(3, minmax(0, 1fr)) }
.c-shell-covers__head { grid-column: 1 / -1; margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-covers__one { display: grid }
.c-shell-covers__press { display: grid; gap: var(--space-2); padding: 0; border: 0; background: none; text-align: start; cursor: pointer }
.c-shell-covers__one[data-picked="true"] { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-2) }
.c-shell-covers__picture { display: block; inline-size: 100%; border-radius: var(--radius-2) }
.c-shell-covers__words { display: flex; gap: var(--space-1) }
.c-shell-covers__says { font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2) }
.c-shell-making { display: grid; gap: var(--space-4); max-width: 600px }
.c-shell-making__status { display: flex; align-items: center }
.c-shell-making__lines { display: grid; gap: var(--space-2) }
.c-shell-making__acts { display: flex; justify-content: flex-end }
.c-shell-variant-choice { display: grid; gap: var(--space-2) }
.c-shell-variant-choice__needs { margin: 0; font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.c-shell-variant-choice__link { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center }
.c-shell-variant-choice__press { margin: 0; padding: 0; border: 0; background: transparent; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); text-decoration: underline; cursor: pointer }
.c-shell-still { display: block; width: var(--tile-3) }
.c-shell-still__plate { display: block; width: 100%; height: auto; overflow: visible }
.c-shell-still__dot { fill: var(--muted); opacity: 0.6 }
.c-shell-still__line { fill: none; stroke: var(--muted); stroke-width: 1; stroke-linecap: round; stroke-dasharray: 0.6 3.6; opacity: 0.8 }
.c-shell-still__grass { fill: none; stroke: var(--faint); stroke-width: 1.1; stroke-linecap: round }
.c-shell-still__ground { opacity: 0.4 }
.c-shell-empty-section.c-shell-empty-section__nudged .craft-empty__said { animation: empty-section-nudge 360ms var(--ease-out) }
.c-shell-empty-section.c-shell-empty-section__again .craft-empty__said { animation: empty-section-nudge-again 360ms var(--ease-out) }
.c-shell-parts__title { color: var(--ink); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0 }
.c-shell-parts__scope { font-weight: 400; color: var(--muted) }
.c-shell-parts__soon-row { position: relative }
.c-shell-parts__soon-spot { position: absolute; inset: 0; pointer-events: none }
.c-shell-parts__about { font-weight: 400; color: var(--muted) }
.c-shell-parts__meta { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted) }
.c-shell-parts__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--card-min)), 1fr)); gap: var(--space-4) }
.c-shell-parts__top { display: flex; align-items: center; gap: var(--space-4); min-width: 0 }
.c-shell-parts__who { display: grid; flex: 1; min-width: 0 }
.c-shell-parts__address { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.c-shell-parts__blurb { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.c-shell-parts__foot { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); margin-top: auto; padding-top: var(--space-3); border-top: 1px dashed var(--hairline-2) }
.c-shell-parts__spacer { flex: 1 }
.c-shell-parts__foot > :not(.c-shell-parts__status):not(.c-shell-parts__spacer), .c-shell-parts__more { position: relative; z-index: 1 }
.c-shell-parts__more { opacity: 1; transition: opacity var(--fast) ease }
.c-shell-parts__more:has([aria-expanded="true"]) { opacity: 1 }
@media (hover: hover) and (pointer: fine) {
  .craft-card:is(:hover, :focus-within) .c-shell-parts__more { opacity: 1 }
}
.c-shell-parts__status { display: inline-flex; align-items: center; gap: var(--space-2); white-space: nowrap; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-parts__status .c-shell-parts__meta { font-family: var(--font); font-size: var(--text-2) }
.craft-row .c-shell-parts__about { overflow: hidden; text-overflow: ellipsis }
.c-shell-parts__sync { display: grid; gap: var(--space-2); margin-top: var(--space-3) }
.c-shell-parts__note { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-parts__refused { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--bad) }
.c-shell-parts__pair { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-4); align-items: end }
.c-shell-parts__pair:has(> .c-shell-parts__choices) { align-items: center }
.c-shell-parts__choices { display: flex; gap: var(--space-2) }
:is(.craft-row, .craft-card):has(form[aria-busy="true"]) { opacity: 0.5; pointer-events: none }
.c-shell-story-section { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); scroll-margin: 24vh 0 0; transition: opacity 280ms var(--ease-out) }
.c-shell-story-section:nth-child(1) { animation: story-rises 320ms var(--ease-out) 90ms backwards }
.c-shell-story-section:nth-child(2) { animation: story-rises 320ms var(--ease-out) 140ms backwards }
.c-shell-story-section:nth-child(3) { animation: story-rises 320ms var(--ease-out) 190ms backwards }
.c-shell-story-section:nth-child(4) { animation: story-rises 320ms var(--ease-out) 240ms backwards }
.c-shell-story-section[data-standing="past"] { opacity: 0.44 }
@media (hover: hover) and (pointer: fine) {
  .c-shell-story-section[data-standing="past"]:hover { opacity: 0.44 }
}
.c-shell-story-section[data-standing="ahead"] { opacity: 0.16; user-select: none }
.c-shell-story-section__heading { margin: 0; font-family: var(--font); font-size: var(--text-5); line-height: var(--leading-5); font-weight: 600; letter-spacing: var(--tracking-title); color: var(--ink) }
.c-shell-story-section__acts { display: flex; padding-top: var(--space-1); animation: story-rises 240ms var(--ease-out) backwards }
.c-shell-name-card { position: relative; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-sheet); background-color: var(--pane); box-shadow: 0 0 0 1px var(--hairline-2), 0 2px 4px rgba(70, 48, 20, 0.05), 0 16px 32px -14px rgba(70, 48, 20, 0.2); transition: box-shadow var(--quick) var(--ease-out), translate var(--settled) var(--ease-out) }
.c-shell-name-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: var(--grain); opacity: 0.1; mix-blend-mode: multiply; pointer-events: none }
.c-shell-name-card[data-pressed] { translate: 0 2px; box-shadow: 0 0 0 1px var(--hairline-2), 0 1px 2px rgba(70, 48, 20, 0.06) }
.c-shell-name-card__mark { display: inline-flex; flex: none }
.c-shell-name-card__names { position: relative; z-index: 1; display: grid; gap: var(--space-1); flex: 1; min-width: 0 }
.c-shell-name-card__name { box-sizing: border-box; width: 100%; margin: 0; padding: 0; border: 0; outline: none; background-color: transparent; font-family: var(--font); font-size: var(--text-6); line-height: var(--leading-6); color: var(--ink); font-weight: 600; letter-spacing: var(--tracking-title); caret-color: var(--ink); text-overflow: ellipsis }
.c-shell-name-card__name::placeholder { color: var(--faint); opacity: 1 }
.c-shell-name-card__name::selection { background-color: color-mix(in oklab, var(--ink) 14%, transparent) }
.c-shell-name-card__line, .c-shell-name-card__bad { margin: 0; font-family: var(--mono); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.c-shell-name-card__slug { color: var(--ink-2) }
.c-shell-name-card__bad { font-family: var(--font); color: var(--bad) }
.c-shell-variables__away { display: inline-flex; align-items: center; gap: var(--space-1); color: inherit; text-decoration: none; border-radius: var(--radius-0) }
.c-shell-variables__away svg { color: var(--muted); opacity: 0; transform: translate(-2px, 2px); transition: opacity var(--fast) var(--ease-out), transform var(--fast) var(--ease-out) }
.c-shell-variables__away:focus-visible svg { opacity: 1; transform: translate(0, 0) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-variables__away:hover svg { opacity: 1; transform: translate(0, 0) }
}
@media (hover: hover) and (pointer: fine) {
  .c-shell-variables__away:hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--underline); text-underline-offset: 3px }
}
.c-shell-variables__away:focus-visible { outline: none; box-shadow: var(--ring) }
.c-shell-variables__parent { display: grid; gap: var(--space-1) }
.c-shell-variables__columns { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none }
.c-shell-variables__column { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); display: flex; justify-content: space-between; gap: var(--space-2); color: var(--ink) }
.c-shell-variables__steps { padding-block: 0 var(--space-4); padding-inline: calc(var(--space-4) + var(--size-4) + var(--space-3)) var(--space-4); margin-top: calc(-1 * var(--space-2)); font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-variables { display: grid; gap: var(--space-5); align-content: start }
.c-shell-variables__group { display: grid; min-width: 0; border-radius: var(--radius-card); background-color: var(--pane); box-shadow: 0 0 0 1px var(--hairline) }
.c-shell-variables__service { display: grid; grid-template-columns: var(--size-4) minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-3); padding: var(--space-4) }
.c-shell-variables__mark { align-self: start; display: grid; place-items: center; width: var(--size-4); height: var(--size-4); border-radius: var(--radius-2); background-color: var(--pane-2); box-shadow: inset 0 0 0 1px var(--hairline); color: var(--ink) }
.c-shell-variables__list { display: grid; margin: 0; padding: 0; list-style: none; box-shadow: inset 0 1px 0 var(--hairline) }
.c-shell-variables__row { display: grid; grid-template-columns: var(--size-4) minmax(0, 1fr); align-items: center; column-gap: var(--space-3); row-gap: var(--space-2); min-height: var(--size-6); padding: var(--space-2) var(--space-4) }
.c-shell-variables__row[data-compact] { grid-template-columns: var(--size-4) minmax(0, 1fr) auto }
.c-shell-variables__row[data-compact] .c-shell-variables__right { grid-column: 3 }
.c-shell-variables__row + .c-shell-variables__row { box-shadow: inset 0 1px 0 var(--hairline) }
.c-shell-variables__row:target { background-color: var(--hover) }
.c-shell-variables__state { display: grid; place-items: center }
.c-shell-variables__left { display: grid; gap: 2px; min-width: 0 }
.c-shell-variables__name { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); font-weight: 500; color: var(--ink); overflow-wrap: anywhere }
.c-shell-variables__note { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-variables__row[data-standing="bad"] .c-shell-variables__note { color: var(--bad) }
.c-shell-variables__row[data-standing="warn"] .c-shell-variables__note { color: var(--warn) }
.c-shell-variables__warns { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--bad) }
.c-shell-variables__right { display: grid; min-width: 0; grid-column: 2 }
.c-shell-variables__acts { display: flex; justify-content: flex-end; align-items: center; gap: var(--space-1); min-width: 0 }
.c-shell-variables__field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-width: 0 }
.c-shell-variables__choose { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); min-width: 0; min-block-size: var(--size-3); padding: 0 var(--space-2); border: 1px solid var(--line-2); border-radius: var(--radius-2); color: var(--ink); background-color: transparent }
.c-shell-variables__pick { display: grid; min-width: 0; flex: 1 1 auto }
.c-shell-variables__kind { margin: 0; font-family: var(--font); font-size: var(--text-1); line-height: var(--leading-1); margin-left: var(--space-2); color: var(--muted) }
.c-shell-aside__changes { display: grid; margin: 0 calc(-1 * 10px); padding: 0; list-style: none }
.c-shell-aside__row { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; height: var(--size-4); padding: 0 10px; border-radius: var(--radius-1); list-style: none; cursor: pointer; transition: background-color var(--fast) var(--ease-state) }
.c-shell-aside__row::-webkit-details-marker { display: none }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__row:hover { background-color: var(--pressed) }
}
details[open] > .c-shell-aside__row { background-color: var(--pressed) }
.c-shell-aside__row:focus-visible { outline: var(--focus); outline-offset: -1px }
.c-shell-aside__who { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background-color: var(--pressed); box-shadow: inset 0 0 0 1px var(--line-2); font-size: 9px; font-weight: 600; line-height: 1; color: var(--ink-2) }
.c-shell-aside__says { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__row:hover .c-shell-aside__says { color: var(--ink) }
}
.c-shell-aside__when { font-size: var(--text-1); line-height: var(--leading-1); font-variant-numeric: tabular-nums; color: var(--muted) }
.c-shell-aside__changes[data-waiting] .c-shell-aside__row { cursor: default }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__changes[data-waiting] .c-shell-aside__row:hover { background-color: transparent }
}
.c-shell-aside__changes[data-waiting] .c-shell-aside__who { background-color: var(--line-2); box-shadow: none }
.c-shell-aside__waiting { height: 8px; border-radius: 4px; background-color: var(--line-2) }
.c-shell-aside__changes[data-waiting] > :nth-child(1) .c-shell-aside__waiting { width: 72% }
.c-shell-aside__changes[data-waiting] > :nth-child(2) .c-shell-aside__waiting { width: 52% }
.c-shell-aside__changes[data-waiting] > :nth-child(3) .c-shell-aside__waiting { width: 64% }
.c-shell-aside__changes[data-waiting] > :nth-child(4) .c-shell-aside__waiting { width: 46% }
.c-shell-aside__changes[data-waiting] > :nth-child(5) .c-shell-aside__waiting { width: 78% }
.c-shell-aside__changes[data-waiting] > :nth-child(6) .c-shell-aside__waiting { width: 58% }
.c-shell-aside__more { display: grid; gap: var(--space-1); padding: var(--space-2) 10px var(--space-3) calc(10px + 16px + 10px) }
.c-shell-aside__paths { display: grid; margin: 0; padding: 0; list-style: none; font-family: var(--mono); font-size: var(--text-0); line-height: var(--leading-1); color: var(--muted); overflow-wrap: anywhere }
.c-shell-aside { display: grid; align-content: start; gap: var(--space-6); min-width: 0 }
.c-shell-aside__section { display: grid; gap: var(--space-1); min-width: 0 }
.c-shell-aside__label { margin: 0; padding-block-end: var(--space-1); font-size: var(--text-1); line-height: var(--leading-1); font-weight: 500; color: var(--muted) }
.c-shell-aside__places { display: grid; margin: 0 calc(-1 * 10px) }
.c-shell-aside__details { display: grid; margin: 0 }
.c-shell-aside__detail { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; min-height: var(--size-4) }
.c-shell-aside__term { font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-aside__value { display: flex; min-width: 0; margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-aside__path { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-family: var(--mono); font-size: var(--text-1) }
.c-shell-aside__copy .c-shell-aside__path { color: var(--ink) }
.c-shell-aside__copy { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; height: var(--size-chip); margin: 0 -8px; padding: 0 8px; border: 0; border-radius: var(--radius-1); background-color: transparent; cursor: copy; transition: background-color var(--quick) var(--ease-out), scale var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__copy:hover { background-color: var(--pressed) }
}
.c-shell-aside__copy:active { scale: 0.97 }
.c-shell-aside__copy:focus-visible { outline: var(--focus) }
.c-shell-aside__copied { display: grid; flex-shrink: 0; color: var(--muted) }
.c-shell-aside__copied > svg { grid-area: 1 / 1; opacity: 0; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out), filter var(--quick) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__copy:is(:hover, :focus-visible) .c-shell-aside__copied > svg:first-child { opacity: 1 }
}
.c-shell-aside__copied > svg:last-child { scale: 0.5; filter: blur(2px) }
.c-shell-aside__copy[data-copied] .c-shell-aside__copied > svg:first-child { opacity: 0; scale: 0.5; filter: blur(2px) }
.c-shell-aside__copy[data-copied] .c-shell-aside__copied > svg:last-child { opacity: 1; scale: 1; filter: none; color: var(--hue-green) }
.c-shell-aside__announce { position: absolute; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
.c-shell-aside__quiet { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-aside__leave { display: flex; padding-block-start: var(--space-4); border-top: 1px solid var(--line-2) }
.c-shell-aside__leave summary { margin-inline-start: calc(-1 * 10px); color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .c-shell-aside__leave summary:hover { color: var(--bad) }
}
.c-shell-wsettings { display: grid; align-content: start; gap: var(--space-7) }
.c-shell-wsettings__nav { display: flex }
.c-shell-wsettings__path { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1) }
.c-shell-wsettings__title { margin: 0; font-family: var(--font); font-size: var(--text-3); font-weight: 500; line-height: var(--leading-3); color: var(--ink) }
.c-shell-wsettings__said { margin: 0; font-family: var(--font); font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-decoy { display: grid; justify-items: start; gap: var(--space-2); inline-size: min(100%, 720px); padding-block: var(--space-6) var(--space-8); color: var(--ink) }
.c-shell-decoy[data-found] { pointer-events: auto; user-select: text }
.c-shell-decoy__title { margin: 0; font-size: var(--text-5); line-height: var(--leading-5); font-weight: 600; letter-spacing: var(--tracking-title); text-wrap: balance }
.c-shell-decoy__line { margin: 0; max-inline-size: 56ch; font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink-2); text-wrap: pretty }
.c-shell-decoy__ways { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-block-start: var(--space-2) }
.c-shell-decoy__address { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-sample { display: grid; justify-self: stretch; align-content: start; gap: var(--space-4); margin-block-start: var(--space-7); font-size: var(--text-3); line-height: var(--leading-3) }
.c-shell-sample__headline { font-size: var(--text-7); line-height: var(--leading-7); font-weight: 600; letter-spacing: var(--tracking-display) }
.c-shell-sample__table { border-top: 1px solid var(--line) }
.c-shell-sample__row { display: flex; align-items: center; gap: var(--space-4); padding-block: var(--space-3); border-bottom: 1px solid var(--line) }
.c-shell-sample__cell { flex: 1 1 0; min-width: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-sample__cell:first-of-type { flex: 1.4 1 0; color: var(--ink); font-weight: 500; font-size: var(--text-3) }
.c-shell-sample__cell:last-child { flex: 0 0 auto; text-align: end }
.c-shell-sample__dot { inline-size: var(--space-2); block-size: var(--space-2); border-radius: var(--radius-round); background-color: var(--line-2) }
.c-shell-sample__board { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-4) }
.c-shell-sample__column { display: grid; align-content: start; gap: var(--space-2) }
.c-shell-sample__card { padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-2); background-color: var(--pane) }
.c-shell-sample__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-3) }
.c-shell-sample__tile { display: grid; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-card); background-color: var(--pane) }
.c-shell-sample__tile > span { font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-sample__label { font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-sample__field { display: grid; gap: var(--space-1) }
.c-shell-sample__input { display: flex; align-items: center; inline-size: min(100%, 360px); block-size: 36px; padding-inline: var(--space-3); border: 1px solid var(--line-2); border-radius: var(--radius-control); background-color: var(--pane); color: var(--faint) }
.c-shell-sample__pills { display: flex; flex-wrap: wrap; gap: var(--space-1) }
.c-shell-sample__pills > span { padding: 6px 12px; border: 1px solid var(--line); border-radius: var(--radius-round); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-sample__button { justify-self: start; display: inline-flex; align-items: center; block-size: 32px; padding-inline: var(--space-4); border-radius: var(--radius-control); background-color: var(--ink); color: var(--pane); font-size: var(--text-2); font-weight: 500 }
.c-shell-hush { position: relative; min-width: 0 }
.c-shell-hush__under { display: grid; align-content: start; gap: var(--space-7); filter: blur(6px) saturate(0.5); opacity: 0.72; pointer-events: none; user-select: none; min-block-size: min(560px, 72svh) }
.c-shell-hush__over { position: absolute; inset: 0; z-index: 2; pointer-events: none }
.c-shell-hush__over .c-shell-veil__field { padding-block: 0 var(--space-7) }
.craft-popover:has(> .c-shell-soon) { width: min(var(--plane-3), 100vw - 2 * var(--space-4)); min-width: 0; padding: var(--space-3) var(--space-4) var(--space-4); border: none }
.c-shell-soon { display: flex; flex-direction: column; align-items: flex-start; min-width: 0 }
.c-shell-soon__plate { --muted: var(--ink); width: var(--tile-3); margin-left: calc(-1 * var(--space-2)); margin-bottom: var(--space-2) }
.c-shell-soon__plate .c-mushroom { width: 100%; animation: none }
.c-shell-soon__plate .c-mushroom__dot { opacity: 1 }
.c-shell-soon__title { font-size: var(--text-3); line-height: var(--leading-3); font-weight: 600; letter-spacing: var(--tracking-tight); color: var(--ink); text-wrap: balance }
.c-shell-soon__line { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); text-wrap: pretty }
.c-shell-soon__anchor { position: relative; display: inline-flex }
.c-shell-soon__spot { position: absolute; inset: 0; pointer-events: none }
.u-shell:has(.c-shell-veil) #__app-page > * { filter: blur(6px) saturate(0.5); opacity: 0.72; pointer-events: none; user-select: none; animation: veil-frost 900ms var(--ease-out) both }
.c-shell-veil { grid-column: 1; grid-row: 3; z-index: 2; position: relative; min-width: 0; padding-inline: var(--space-4); pointer-events: none }
.c-shell-veil__field { position: sticky; top: 0; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; padding-block: var(--space-4) var(--space-7); align-items: start }
.c-shell-veil__field > * { grid-area: 1 / 1 }
.c-shell-veil__card { position: relative; align-self: center; pointer-events: auto; display: grid; justify-items: center; text-align: center; gap: var(--space-2); width: min(var(--plane-4), 100%); padding: var(--space-5); background-color: var(--pane); border: 1px solid var(--line-2); border-radius: var(--radius-card); box-shadow: var(--shadow-lift); animation: veil-rise 520ms var(--ease-out) 180ms both }
.c-shell-veil__halo { place-self: center; inline-size: calc(var(--plane-4) + 480px); max-inline-size: 100%; block-size: min(560px, 72svh); pointer-events: none; background-image: radial-gradient(closest-side, color-mix(in srgb, var(--desk) 82%, transparent) 40%, transparent), repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 13%, transparent) 0 1px, transparent 1px 7px); mask: radial-gradient(closest-side, black 45%, transparent); animation: veil-fade 1100ms var(--ease-out) both }
.c-shell-veil__plate { --muted: var(--ink); width: var(--tile-3); margin-block-end: var(--space-1) }
.c-shell-veil__plate .c-mushroom { width: 100% }
.c-shell-veil__title { margin: 0; font-size: var(--text-3); line-height: var(--leading-3); font-weight: 600; letter-spacing: var(--tracking-tight); color: var(--ink); text-wrap: balance }
.c-shell-veil__line { margin: 0 0 var(--space-3); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted); text-wrap: balance }
.c-shell-production { margin-block: var(--space-3) var(--space-5); animation: production-rise 240ms var(--ease-out) both }
.c-shell-production .craft-banner { align-items: center }
.c-shell-production__code { font-family: var(--mono); font-size: var(--text-1); letter-spacing: 0.04em; color: var(--ink); font-weight: 600; white-space: nowrap }
.c-shell-production__waiting { display: inline-flex; align-items: center; margin-right: var(--space-2); color: var(--muted) }
:where(button, input, textarea, select) { font: inherit }
#app { container-type: inline-size }
.u-shell { position: relative; z-index: 1; box-sizing: border-box; min-height: 100dvh; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr; --page-ground: var(--pane); overflow-x: clip; padding: calc(var(--space-2) + var(--safe-top)) max(var(--sheet-gutter), var(--safe-right)) max(var(--sheet-gutter), var(--safe-bottom)) max(var(--sheet-gutter), var(--safe-left)) }
.u-shell::before { content: ""; grid-column: 1; grid-row: 2 / 4; border-radius: var(--radius-sheet); pointer-events: none; transform-origin: left center; background-color: var(--pane); box-shadow: var(--lift-2), inset 0 1px 0 rgba(255, 255, 255, 0.8) }
.u-shell::after { content: ""; grid-column: 1; grid-row: 2 / 4; border-radius: var(--radius-sheet); pointer-events: none; transform-origin: left center; background-image: var(--grain); opacity: 0.07; mix-blend-mode: multiply }
.u-shell:has(.u-shell__panel[data-state="open"]) { grid-template-columns: minmax(0, 1fr) }
#__app-rail { display: contents }
.u-shell__chrome { display: contents }
.u-shell__above { position: fixed; inset: 0; z-index: 50; pointer-events: none }
.u-shell__above > * { pointer-events: auto; position: absolute; inset-block-start: var(--space-8); inset-inline-start: 50%; translate: -50% 0 }
html { background-color: var(--desk); background-image: radial-gradient(1600px 800px at 50% -25%, var(--desk-light), transparent 72%); background-repeat: no-repeat }
html::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background-image: var(--grain); opacity: 0.12; mix-blend-mode: multiply }
.u-shell__nav { z-index: 2; grid-column: 1 / -1; grid-row: 1; display: flex; align-items: center; gap: var(--space-1); height: var(--bar-height); position: sticky; inset-block-start: calc(var(--space-2) + var(--safe-top)); box-sizing: border-box; padding: 0 var(--space-1); min-width: 0; margin-block-end: var(--space-2) }
.u-shell__nav .c-shell-switcher[data-shut="true"] .c-shell-switcher__fold { grid-template-columns: minmax(0, 1fr) }
.u-shell__nav .c-shell-switcher[data-shut="true"] .c-shell-switcher__said { opacity: 1; filter: none }
.u-shell__crumbs { display: flex; align-items: center; min-width: 0; color: var(--muted); font-size: var(--text-3); line-height: var(--leading-3) }
.u-shell__crumb[data-lead] { animation: shell-lead-enters var(--settled) var(--ease-out) both }
.u-shell__crumb-separator { padding: 0 var(--space-1); color: var(--faint) }
.u-shell__crumb a { padding: var(--space-1) 6px; border-radius: 7px; color: var(--muted); text-decoration: none; transition: color var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out) }
@media (hover: hover) and (pointer: fine) {
  .u-shell__crumb a:hover { color: var(--ink); background-color: var(--glass) }
}
.u-shell__crumb a:focus-visible { outline: 1.5px solid var(--hue-blue); outline-offset: 2px }
.u-shell__crumb:last-child { min-width: 0; flex-shrink: 1 }
.u-shell__crumb b { padding: var(--space-1) 6px; font-weight: 500; color: var(--ink); white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis }
.u-shell__crumb-name { display: inline-flex; align-items: center }
.u-shell__crumb-name .u-shell__crumb-piece { padding-inline: 3px }
.u-shell__crumb-name[data-current] { padding-inline-end: 3px }
.u-shell__crumb-join { margin: 0 -1px; color: var(--muted); pointer-events: none }
.u-shell__crumb-name[data-current] .u-shell__crumb-join { color: var(--ink); font-weight: 500 }
.u-shell__spacer { flex: 1 1 0; min-width: 0 }
.u-shell__here { display: flex; align-items: center; min-width: 0 }
.u-shell__acts { display: flex; align-items: center; flex-shrink: 0 }
.u-shell__menu-trail { display: none }
.u-shell__nav .u-shell__search { min-width: var(--size-control); padding: 0; color: var(--muted) }
@media (hover: hover) and (pointer: fine) {
  .u-shell__nav .u-shell__search:hover { color: var(--ink) }
}
.u-shell__nav::before { content: ""; position: absolute; inset-inline: calc(-1 * var(--sheet-gutter)); inset-block-start: calc(-1 * (var(--space-2) + var(--safe-top))); inset-block-end: calc(-1 * var(--space-3)); z-index: -1; background-image: linear-gradient(to bottom, var(--desk) 45%, transparent); pointer-events: none; opacity: 0; transition: opacity var(--quick) var(--ease-out) }
.u-shell__nav[data-lifted]::before { opacity: 1; transition: opacity var(--settled) var(--ease-out) }
.u-shell__nav[data-lifted] { pointer-events: none }
.u-shell__nav[data-lifted] .u-shell__here, .u-shell__nav[data-lifted] .u-shell__acts { pointer-events: auto }
.u-shell__here, .u-shell__acts { position: relative; isolation: isolate }
.u-shell__here::before { content: ""; position: absolute; inset: -3px; z-index: -1; border-radius: calc(var(--radius-control) + 3px); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane)) saturate(1.6); box-shadow: var(--lift-2), inset 0 1px 0 rgba(255, 255, 255, 0.7); pointer-events: none; opacity: 0; scale: 0.96; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out); transform-origin: left center }
.u-shell__acts::before { content: ""; position: absolute; inset: -3px; z-index: -1; border-radius: calc(var(--radius-control) + 3px); background-color: var(--glass-2); backdrop-filter: blur(var(--blur-plane)) saturate(1.6); box-shadow: var(--lift-2), inset 0 1px 0 rgba(255, 255, 255, 0.7); pointer-events: none; opacity: 0; scale: 0.96; transition: opacity var(--quick) var(--ease-out), scale var(--quick) var(--ease-out); transform-origin: right center }
.u-shell__nav[data-lifted] .u-shell__here::before, .u-shell__nav[data-lifted] .u-shell__acts::before { opacity: 1; scale: 1; transition: opacity var(--settled) var(--ease-out), scale var(--tick) var(--ease-tick) }
.u-shell__fold { display: grid; grid-template-columns: minmax(0, 1fr); margin-inline: -4px; overflow-x: clip; transition: grid-template-columns var(--settled) var(--ease-out) 0ms, margin-inline var(--settled) var(--ease-out) 0ms }
.u-shell__folded { display: flex; align-items: center; width: max-content; padding-inline: 4px calc(4px + var(--space-1)); --stagger: 0ms; transition: opacity var(--settled) var(--ease-out) 0ms, filter var(--settled) var(--ease-out) 0ms, translate var(--settled) var(--ease-out) 0ms }
.u-shell__crumb { display: grid; grid-template-columns: minmax(0, 1fr); transition: grid-template-columns var(--settled) var(--ease-out) 0ms, margin-inline var(--settled) var(--ease-out) 0ms }
.u-shell__crumb-body { display: flex; align-items: center; min-width: 0; --stagger: 0ms; transition: opacity var(--settled) var(--ease-out) 0ms, filter var(--settled) var(--ease-out) 0ms, translate var(--settled) var(--ease-out) 0ms }
.u-shell__crumb:not(:last-child) .u-shell__crumb-body { width: max-content }
.u-shell__nav[data-lifted] .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__fold[data-folds] { grid-template-columns: minmax(0, 0fr); transition: grid-template-columns var(--settled) var(--ease-out) 120ms, margin-inline var(--settled) var(--ease-out) 120ms }
.u-shell__nav[data-lifted] .u-shell__fold[data-folds] { margin-inline: 0 }
.u-shell__nav[data-lifted] .u-shell__crumb:not(:last-child) .u-shell__crumb-body { opacity: 0; filter: blur(2px); visibility: hidden; transition: opacity var(--fast) var(--ease-out) 120ms, filter var(--fast) var(--ease-out) 120ms, translate var(--fast) var(--ease-out) 120ms, visibility 0s linear calc(var(--settled) + 120ms) }
.u-shell__nav[data-lifted] .u-shell__fold[data-folds] .u-shell__folded { opacity: 0; filter: blur(2px); visibility: hidden; transition: opacity var(--fast) var(--ease-out) 120ms, filter var(--fast) var(--ease-out) 120ms, translate var(--fast) var(--ease-out) 120ms, visibility 0s linear calc(var(--settled) + 120ms); translate: 6px 0 }
.u-shell__nav[data-lifted] .u-shell__here:focus-within .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__acts:focus-within .u-shell__fold[data-folds] { grid-template-columns: minmax(0, 1fr); transition: grid-template-columns var(--settled) var(--ease-out) 60ms, margin-inline var(--settled) var(--ease-out) 60ms }
@media (hover: hover) and (pointer: fine) {
  .u-shell__nav[data-lifted] .u-shell__here:hover .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__acts:hover .u-shell__fold[data-folds] { grid-template-columns: minmax(0, 1fr); transition: grid-template-columns var(--settled) var(--ease-out) 60ms, margin-inline var(--settled) var(--ease-out) 60ms }
}
.u-shell__nav[data-lifted] .u-shell__acts:focus-within .u-shell__fold[data-folds] { margin-inline: -4px }
@media (hover: hover) and (pointer: fine) {
  .u-shell__nav[data-lifted] .u-shell__acts:hover .u-shell__fold[data-folds] { margin-inline: -4px }
}
.u-shell__nav[data-lifted] .u-shell__here:focus-within .u-shell__crumb:not(:last-child) .u-shell__crumb-body { opacity: 1; filter: none; translate: 0 0; visibility: visible; transition: opacity var(--settled) var(--ease-out) calc(60ms + var(--stagger)), filter var(--settled) var(--ease-out) calc(60ms + var(--stagger)), translate var(--settled) var(--ease-out) calc(60ms + var(--stagger)), visibility 0s linear 60ms }
@media (hover: hover) and (pointer: fine) {
  .u-shell__nav[data-lifted] .u-shell__here:hover .u-shell__crumb:not(:last-child) .u-shell__crumb-body { opacity: 1; filter: none; translate: 0 0; visibility: visible; transition: opacity var(--settled) var(--ease-out) calc(60ms + var(--stagger)), filter var(--settled) var(--ease-out) calc(60ms + var(--stagger)), translate var(--settled) var(--ease-out) calc(60ms + var(--stagger)), visibility 0s linear 60ms }
}
.u-shell__nav[data-lifted] .u-shell__acts:focus-within .u-shell__fold[data-folds] .u-shell__folded { opacity: 1; filter: none; translate: 0 0; visibility: visible; transition: opacity var(--settled) var(--ease-out) calc(60ms + var(--stagger)), filter var(--settled) var(--ease-out) calc(60ms + var(--stagger)), translate var(--settled) var(--ease-out) calc(60ms + var(--stagger)), visibility 0s linear 60ms }
@media (hover: hover) and (pointer: fine) {
  .u-shell__nav[data-lifted] .u-shell__acts:hover .u-shell__fold[data-folds] .u-shell__folded { opacity: 1; filter: none; translate: 0 0; visibility: visible; transition: opacity var(--settled) var(--ease-out) calc(60ms + var(--stagger)), filter var(--settled) var(--ease-out) calc(60ms + var(--stagger)), translate var(--settled) var(--ease-out) calc(60ms + var(--stagger)), visibility 0s linear 60ms }
}
.u-shell__fold:nth-last-child(3) .u-shell__folded { --stagger: 30ms }
.u-shell__fold:nth-last-child(4) .u-shell__folded { --stagger: 60ms }
.u-shell__fold:nth-last-child(n + 5) .u-shell__folded { --stagger: 90ms }
.u-shell .craft-panel__frame { display: contents }
.u-shell .craft-panel__column { display: none }
.u-shell__scrim { position: fixed; inset: 0; z-index: 40; padding: 0; border: 0; background-color: var(--overlay); backdrop-filter: blur(var(--blur-overlay)); cursor: pointer }
.u-shell__panel { position: fixed; inset-block: 0; inset-inline-end: 0; z-index: 45; box-sizing: border-box; width: min(100%, var(--plane-6)); overflow-y: auto; display: grid; align-content: start; gap: var(--space-4); padding: var(--space-4); padding-block-start: calc(var(--space-4) + var(--safe-top)); padding-block-end: calc(var(--space-8) + var(--safe-bottom)); background-color: var(--paper); box-shadow: var(--elevate-2) }
.u-shell__panel[hidden] { display: none }
.u-shell__panel[data-state="leaving"] { pointer-events: none }
.u-shell__scrim[data-state="leaving"] { pointer-events: none }
.c-shell-header { width: 100%; box-sizing: border-box; max-width: var(--page-sheet); margin-inline: auto; position: relative; z-index: 1; padding-inline: var(--space-4); grid-column: 1; grid-row: 2; display: grid; gap: var(--space-2); padding-block: var(--sheet-top-snug) var(--space-2) }
.c-shell-header[data-bare] { padding-block-end: 0 }
#__app-page { width: 100%; box-sizing: border-box; max-width: var(--page-sheet); margin-inline: auto; position: relative; z-index: 1; padding-inline: var(--space-4); grid-column: 1; grid-row: 3; min-width: 0; padding-block-end: var(--sheet-foot-snug) }
.u-shell__body { display: grid; align-content: start; gap: var(--space-7) }
.c-shell-loading { display: grid; gap: var(--space-4) }
.c-shell-loading__cards { grid-template-columns: 1fr }
.c-shell-loading__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) }
.c-shell-loading__rows { grid-template-columns: 1fr; gap: var(--space-2) }
.c-shell-loading__form { grid-template-columns: 1fr; gap: var(--space-4) }
.c-shell-bench { display: grid; gap: var(--space-7); max-width: 1120px }
.c-shell-bench__one { display: grid; gap: var(--space-4) }
.c-shell-bench__stage { box-sizing: border-box; padding: var(--space-6); background-color: var(--pane); border: 1px solid var(--edge); border-radius: var(--radius-3); box-shadow: var(--shadow-1) }
.c-shell-bench__desk { position: relative; height: 200px; transform: translate(0); background-color: var(--desk); border-radius: var(--radius-1) }
.c-shell-no-access { display: grid; justify-items: center; align-content: center; text-align: center; max-width: 440px; box-sizing: border-box; min-height: calc(100dvh - 240px); margin: 0 auto; padding-bottom: var(--space-6) }
.c-shell-no-access__title { margin: var(--space-5) 0 0; font-size: var(--text-6); font-weight: 650; line-height: var(--leading-6); letter-spacing: var(--tracking-display); color: var(--ink) }
.c-shell-no-access__lede { margin: var(--space-3) 0 0; font-size: var(--text-3); line-height: var(--leading-3); color: var(--ink-2); text-wrap: pretty }
.c-shell-no-access__ask { display: flex; align-items: center; gap: var(--space-1); margin-top: var(--space-6) }
.c-shell-no-access__address { display: inline-flex; align-items: center; gap: var(--space-1); margin-top: var(--space-3) }
.c-shell-no-access__mono { font-family: var(--mono); font-size: var(--text-1); line-height: var(--leading-1); color: var(--ink-2); user-select: all }
.c-shell-no-access__signed { display: flex; align-items: center; justify-content: center; gap: var(--space-2); width: 100%; margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px dashed var(--hairline-2); font-size: var(--text-2); line-height: var(--leading-2); color: var(--muted) }
.c-shell-no-access__why { display: grid; gap: var(--space-2); max-width: 280px; text-align: start }
.c-shell-no-access__why-title { font-size: var(--text-2); line-height: var(--leading-2); font-weight: 600; color: var(--ink) }
.c-shell-no-access__why-line { margin: 0; font-size: var(--text-2); line-height: var(--leading-2); color: var(--ink-2) }
.c-shell-no-access__stamp { display: inline-flex; align-items: center; gap: var(--space-1); justify-self: start; padding: 2px var(--space-2); border-radius: var(--radius-round); background-color: var(--pane-2); box-shadow: 0 0 0 1px var(--hairline); font-size: var(--text-1); line-height: var(--leading-1); font-weight: 500; color: var(--accent); rotate: -3deg }
@container (min-width: 480px) {
  .c-door .c-door__head { grid-template-columns: 14px minmax(0, 1fr) 96px 128px; padding-inline: var(--space-4) }
  .c-door .c-door__row { grid-template-columns: 14px minmax(0, 1fr) 96px 128px; padding-inline: var(--space-4) }
  .c-door .c-door__head > :nth-child(4) { display: block }
  .c-door .c-door__row > :nth-child(4) { display: block }
  .c-mushroom { width: 160px }
  .c-editor-app .c-editor-app__row { grid-template-columns: 7rem minmax(0, 1fr) }
  .c-editor-people .c-editor-people__section { grid-template-columns: 7rem minmax(0, 1fr) }
  .c-editor-theme .c-editor-theme__token { grid-template-columns: 7rem minmax(0, 1fr) }
  .c-kit-settings__row[data-stacks] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--plane-4)) }
  .craft-empty[data-look="slot"] { padding: var(--space-7) }
  .craft-row:has(> .c-shell-integrations__mark) { flex-wrap: nowrap }
  .craft-row:has(> .c-shell-integrations__mark) .craft-row__meta { order: 0; flex-basis: auto; flex-shrink: 1; padding-left: 0; margin-right: var(--space-3) }
  .c-shell-integrations__address[data-size="hero"] .c-shell-integrations__value > code { font-size: var(--text-5); line-height: var(--leading-5) }
}
@container (min-width: 800px) {
  .c-door .c-door__rack { inset-block-end: var(--space-8); inset-inline: var(--space-8) }
  .c-door .c-door__head { grid-template-columns: 14px minmax(0, 1fr) 96px 128px 64px }
  .c-door .c-door__row { grid-template-columns: 14px minmax(0, 1fr) 96px 128px 64px }
  .c-door .c-door__head > :nth-child(5) { display: block }
  .c-door .c-door__row > :nth-child(5) { display: block }
  .c-door .c-door__band { inset-inline-start: var(--space-8) }
  .c-door .c-door__plates { inset-inline-end: var(--space-8) }
  .c-shell .c-shell__crumb [data-said="workspace"] { display: inline-flex }
  .c-shell .c-shell__crumb [data-said="app"] { display: inline }
  .c-shell .c-shell__rooms { display: block }
  .c-shell .c-shell__desk[data-column="true"] .c-shell__track { inset-block: var(--space-6); inset-inline-start: auto; inset-inline-end: var(--space-6); inline-size: 22rem; block-size: auto }
  :where(.craft-workspace__layout) { grid-template-columns: var(--craft-side, 236px) minmax(0, 1fr) }
  :where(.craft-workspace__side) { display: flex }
  :where(.craft-workspace__bar) { display: none }
  :where(.craft-workspace__head:not(:has(.craft-workspace__acts))) { display: flex }
  :where(.craft-workspace__title) { display: block }
  :where(.craft-workspace__total) { display: inline-block }
  :where(.craft-workspace__body) { display: contents }
  :where(.craft-workspace__more) { display: inline-flex }
  .craft-card { padding: var(--space-6) }
  .c-kit-page-head { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lead lead" "crumbs crumbs" "title actions" "about about" }
  .c-kit-page-head[data-beside] { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "lead lead lead" "crumbs crumbs crumbs" "title actions beside" "about about about" }
  .c-kit-page-head__actions { margin-top: 0 }
  .c-kit-emblem[data-size="grows"] .c-kit-emblem__letters { font-size: var(--text-6); line-height: var(--leading-6) }
  .c-kit-emblem[data-size="grows"] { width: var(--tile-3); height: var(--tile-3); border-radius: var(--radius-sheet) }
  .c-kit-emblem[data-size="grows"] svg { width: var(--tile-glyph-3); height: var(--tile-glyph-3) }
  .c-kit-proof { padding: var(--space-6); border-radius: var(--radius-sheet); box-shadow: var(--lift-3); rotate: -1deg; animation: kit-proof-settles var(--settle) var(--ease-settle) 120ms backwards }
  .c-shell-skeletons__cards { grid-template-columns: repeat(4, minmax(0, 1fr)) }
  .c-shell-rail { grid-template-columns: var(--plane-3) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 0 }
  .c-shell-rail__side { position: sticky; top: var(--sheet-gutter); align-self: start; height: calc(100dvh - var(--sheet-gutter) * 2); padding: var(--space-1) var(--space-3) var(--space-4) var(--space-2) }
  .c-shell-rail__nav { display: grid; align-content: start }
  .c-shell-rail__nav .c-shell-sidebar-item__icon { display: inline-flex }
  .c-shell-rail__body { padding: var(--sheet-top) var(--space-7) var(--sheet-foot) }
  .craft-row:has(> .c-shell-integrations__mark) .craft-row__meta { width: 14rem }
  .c-shell-name-card { gap: var(--space-5); padding: var(--space-7) }
  .c-shell-name-card__name { font-family: var(--font); font-size: var(--text-8); line-height: var(--leading-8); color: var(--ink); letter-spacing: var(--tracking-display) }
  .c-shell-variables__row { grid-template-columns: var(--size-4) minmax(0, 1fr) minmax(0, 20rem) }
  .c-shell-variables__right { grid-column: 3 }
  .c-shell-veil { padding-inline: var(--space-7) }
  .c-shell-header { padding-block-start: var(--sheet-top) }
  #__app-page { padding-block-end: var(--sheet-foot) }
  .c-shell-loading__cards { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .c-shell-loading__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
@container (min-width: 1120px) {
  .c-door .c-door__rack { inset-block-end: var(--space-12); inset-inline: var(--space-16) }
  .c-door .c-door__band { inset-inline-start: var(--space-12) }
  .c-door .c-door__plates { inset-inline-end: var(--space-12) }
  .c-shell .c-shell__desk[data-outline="true"] { grid-template-columns: 15rem minmax(0, 1fr) }
  .c-shell .c-shell__desk[data-column="true"] { grid-template-columns: minmax(0, 1fr) 25rem }
  .c-shell .c-shell__desk[data-outline="true"][data-column="true"] { grid-template-columns: 15rem minmax(0, 1fr) 25rem }
  .c-shell .c-shell__outline { display: block }
  .c-shell .c-shell__desk[data-column="true"] .c-shell__track { position: static; inset: auto; inline-size: auto; box-shadow: none }
  .u-shell:has(.u-shell__panel[data-state="open"]) { grid-template-columns: minmax(0, 1fr) var(--plane-5) }
  .u-shell__scrim { display: none }
  .u-shell__panel { position: sticky; top: 0; grid-column: 2; grid-row: 2 / 4; align-self: start; width: auto; max-height: 100dvh; padding-block-start: var(--space-6); padding-block-end: var(--space-8); background-color: transparent; box-shadow: none }
  .u-shell__panel[data-state="leaving"] { position: absolute; inset-block-start: 0; inset-inline-end: 0; width: var(--plane-5) }
  .c-shell-loading__cards { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}
@media (hover: none) {
  :where(input, textarea, select) { font-size: max(16px, 1em) !important }
  .c-field input { font-size: max(16px, var(--type-0)) }
  .c-choice select { font-size: max(16px, var(--type-0)) }
  .c-row .c-row__offers { opacity: 1; translate: 0 }
  @media (hover: hover) and (pointer: fine) {
    .c-door .c-field input:hover { border-color: var(--door-edge-dark) var(--door-edge-light)
      var(--door-edge-light) var(--door-edge-dark) }
  }
  @media (hover: hover) and (pointer: fine) {
    .c-door .c-button:hover { translate: 0 0 }
  }
  @media (hover: hover) and (pointer: fine) {
    .c-door__seat:hover { background-color: transparent }
  }
  @media (hover: hover) and (pointer: fine) {
    .c-door__seat:hover .c-door__word { color: var(--muted) }
  }
  :where(.craft-button) { position: relative }
  :where(.craft-button)::before { content: ""; position: absolute; inset: min(0px, calc((100% - 44px) / 2)) }
  :where(.craft-inspect__card) { display: none }
  :where(.craft-sheet) { top: auto; left: 0; max-height: 100dvh }
  :where(.craft-sheet__grip) { display: block; flex: 0 0 auto; width: 36px; height: 4px; border-radius: 999px; margin: 8px auto 0; background: currentColor; opacity: 0.2; touch-action: none }
  :where(.craft-sheet[data-starting-style]) { translate: 0 100% }
  :where(.craft-sheet[data-ending-style]) { translate: 0 100% }
  :where(.craft-sheet__head) { touch-action: none }
  :where(.craft-install) { width: 100%; margin: auto 0 0 0; padding-bottom: calc(var(--space-4) + var(--safe-bottom, env(safe-area-inset-bottom, 0px))) }
  :where(.craft-install[data-starting-style]) { translate: 0 100%; opacity: 1 }
  :where(.craft-install[data-ending-style]) { translate: 0 100%; opacity: 1 }
  :where(.craft-install__done) { align-self: stretch; min-height: 44px }
  :where(.craft-toast__shut) { opacity: 1 }
  .craft-row__said { margin-right: var(--size-4) }
  .craft-row__actions { opacity: 1; translate: 0 0; pointer-events: auto }
  .craft-button[data-size="36"] { height: var(--size-touch) }
  .craft-segmented[data-size="large"] .craft-segmented__item { height: var(--size-touch) }
  .frame-back { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-3) }
  .craft-field:not([data-size="display"]) :is(.craft-field__input, .craft-field__area) { font-size: var(--text-4); line-height: var(--leading-4) }
  .craft-command__row-keys { display: none }
  .craft-install { border: 0; border-top: 1px solid var(--line-2); border-radius: var(--radius-3) var(--radius-3) 0 0 }
  .craft-dialog__acts { grid-auto-columns: 1fr; justify-content: stretch }
  .craft-dialog .c-kit-ask__acts { grid-auto-columns: 1fr; justify-content: stretch }
  .craft-dialog__acts .craft-button, .craft-dialog .c-kit-ask__acts .craft-button { height: var(--size-control-large) }
  .u-shell__crumbs { display: none }
  .u-shell__menu-trail { display: contents }
}
@media (hover: hover) and (pointer: fine) {
  .craft-choicebox__choice:not([data-disabled]):hover { box-shadow: var(--lift-2); translate: 0 -1px }
  .craft-choicebox__choice[data-checked]:hover { box-shadow: 0 0 0 1.5px var(--ink), var(--lift-2) }
  .craft-choicebox__cell:not([data-disabled]):hover { translate: 0 -1px }
  .craft-choicebox__cell > .craft-choicebox__choice:not([data-disabled]):hover { translate: 0 0 }
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice { box-shadow: var(--lift-2) }
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice[data-checked] { box-shadow: 0 0 0 1.5px var(--ink), var(--lift-2) }
  .craft-choicebox__cell:not([data-disabled]):hover > .craft-choicebox__choice[data-checked]:focus-visible { box-shadow: var(--lift-2) }
  .c-shell-parts__more { opacity: 0 }
  .c-shell-story-section[data-standing="past"]:hover { opacity: 0.8 }
  .u-shell__nav .c-shell-switcher[data-shut="true"] .c-shell-switcher__fold { grid-template-columns: minmax(0, 0fr) }
  .u-shell__nav .c-shell-switcher[data-shut="true"] .c-shell-switcher__said { opacity: 0; filter: blur(2px) }
}
@media (display-mode: standalone) {
  .frame-back { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-3) }
}
@media (prefers-reduced-motion: reduce) {
  :where(.app-connection) { transition: none }
  :where(.app-connection[data-state="away"]) { transition: none }
  .c-button { transition: none }
  .c-button:active { scale: none }
  .c-button--quiet:active { scale: none }
  .c-button--grave:active { scale: none }
  .c-button--shed { transition: none }
  .c-button--shed:active { scale: none }
  .c-button--working::after { transition: none; animation-name: none }
  .c-button:is([aria-busy="true"], form[aria-busy="true"] button[type="submit"])::after { transition: none; animation-name: none }
  .c-link--chip { transition: none }
  .c-group--holds-reading > * { animation-name: none }
  .c-field input { transition: none }
  .c-choice select { transition: none }
  .c-row .c-row__offers { translate: 0; transition: opacity 90ms cubic-bezier(0.32, 0.72, 0, 1) }
  @media (hover: hover) and (pointer: fine) {
    .c-row:hover .c-row__offers { transition: opacity 140ms cubic-bezier(0.32, 0.72, 0, 1) }
  }
  .c-row:focus-within .c-row__offers { transition: opacity 140ms cubic-bezier(0.32, 0.72, 0, 1) }
  .c-ask-words .c-ask-words__box { transition: none }
  .c-ask-choice .c-ask-choice__option { transition: none }
  @media (hover: hover) and (pointer: fine) {
    .c-ask-choice .c-ask-choice__option:hover { translate: 0 0 }
  }
  .c-ask-choice .c-ask-choice__tick { transition: opacity var(--quick) var(--ease-out) }
  .c-ask-scale .c-ask-scale__fill { transition: none }
  .c-ask-scale .c-ask-scale__thumb { transition: none }
  .c-ask-mood .c-ask-mood__fill { transition: none }
  .c-ask-mood .c-ask-mood__thumb { transition: none }
  .c-ask-samples .c-ask-samples__option { transition: none }
  @media (hover: hover) and (pointer: fine) {
    .c-ask-samples .c-ask-samples__option:hover { translate: 0 0 }
  }
  .c-ask-samples .c-ask-samples__tick { transition: opacity var(--quick) var(--ease-out) }
  .c-door .c-door__glow { animation: none }
  .c-mushroom { animation: none }
  .c-mushroom .c-mushroom__sway { animation: none }
  .c-mushroom .c-mushroom__tilt { transition: none }
  .c-mushroom .c-mushroom__nod { transition: none }
  [data-motion="settle"] { animation-name: settle-fades; transition: opacity var(--settled) var(--ease-out) }
  [data-motion="float"] { animation-name: float-fades; transition: opacity var(--quick) var(--ease-out) }
  [data-motion="slide"][data-side="right"] { animation-name: slide-fades }
  [data-motion="slide"] { animation-name: slide-fades; transition: opacity var(--settled) var(--ease-move) }
  [data-motion="sheet"][data-side="right"] { animation-name: sheet-fades }
  [data-motion="sheet"] { animation-name: sheet-fades; transition: opacity var(--settled) var(--ease-state) }
  [data-motion="press"] { transition: none }
  [data-motion="press"]:active { scale: none }
  [data-motion="shift"] { transition: opacity var(--settled) var(--ease-move) }
  :where([data-look="act"]) { transition: none }
  :where([data-look="act"]:active) { scale: none }
  :where([data-look="key"]) { transition: none }
  :where([data-look="key"]:active) { scale: none }
  :where([data-look="ghost"]) { transition: none }
  :where([data-look="ghost"]:active) { scale: none }
  :where([data-look="quiet"]) { transition: none }
  :where([data-look="quiet"]:active) { scale: none }
  :where([data-look="card"]) { transition: none }
  :where([data-look] .looks-word) { transition: none }
  :where([data-look] .looks-short) { transition: none }
  :where([data-look] .looks-wait) { transition: none }
  :where([data-look] .looks-arc) { stroke-dasharray: none }
  :where([data-look][data-busy] .looks-turn) { animation: none }
  .c-door__rack { transform: none }
  .c-door__glow { transform: none }
  .c-door .c-field input { transition: none }
  .c-door .c-button { transition: none }
  .c-door .c-link { transition: none }
  .c-door__slider { transition: none }
  .c-door__seat { transition: none }
  .c-door__word { transition: none }
  .c-door[data-morphing] .c-door__stock, .c-door[data-morphing] .c-door__desk, .c-door[data-morphing] .c-door__rack, .c-door[data-morphing] .c-door__bar, .c-door[data-morphing] .c-door__head, .c-door[data-morphing] .c-door__row, .c-door[data-morphing] .c-door__tile, .c-door[data-morphing] .c-door__foot, .c-door[data-morphing] .c-door__figure, .c-door[data-morphing] .c-door__named, .c-door[data-morphing] .c-door__held, .c-door[data-morphing] .c-door__veil, .c-door[data-morphing] .c-door__glow, .c-door[data-morphing] .c-door__brand, .c-door[data-morphing] .c-door__plate, .c-door[data-morphing] .c-door__plates, .c-door[data-morphing] .c-door__seat, .c-door[data-morphing] .c-door__slider, .c-door[data-morphing] .c-field input, .c-door[data-morphing] .c-button, .c-door[data-morphing] .c-rule { transition-duration: var(--fast) }
  .c-door[data-morphing] .c-door__slider, .c-door .c-door__slider { transition-property: opacity }
  :where(.craft-spinner) { animation: none }
  :where(.craft-button) { transition: background-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear, filter var(--craft-fast) linear }
  :where(.craft-button[data-pressed]:not([aria-haspopup])) { scale: 1 }
  :where(form[aria-busy="true"] .craft-button[type="submit"])::after { animation: none; border-top-color: currentColor }
  :where(.craft-switch) { transition: background-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear }
  :where(.craft-switch:active:not([data-disabled])) { scale: 1 }
  :where(.craft-switch__thumb) { transition: background-color var(--craft-fast) linear }
  :where(.craft-switch[data-pressed] .craft-switch__thumb) { scale: 1 }
  :where(.craft-segmented__raised) { transition: none }
  :where(.craft-segmented__item) { transition: none }
  :where(.craft-segmented__item:active:not([data-disabled])) { scale: 1 }
  :where(.craft-place__raised) { transition: none }
  :where(.craft-menu) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-menu[data-starting-style]) { translate: none; scale: none }
  :where(.craft-menu[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-menu[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-menu[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-menu[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-menu[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-menu[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-menu[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-menu__row) { transition: none }
  :where(.craft-menu__row:active:not([data-disabled])) { scale: 1 }
  :where(.craft-acts) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-acts[data-starting-style]) { translate: none; scale: none }
  :where(.craft-acts[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-acts[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-acts[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-acts[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-acts[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-acts[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-acts[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-acts__sheet) { animation-name: none !important }
  :where(.craft-acts__behind) { animation-duration: 0s !important }
  :where(.craft-acts__row) { transition: none }
  :where(.craft-acts__row:active:not([data-disabled])) { scale: 1 }
  :where(.craft-acts__group[data-confirming]) { animation: craft-acts-confirming-calm 160ms both }
  :where(.craft-acts__question) { animation: none }
  :where(.craft-acts__more) { transition: none }
  :where(.craft-acts__more:active) { scale: 1 }
  :where(.craft-tally__figure, .craft-tally__leaving) { transition: opacity var(--craft-smooth) linear }
  :where(.craft-tally[data-going="up"] .craft-tally__figure[data-entering]) { transform: none }
  :where(.craft-tally[data-going="down"] .craft-tally__figure[data-entering]) { transform: none }
  :where(.craft-tally[data-going="up"] .craft-tally__leaving) { transform: none }
  :where(.craft-tally[data-going="down"] .craft-tally__leaving) { transform: none }
  :where(.craft-panel__frame) { transition: none }
  :where(.craft-panel__dock) { transition: opacity var(--craft-smooth) var(--craft-ease-out) }
  :where(.craft-panel__dock[data-entering]) { translate: none; opacity: 0 }
  :where(.craft-panel__dock[data-leaving]) { translate: none; opacity: 0; transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-panel__close) { transition: none }
  :where(.craft-panel__close:active) { scale: 1 }
  :where(.craft-panel__sheet) { animation-name: none !important }
  :where(.craft-panel__behind) { animation-duration: 0s !important }
  :where(.craft-workspace__find, .craft-workspace__add, .craft-workspace__switch, .craft-workspace__drop) { transition: none }
  :where(.craft-workspace__place) { transition: none }
  :where(.craft-workspace__find:active, .craft-workspace__add:active, .craft-workspace__switch:active, .craft-workspace__drop:active, .craft-workspace__place:active) { scale: 1 }
  :where(.craft-workspace__field) { transition: box-shadow var(--craft-smooth) linear }
  :where(.craft-workspace__submit) { transition: none }
  :where(.craft-workspace__submit:active) { scale: 1 }
  :where(.craft-workspace__chip) { animation: craft-workspace-chip-calm var(--craft-smooth) linear both }
  :where(.craft-workspace__words)::after { transition: none }
  :where(.craft-workspace__row[data-done] .craft-workspace__words)::after { transform: scaleX(1) }
  :where(.craft-workspace__meta) { transition: opacity var(--craft-normal) linear }
  :where(.craft-workspace__more) { transition: opacity var(--craft-fast) linear }
  :where(.craft-workspace__wash) { animation: craft-workspace-wash 1200ms linear forwards }
  :where(.craft-drop__well) { transition: none }
  :where(.craft-drop__print) { transition: opacity var(--craft-smooth) linear }
  :where(.craft-drop__print[data-entering]) { scale: 1 }
  :where(.craft-drop__act) { transition: none }
  :where(.craft-drop__act:active) { scale: 1 }
  :where(.craft-inspect__card) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-inspect__card[data-starting-style]) { scale: none }
  :where(.craft-inspect__card[data-ending-style]) { scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-inspect__sheet) { animation-name: none !important }
  :where(.craft-inspect__behind) { animation-duration: 0s !important }
  :where(.craft-popover) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-popover[data-starting-style]) { translate: none; scale: none }
  :where(.craft-popover[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-popover[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-popover[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-popover[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-popover[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-popover[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-popover[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-popover[data-drawn]) { transition: opacity var(--craft-fast) var(--craft-ease-out) }
  :where(.craft-popover[data-shut]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear, visibility var(--craft-fast) linear }
  :where(.craft-tooltip__place .craft-tooltip__bubble) { transition: opacity var(--craft-fast) var(--craft-ease-out) }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-starting-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-tooltip__place .craft-tooltip__bubble[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-hovercard) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-hovercard[data-starting-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-hovercard[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-hovercard[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-dialog) { transition: opacity var(--craft-smooth) var(--craft-ease-out) }
  :where(.craft-dialog[data-starting-style]) { scale: none }
  :where(.craft-dialog[data-ending-style]) { scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-sheet) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-sheet[data-starting-style]) { translate: none; opacity: 0 }
  :where(.craft-sheet[data-side="left"][data-starting-style]) { translate: none; opacity: 0 }
  :where(.craft-sheet[data-side="bottom"][data-starting-style]) { translate: none; opacity: 0 }
  :where(.craft-sheet[data-ending-style]) { translate: none; opacity: 0; transition: opacity var(--craft-fast) linear }
  :where(.craft-sheet[data-side="left"][data-ending-style]) { translate: none; opacity: 0 }
  :where(.craft-sheet[data-side="bottom"][data-ending-style]) { translate: none; opacity: 0 }
  :where(.craft-install) { transition: none }
  :where(.craft-install)::backdrop { transition: none }
  :where(.craft-toast) { transition: opacity var(--craft-normal) linear }
  :where(.craft-toast[data-starting-style]) { transform: translateY(calc(var(--craft-pushed) - var(--craft-index) * var(--craft-peek) - var(--craft-shrink) * var(--craft-height))) scale(var(--craft-scale)) }
  :where(.craft-toast[data-ending-style]) { transition: opacity var(--craft-normal) linear }
  :where(.craft-toast[data-front][data-ending-style]) { transform: translateY(calc(var(--craft-pushed) - var(--craft-index) * var(--craft-peek) - var(--craft-shrink) * var(--craft-height))) scale(var(--craft-scale)) }
  :where(.craft-toast[data-ending-style][data-swipe-direction="down"]) { transform: translateY(calc(var(--craft-pushed) - var(--craft-index) * var(--craft-peek) - var(--craft-shrink) * var(--craft-height))) scale(var(--craft-scale)) }
  :where(.craft-toast__body) { transition: opacity var(--craft-normal) linear }
  :where(.craft-toast__act) { transition: none }
  :where(.craft-toast__shut) { transition: opacity var(--craft-normal) linear }
  :where(.craft-toast__act:active) { scale: 1 }
  :where(.craft-toast__shut:active) { scale: 1 }
  :where(.craft-combobox__plane) { transition: opacity var(--craft-fast) linear }
  :where(.craft-combobox__plane[data-starting-style]) { scale: none }
  :where(.craft-combobox__plane[data-ending-style]) { scale: none }
  :where(.craft-command__plane) { transition: opacity var(--craft-normal) var(--craft-emphasized) }
  :where(.craft-command__plane[data-starting-style]) { scale: none }
  :where(.craft-command__plane[data-ending-style]) { scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-card) { transition: box-shadow var(--craft-fast) linear, background-color var(--craft-fast) linear, border-color var(--craft-fast) linear }
  @media (hover: hover) and (pointer: fine) {
    :where(.craft-card[data-pressable]:hover:not(:has([role="menu"]:hover)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { translate: 0 0 }
  }
  @media (hover: hover) and (pointer: fine) {
    :where(.craft-card[data-pressable]:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { scale: 1 }
  }
  :where(.craft-row) { transition: none }
  @media (hover: hover) and (pointer: fine) {
    :where(.craft-row:active:not(:has(button:active)):not(:has([role="menu"]:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"])))) { scale: 1 }
  }
  :where(.craft-row__actions) { translate: 0 0; transition: opacity var(--craft-fast) linear }
  :where(.craft-badge) { transition: none }
  :where(.craft-tag) { transition: none }
  :where(.craft-tag__remove) { transition: opacity var(--craft-fast) linear }
  :where(.craft-tag__remove:active) { scale: 1 }
  :where(.craft-tags__chip[data-fresh]) { animation: craft-tags-in-calm 180ms var(--craft-ease-out) both }
  :where(.craft-tags__chip[data-leaving]) { animation: craft-tags-out 120ms linear both }
  :where(.craft-dot) { transition: none }
  :where(.craft-dot[data-live]) { animation: none }
  :where(.craft-avatar) { transition: none }
  :where(.craft-avatar__member) { transition: opacity var(--craft-smooth) linear }
  :where(.craft-avatar__member[data-joining]) { transform: none }
  :where(.craft-avatar__member[data-leaving]) { transform: none }
  :where(.craft-progress__fill) { transition: background-color var(--craft-fast) linear }
  :where(.craft-progress__bar[data-state="running"] .craft-progress__fill) { animation: none }
  :where(.craft-progress__arc) { transition: none }
  :where(.craft-progress__spark) { display: none }
  :where(.craft-progress__flash) { display: none }
  :where(.craft-skeleton__shine) { animation: none; opacity: 0 }
  :where(.craft-banner) { transition: none }
  :where(.craft-stat__change > svg) { transition: none }
  :where(.craft-table__arrow) { transition: opacity var(--craft-fast) linear }
  :where(.craft-table__row) { transition: none }
  :where(.craft-table__acts) { transition: none }
  :where(.craft-tabs__tab) { transition: none }
  :where(.craft-tabs__tab:active:not([data-disabled])) { scale: 1 }
  :where(.craft-tabs__plane) { transition: none }
  :where(.craft-tabs__panel:not([data-activation-direction="none"])) { animation: none }
  :where(.craft-disclosure__opener) { transition: none }
  :where(.craft-disclosure__chevron) { transition: none }
  :where(.craft-disclosure__panel) { transition: opacity var(--craft-fast) linear }
  :where(.craft-stepper__reach) { transition: none }
  :where(.craft-stepper__mark) { transition: background-color var(--craft-fast) linear, border-color var(--craft-fast) linear }
  :where(.craft-stepper__check path) { transition: none }
  :where(.craft-scroll-area__bar) { transition: opacity var(--craft-fast) linear }
  :where(.craft-search__clear) { animation: none }
  :where(.craft-copy__press) { transition: background-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear }
  :where(.craft-copy__press:active:not([data-disabled])) { scale: 1 }
  :where(.craft-copy__mark > *) { transition: opacity var(--craft-fast) linear }
  :where(.craft-copy__press[data-copied] .craft-copy__done polyline) { animation: none }
  :where(.craft-checkbox__box) { transition: background-color var(--craft-fast) linear, border-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear }
  :where(.craft-checkbox:active:not([data-seated]) .craft-checkbox__box) { scale: 1 }
  :where(.craft-checkbox__box[data-sprung] .craft-checkbox__tick path) { animation: none }
  :where(.craft-checkbox[data-size="round"] .craft-checkbox__box) { transition: background-color var(--craft-smooth) linear, border-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear }
  :where(.craft-checkbox[data-size="round"] .craft-checkbox__tick path) { transition: none }
  :where(.craft-radio__dot) { transition: opacity var(--craft-fast) linear; scale: 1 }
  :where(.craft-choicebox[data-sprung] .craft-choicebox__marker[data-checked] path) { animation: none }
  :where(.craft-choicebox__dot) { transition: opacity var(--craft-fast) linear }
  :where(.craft-select__popup) { transition: opacity var(--craft-fast) var(--craft-ease-out) }
  :where(.craft-select__popup[data-starting-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-ending-style]) { translate: none; scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-select__popup[data-side="top"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-side="top"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-side="left"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-side="left"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-side="right"][data-starting-style]) { translate: none; scale: none }
  :where(.craft-select__popup[data-side="right"][data-ending-style]) { translate: none; scale: none }
  :where(.craft-select__trigger) { transition: border-color var(--craft-fast) linear, background-color var(--craft-fast) linear, box-shadow var(--craft-fast) linear }
  :where(.craft-select__trigger:active:not([data-disabled])) { scale: 1 }
  :where(.craft-select__chevron) { transition: none }
  :where(.craft-slider__fill) { transition: none }
  :where(.craft-slider__rail) { transition: none }
  :where(.craft-slider__thumb) { transition: box-shadow var(--craft-normal) linear }
  @media (hover: hover) and (pointer: fine) {
    :where(.craft-slider__control:hover .craft-slider__thumb) { scale: 1 }
  }
  :where(.craft-slider__body[data-dragging] .craft-slider__thumb) { scale: 1; transition: box-shadow var(--craft-normal) linear }
  :where(.craft-note) { transition: none }
  :where(.craft-refusal) { animation: refusal-said var(--craft-fast) var(--craft-ease-out) both }
  :where(.craft-unavailable__panel) { transition: opacity var(--craft-fast) linear }
  :where(.craft-confirm) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-confirm[data-starting-style]) { scale: none }
  :where(.craft-confirm[data-ending-style]) { scale: none; transition: opacity var(--craft-fast) linear }
  :where(.craft-confirm[data-room="phone"]) { transition: opacity var(--craft-normal) var(--craft-ease-out) }
  :where(.craft-confirm[data-room="phone"][data-starting-style]) { opacity: 0; translate: 0 0 }
  :where(.craft-confirm[data-room="phone"][data-ending-style]) { opacity: 0; translate: 0 0; transition: opacity var(--craft-fast) linear }
  :where(.craft-thinking__dot) { animation: none; opacity: 0.6 }
  :where(.craft-orb[data-kind="pulse"] .craft-orb__dot) { animation: none; opacity: 0.6; scale: 1 }
  :where(.craft-orb[data-kind="sweep"] .craft-orb__dot) { animation: none; opacity: 0.6; scale: 1 }
  :where(.craft-orb[data-kind="orbit"] .craft-orb__dot) { animation: none; opacity: 0.6; scale: 1 }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot) { animation: none; opacity: 0.6; scale: 1 }
  :where(.craft-orb__spark) { animation: none; opacity: 0.6 }
  :where(.craft-orb__echo) { animation: none }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(1)) { translate: 9px 0px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(2)) { translate: 6.4px 3.2px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(3)) { translate: 0px 4.5px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(4)) { translate: -6.4px 3.2px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(5)) { translate: -9px 0px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(6)) { translate: -6.4px -3.2px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(7)) { translate: 0px -4.5px }
  :where(.craft-orb[data-kind="globe"] .craft-orb__dot:nth-child(8)) { translate: 6.4px -3.2px }
  :where(.craft-steps__step[data-arrived]) { animation: none }
  :where(.craft-steps__dot) { transition: background-color var(--craft-fast) linear, border-color var(--craft-fast) linear }
  :where(.craft-steps__ring) { animation: none; opacity: 0.5 }
  :where(.craft-streaming__caret) { animation: none }
  :where(.craft-trace__chevron) { transition: none }
  :where(.craft-trace__step) { animation: none }
  :where(.craft-answer__chip) { animation: none }
  :where(.craft-answer__caret) { animation: none }
  :where(.craft-answer__after) { animation: none }
  :where(.craft-tick__stroke) { animation: none }
  :where(.craft-standing__echo) { animation: none; opacity: 0 }
  :where(.craft-plan[data-phase="handoff"]) { animation: none }
  :where(.craft-plan__step) { animation: none; transition: none }
  :where(.craft-plan__drop) { animation: none }
  :where(.craft-plan[data-phase="done"] .craft-plan__foot) { animation: none }
  :where(.craft-approval[data-answer]) { animation: none }
  :where(.craft-approval__dot) { animation: none }
  :where(.craft-status__bar) { animation: none }
  :where(.craft-status__said) { animation: none }
  :where(.craft-status__note) { animation: none }
  :where(.craft-status__foot) { animation: none }
  :where(.craft-receipt__head) { animation: none }
  :where(.craft-receipt__echo) { animation: none; opacity: 0 }
  :where(.craft-receipt__row) { animation: none }
  :where(.craft-receipt[data-phase="reversed"] .craft-receipt__strip) { animation: none }
  :where(.craft-receipt[data-phase="expired"] .craft-receipt__foot) { animation: none }
  :where(.craft-receipt[data-phase="reversed"] .craft-receipt__foot) { animation: none }
  :where(.craft-receipt__arc) { animation: none }
  :where(.craft-repair__first, .craft-repair__second, .craft-repair__third) { animation: none }
  :where(.craft-repair__fix) { animation: none }
  :where(.craft-handoff:not([data-stage="working"])) { animation: none }
  :where(.craft-handoff__rail) { animation: none; transition: none }
  :where(.craft-handoff__row) { animation: none }
  :where(.craft-handoff__foot) { animation: none }
  :where(.craft-handoff__actions) { animation: none }
  .craft-button[data-pressed][data-only]:not([aria-haspopup]) { scale: 1 }
  .frame-back { transition: none }
  .craft-menu:is([data-starting-style], [data-ending-style]) { scale: none }
  .craft-command__plane { transition: opacity var(--quick) var(--ease-out) }
  .craft-command__plane[data-starting-style] { scale: none }
  .craft-command__plane[data-ending-style] { scale: none; transition: opacity var(--fast) linear }
  .craft-command__list { transition: none }
  .c-kit-figure { transition: none }
  .c-kit-emblem { transition: none }
  @media (hover: hover) and (pointer: fine) {
    [data-peels]:hover:not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) .c-kit-emblem { transform: none }
  }
  @media (hover: hover) and (pointer: fine) {
    [data-peels]:active:not(:has(button:active)):not(:has([aria-haspopup="menu"]:is(:hover,:active,[aria-expanded="true"]))) .c-kit-emblem { transform: none }
  }
  [data-prints] .c-kit-emblem { transition: background-color var(--settled) var(--ease-out), color var(--settled) var(--ease-out) }
  [data-prints] .c-kit-emblem__letters { animation: none }
  .craft-choicebox__choice { transition: none }
  .craft-choicebox__choice:not([data-disabled]):active { scale: 1 }
  .craft-choicebox__marker { transition: none }
  .craft-choicebox__dot { transition: opacity var(--fast) linear }
  .craft-choicebox__cell { transition: none }
  .craft-choicebox__cell:not([data-disabled]):has(> .craft-choicebox__choice:active) { scale: 1 }
  .craft-choicebox__choice[data-soon]:active { scale: 1 }
  .c-kit-proof { transition: none; animation: none }
  .c-kit-stops__title { transition: none }
  .c-kit-stops__seal { transition: none }
  .c-kit-stops__numeral, .c-kit-stops__tick { transition: none }
  .c-kit-stops__rule::after { transition: none }
  .craft-copy__press:active:not([data-disabled]) { scale: 1 }
  .c-shell-sidebar-item { transition: none }
  .c-shell-sidebar-item__press { transition: none }
  .c-shell-sidebar-item[data-pressed="true"] .c-shell-sidebar-item__press { scale: 1 }
  .c-shell-switcher { transition: none }
  .c-shell-switcher__press { transition: none }
  .c-shell-switcher[data-pressed="true"] .c-shell-switcher__press, .c-shell-switcher:active .c-shell-switcher__press { scale: 1 }
  .c-shell-switcher__fold { transition: none }
  .c-shell-switcher__said { transition: opacity var(--quick) var(--ease-out) }
  .c-shell-switcher[data-shut="true"] .c-shell-switcher__said { filter: none; transition: opacity var(--fast) var(--ease-out) }
  .c-shell-switcher__chevron { transition: none }
  .c-shell-pills__item { transition: none }
  .c-shell-target__item { transition: none }
  .c-shell-link-row__line[data-fresh] { animation: none }
  .c-shell-empty-section.c-shell-empty-section__nudged .craft-empty__said { animation: none }
  .c-shell-empty-section.c-shell-empty-section__again .craft-empty__said { animation: none }
  .c-shell-story-section:nth-child(1) { animation: none }
  .c-shell-story-section:nth-child(2) { animation: none }
  .c-shell-story-section:nth-child(3) { animation: none }
  .c-shell-story-section:nth-child(4) { animation: none }
  .c-shell-story-section__acts { animation: none }
  .c-shell-name-card { transition: none }
  .c-shell-aside__row { transition: none }
  .c-shell-aside__copy { transition: none }
  .c-shell-aside__copy:active { scale: 1 }
  .c-shell-aside__copied > svg { transition: opacity var(--quick) var(--ease-out) }
  .u-shell:has(.c-shell-veil) #__app-page > * { animation: none }
  .c-shell-veil__card { animation: none }
  .c-shell-veil__halo { animation: none }
  .c-shell-production { animation: none }
  .u-shell__nav .c-shell-switcher[data-shut="true"] .c-shell-switcher__said { filter: none }
  .u-shell__crumb[data-lead] { animation: none }
  .u-shell__crumb a { transition: none }
  .u-shell__nav::before { transition: none }
  .u-shell__nav[data-lifted]::before { transition: none }
  .u-shell__here::before { scale: 1; transition: opacity var(--quick) var(--ease-out) }
  .u-shell__acts::before { scale: 1; transition: opacity var(--quick) var(--ease-out) }
  .u-shell__nav[data-lifted] .u-shell__here::before, .u-shell__nav[data-lifted] .u-shell__acts::before { transition: opacity var(--settled) var(--ease-out) }
  .u-shell__fold { transition: none }
  .u-shell__folded { transition: opacity var(--quick) var(--ease-out) }
  .u-shell__crumb { transition: none }
  .u-shell__crumb-body { transition: opacity var(--quick) var(--ease-out) }
  .u-shell__nav[data-lifted] .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__fold[data-folds] { transition: none }
  .u-shell__nav[data-lifted] .u-shell__crumb:not(:last-child) .u-shell__crumb-body { filter: none; translate: none; transition: opacity var(--quick) var(--ease-out), visibility 0s linear var(--quick) }
  .u-shell__nav[data-lifted] .u-shell__fold[data-folds] .u-shell__folded { filter: none; translate: none; transition: opacity var(--quick) var(--ease-out), visibility 0s linear var(--quick) }
  .u-shell__nav[data-lifted] .u-shell__here:focus-within .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__acts:focus-within .u-shell__fold[data-folds] { transition: none }
  @media (hover: hover) and (pointer: fine) {
    .u-shell__nav[data-lifted] .u-shell__here:hover .u-shell__crumb:not(:last-child), .u-shell__nav[data-lifted] .u-shell__acts:hover .u-shell__fold[data-folds] { transition: none }
  }
  .u-shell__nav[data-lifted] .u-shell__here:focus-within .u-shell__crumb:not(:last-child) .u-shell__crumb-body { transition: opacity var(--quick) var(--ease-out) }
  @media (hover: hover) and (pointer: fine) {
    .u-shell__nav[data-lifted] .u-shell__here:hover .u-shell__crumb:not(:last-child) .u-shell__crumb-body { transition: opacity var(--quick) var(--ease-out) }
  }
  .u-shell__nav[data-lifted] .u-shell__acts:focus-within .u-shell__fold[data-folds] .u-shell__folded { transition: opacity var(--quick) var(--ease-out) }
  @media (hover: hover) and (pointer: fine) {
    .u-shell__nav[data-lifted] .u-shell__acts:hover .u-shell__fold[data-folds] .u-shell__folded { transition: opacity var(--quick) var(--ease-out) }
  }
}