@layer layout {
  .workspace-body { min-block-size:100dvh; display:flex; flex-direction:column }
  .workspace-header { inline-size:100%; min-block-size:98px; display:flex; align-items:center; gap:38px; border-block-end:1px solid var(--line) }
  .workspace-links { display:flex; gap:25px; margin-inline-start:auto; font-size:14px }
  .workspace-links a { padding-block:12px }
  .workspace-main { inline-size:100%; flex:1; padding-block:56px 72px }
  .workspace-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-block-end:29px }
  .workspace-heading .eyebrow { color:var(--wine); margin-block-end:13px }
  .workspace-heading h1 { font-size:clamp(34px,3vw,44px); letter-spacing:-.03em }
  .workspace-intro { font-size:14px; color:var(--muted); text-align:end }
  .workspace-notice { display:flex; align-items:center; gap:14px; margin-block-end:34px }
  .workspace-notice p { font-size:14px; color:var(--muted) }
  .workspace-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block-end:1px solid var(--line); margin-block-end:48px }
  .workspace-tabs [role=tab] { position:relative; padding-block:18px; background:transparent; color:var(--muted); font-family:var(--display); font-size:15px; text-align:start; border-block-end:2px solid transparent; transition:color .2s,border-color .2s }
  .workspace-tabs [role=tab][aria-selected=true] { color:var(--wine); border-block-end-color:var(--wine) }
  .workspace-tabs [role=tab]:hover { color:var(--wine) }
  .workspace-panel { min-inline-size:0; outline-offset:12px }
  .desk-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-block-end:32px }
  .desk-section-heading .eyebrow { color:var(--muted); margin-block-end:14px }
  .desk-section-heading h2 { font-size:clamp(27px,2.5vw,35px); letter-spacing:-.03em }
  .desk-section-heading .text-link { flex:none; font-size:14px }
  .desk-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); margin-block-end:45px; padding-block:26px }
  .desk-facts>div { min-inline-size:0; padding-inline:26px; border-inline-start:1px solid var(--line) }
  .desk-facts>div:first-child { padding-inline-start:0; border-inline-start:0 }
  .desk-facts dt,.inspector-facts dt { font-size:14px; color:var(--muted); margin-block-end:12px }
  .desk-facts dd { font-family:var(--display); font-size:23px; letter-spacing:-.035em; line-height:1.2 }
  .desk-tool-heading { margin-block-end:24px }
  .desk-tool-heading h3 { font-size:22px; letter-spacing:-.035em; margin-block-end:10px }
  .desk-tool-heading .muted { font-size:14px }
  .address-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 16px; align-items:end }
  .address-form input { font-family:var(--display); font-size:14px; letter-spacing:0 }
  .address-form .form-error { grid-column:1/-1; margin-block-start:10px }
  .desk-tool { max-inline-size:100%; margin-block-end:36px }
  .inspector-results { padding:25px 0; border-block:1px solid var(--line); margin-block-start:14px }
  .inspected-address { font-family:var(--display); font-size:14px; overflow-wrap:anywhere; margin-block-end:26px }
  .inspector-facts { display:grid; grid-template-columns:1.4fr 1fr; gap:30px }
  .inspector-facts dd { font-family:var(--display); font-size:21px; overflow-wrap:anywhere }
  .inspector-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-block:25px 15px }
  .inspector-footer .text-link { font-size:14px }
  .chain-monitor { padding-block:30px 0; border-block-start:1px solid var(--line); display:grid; grid-template-columns:1fr 1.8fr auto; gap:24px; align-items:center }
  .chain-monitor h3 { font-size:20px; letter-spacing:-.04em; margin-block-start:7px }
  .chain-monitor dl { display:flex; justify-content:space-between; gap:25px }
  .chain-monitor dt { font-size:14px; color:var(--muted); margin-block-end:4px }
  .chain-monitor dd { font-size:14px; font-variant-numeric:tabular-nums }
  .chain-monitor .form-error { grid-column:1/-1 }
  .panel-lead { font-size:14px; color:var(--muted); margin-block:-8px 32px; max-inline-size:650px }
  .vesting-desk { display:grid; grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr); border-block:1px solid var(--line) }
  .vesting-controls { padding:34px 48px 18px 0; border-inline-end:1px solid var(--line); display:grid; gap:20px; align-content:start }
  .vesting-output { padding:34px 0 28px 48px; min-inline-size:0 }
  .vesting-amount { display:flex; justify-content:space-between; align-items:flex-start; gap:24px }
  .vesting-amount .eyebrow { max-inline-size:130px; line-height:1.7; color:var(--muted) }
  .vesting-amount strong { font-family:var(--display); font-size:44px; line-height:1; font-weight:400; letter-spacing:-.045em; overflow-wrap:anywhere }
  .vesting-chart { margin-block:28px 12px }
  .vesting-chart svg { inline-size:100%; overflow:visible }
  .chart-grid { stroke:var(--line); stroke-width:1; fill:none }
  .chart-full { stroke:var(--sand); stroke-width:2; fill:none }
  .chart-progress { stroke:var(--wine); stroke-width:3; fill:none; transition:d .2s }
  .chart-now { stroke:var(--wine); stroke-width:1; stroke-dasharray:4 4; fill:none }
  .vesting-chart text { font-size:14px; fill:var(--muted); font-family:var(--font) }
  .vesting-split { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-block-end:24px }
  .vesting-split dt { font-size:14px; color:var(--muted); margin-block-end:8px }
  .vesting-split dd { font-family:var(--display); font-size:27px; line-height:1.2; overflow-wrap:anywhere }
  .vesting-progress { block-size:4px; background:var(--line); margin-block-end:9px; overflow:clip }
  .vesting-progress span { display:block; block-size:100%; inline-size:33%; background:var(--wine); transition:inline-size .25s }
  .vesting-rounding { margin-block-start:22px }
  .vesting-elapsed { padding-block-start:6px }
  .vesting-elapsed label { display:flex; justify-content:space-between; gap:15px; font-size:14px }
  .vesting-elapsed output { font-variant-numeric:tabular-nums }
  .vesting-elapsed input { inline-size:100%; margin-block:7px 1px }
  .range-labels { display:flex; justify-content:space-between; font-size:14px; color:var(--muted) }
  .launch-principles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; border-block:1px solid var(--line); padding-block:22px; margin-block-end:32px }
  .launch-principles dt { font-size:14px; color:var(--muted); margin-block-end:7px }
  .launch-principles dd { font-size:14px }
  .launch-form { display:grid; grid-template-columns:1fr 1fr; gap:24px }
  .launch-form select { appearance:none; padding-inline-end:12px }
  .launch-treasury,.fraction-control,.launch-action,.launch-form>.form-error { grid-column:1/-1 }
  .fraction-control>.field { margin-block-start:20px; max-inline-size:420px }
  .fraction-control .text-link { font-size:14px }
  .launch-action { display:flex; gap:24px; align-items:center; margin-block-start:6px }
  .launch-form>.form-error { margin-block-start:-10px }
  .launch-export { margin-block-start:25px; padding-block:25px; border-block:1px solid var(--line) }
  .launch-export>.eyebrow { color:var(--wine); margin-block-end:18px }
  .launch-export dl { display:grid; gap:10px; margin-block-end:20px }
  .launch-export dl>div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:25px; font-size:14px }
  .launch-export dt { color:var(--muted) }
  .launch-export dd { overflow-wrap:anywhere }
  .workspace-footnote { font-size:14px; color:var(--muted); margin-block-start:32px }
  .wallet-desk { border-block:1px solid var(--line); padding-block:12px 32px; max-inline-size:900px }
  .wallet-facts>div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:24px; padding-block:19px; border-block-end:1px solid var(--line); font-size:14px }
  .wallet-facts dt { color:var(--muted); font-size:14px }
  .wallet-facts dd { overflow-wrap:anywhere; font-family:var(--display) }
  .wallet-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-block:28px 18px }
  .wallet-actions .text-link { font-size:14px }
  .wallet-desk .form-error:empty { display:none }
  .wallet-desk .form-error:not(:empty) { padding-block-end:15px }
  .wallet-desk>.text-link { font-size:14px; margin-block-start:20px }
  .wallet-dialog-note { margin-block-start:18px }
  .workspace-footer { inline-size:100%; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; border-block-start:1px solid var(--line); padding-block:24px; color:var(--muted); font-size:14px }
  .workspace-footer a { text-decoration:underline; text-underline-offset:4px }
}
@layer components {
  .workspace-panel :is(input,select)[aria-invalid=true] { border-color:var(--wine); background:color-mix(in oklch,var(--wine) 4%,var(--paper-light)) }
  .workspace-panel [aria-busy=true] { cursor:progress }
  .workspace-panel .form-error { overflow-wrap:anywhere }
}
@layer layout {
@media(max-width:1000px) {
  .chain-monitor { grid-template-columns:1fr auto }
  .chain-monitor dl { grid-row:2; grid-column:1/-1; justify-content:flex-start; gap:50px }
  .chain-monitor>.button { grid-row:1; grid-column:2 }
  .vesting-controls { padding-inline-end:30px }
  .vesting-output { padding-inline-start:30px }
}
@media(max-width:640px) {
  .workspace-header { min-block-size:80px; gap:15px }
  .workspace-header .brand { font-size:18px }
  .workspace-header .brand svg { inline-size:22px; block-size:22px }
  .workspace-links { display:none }
  .workspace-header>.button { margin-inline-start:auto; font-size:14px; padding:9px 12px; min-block-size:40px }
  .workspace-main { padding-block:34px 46px }
  .workspace-heading { display:block; margin-block-end:23px }
  .workspace-heading h1 { font-size:35px }
  .workspace-intro { margin-block-start:15px; text-align:start; font-size:14px }
  .workspace-notice { gap:10px; align-items:flex-start; margin-block-end:22px }
  .workspace-notice p { font-size:14px; padding-block-start:3px }
  .workspace-tabs { margin-block-end:34px }
  .workspace-tabs [role=tab] { font-size:14px; padding-block:16px; min-block-size:48px }
  .desk-section-heading { display:block; margin-block-end:26px }
  .desk-section-heading h2 { font-size:29px; max-inline-size:310px }
  .desk-section-heading .text-link,.desk-section-heading>.tag { margin-block-start:20px }
  .desk-facts { display:block; padding-block:0; margin-block-end:32px }
  .desk-facts>div { display:flex; gap:20px; align-items:center; justify-content:space-between; border-inline-start:0; border-block-end:1px solid var(--line); padding:18px 0 }
  .desk-facts>div:last-child { border-block-end:0 }
  .desk-facts dt { margin-block-end:0; font-size:14px }
  .desk-facts dd { font-size:18px; text-align:end }
  .desk-tool-heading h3 { font-size:21px }
  .desk-tool-heading .muted { font-size:14px }
  .address-form { display:block }
  .address-form>.button { margin-block-start:16px; inline-size:100% }
  .address-form input { font-size:14px; padding-inline:10px }
  .address-form .form-error { margin-block-start:12px }
  .inspector-facts { display:block }
  .inspector-facts>div+div { margin-block-start:20px }
  .inspector-facts dd { font-size:20px }
  .inspector-footer { display:block }
  .inspector-footer>.text-link { margin-block-start:15px }
  .chain-monitor { gap:20px 12px; padding-block-start:26px }
  .chain-monitor h3 { font-size:18px }
  .chain-monitor .eyebrow { font-size:14px }
  .chain-monitor>.button { padding:9px 12px; font-size:14px }
  .chain-monitor dl { justify-content:space-between; gap:14px }
  .chain-monitor dt { font-size:14px }
  .chain-monitor dd { font-size:14px }
  .panel-lead { font-size:14px; margin-block:-5px 27px }
  .vesting-desk { display:block }
  .vesting-controls { padding:26px 0 20px; border-inline-end:0; border-block-end:1px solid var(--line); gap:18px }
  .vesting-output { padding:28px 0 18px }
  .vesting-amount strong { font-size:39px }
  .vesting-amount .eyebrow { font-size:14px }
  .vesting-chart { margin-block:24px 10px }
  .vesting-split { gap:16px }
  .vesting-split dt { font-size:14px }
  .vesting-split dd { font-size:27px }
  .launch-principles { grid-template-columns:1fr 1fr; gap:24px 18px; margin-block-end:27px }
  .launch-principles dd { font-size:14px }
  .launch-form { display:block }
  .launch-form>.field+.field { margin-block-start:20px }
  .fraction-control { margin-block-start:22px }
  .launch-action { display:block; margin-block-start:26px }
  .launch-action>.button { inline-size:100% }
  .launch-action>p { margin-block-start:13px }
  .launch-form>.form-error { margin-block-start:15px }
  .launch-export dl>div { display:block; font-size:14px }
  .launch-export dd { margin-block-start:5px }
  .launch-export dl { gap:16px }
  .wallet-facts>div { display:block; padding-block:17px }
  .wallet-facts dd { margin-block-start:8px; font-size:14px }
  .wallet-actions { gap:16px }
  .wallet-actions .button { inline-size:100% }
  .workspace-footer { gap:12px 22px; font-size:14px }
  .workspace-footer>p:last-child { inline-size:100% }
}
@media(forced-colors:active) {
  .workspace-tabs [aria-selected=true] { border-block-end-color:Highlight }
  .vesting-progress span { background:Highlight }
  .chart-progress,.chart-now { stroke:Highlight }
}
}