/* Inverse monochrome tokens. Media and the four demos keep their own palettes. */
:root[data-theme="light"]{--tone-0000000b:#ffffff0b;--tone-0001:#ffffff11;--tone-0003:#ffffff33;--tone-0009:#ffffff99;--tone-101010:#efefef;--tone-111:#eeeeee;--tone-121212:#ededed;--tone-151515:#eaeaea;--tone-161616:#e9e9e9;--tone-16161630:#e9e9e930;--tone-171717:#e8e8e8;--tone-171917:#e7e7e7;--tone-171b14:#e8e8e8;--tone-1b1b19:#e5e5e5;--tone-1c1c1b:#e3e3e3;--tone-222:#dddddd;--tone-2222:#dddddd22;--tone-242424:#dbdbdb;--tone-242922:#dadada;--tone-252525:#dadada;--tone-252b20:#dadada;--tone-262a23:#d9d9d9;--tone-272923:#d9d9d9;--tone-373e31:#c8c8c8;--tone-444:#bbbbbb;--tone-454541:#bbbbbb;--tone-454545:#bababa;--tone-49563e:#b5b5b5;--tone-555:#aaaaaa;--tone-555e4c:#aaaaaa;--tone-575751:#aaaaaa;--tone-5c6e45:#a5a5a5;--tone-606b52:#a0a0a0;--tone-616359:#a0a0a0;--tone-626e55:#9d9d9d;--tone-656560:#9c9c9c;--tone-65685d:#9c9c9c;--tone-65685d18:#9c9c9c18;--tone-666:#999999;--tone-66705c:#999999;--tone-68521d:#b7b7b7;--tone-697655:#989898;--tone-6f6f66:#939393;--tone-707c62:#909090;--tone-71756b:#8f8f8f;--tone-72746b:#8f8f8f;--tone-72776a:#8e8e8e;--tone-727c64:#8e8e8e;--tone-73736c:#8e8e8e;--tone-73776f:#8c8c8c;--tone-74746b:#8e8e8e;--tone-74776c:#8d8d8d;--tone-74786b:#8d8d8d;--tone-74796c:#8c8c8c;--tone-747a6a:#8c8c8c;--tone-777:#888888;--tone-888:#777777;--tone-8b3838:#ababab;--tone-8e9780:#737373;--tone-92823a:#909090;--tone-999:#666666;--tone-999d8f:#686868;--tone-9ba88d:#646464;--tone-a55:#8e8e8e;--tone-a5a59e:#5c5c5c;--tone-a7a7a0:#5a5a5a;--tone-a8a8a0:#5a5a5a;--tone-aaa:#555555;--tone-b7b7b0:#4a4a4a;--tone-b8c2a9:#494949;--tone-bfc8b1:#424242;--tone-c3c3b8:#404040;--tone-c7cbbd:#3a3a3a;--tone-c7ccbd:#3a3a3a;--tone-c8c8be:#3a3a3a;--tone-c9cbbf:#393939;--tone-c9ccc1:#383838;--tone-cbd1bf:#363636;--tone-ccc:#333333;--tone-cccfc1:#363636;--tone-ced2c7:#323232;--tone-d0d0c6:#323232;--tone-d0d0c8:#323232;--tone-d1d1c6:#323232;--tone-d2d2ca:#303030;--tone-d4d9ca:#2d2d2d;--tone-d4dbb3:#343434;--tone-d5d5ce:#2c2c2c;--tone-d5d7ce:#2c2c2c;--tone-d5d8cb:#2c2c2c;--tone-d5d9cc:#2c2c2c;--tone-ddd:#222222;--tone-ddded4:#252525;--tone-dedfd7:#232323;--tone-e3e8d8:#1e1e1e;--tone-e6eadb:#1b1b1b;--tone-e7e7df:#1b1b1b;--tone-e7e8df:#1a1a1a;--tone-e7eadf:#1a1a1a;--tone-e7ecdd:#1a1a1a;--tone-e8ecdf:#191919;--tone-e9e9e0:#191919;--tone-e9ebdf:#191919;--tone-e9ebe1:#181818;--tone-e9ece1:#181818;--tone-e9ece2:#171717;--tone-e9ede1:#171717;--tone-eaeae3:#171717;--tone-ebeee2:#161616;--tone-eceee7:#141414;--tone-eee:#111111;--tone-eeeee8:#131313;--tone-f1e4bf:#232323;--tone-f1f1e8:#111111;--tone-f4f4ec:#0e0e0e;--tone-f4f5ee:#0d0d0d;--tone-f6f6ef:#0b0b0b;--tone-f7f7f1:#0a0a0a;--tone-f8f8f3:#090909;--tone-fff:#000000;--tone-ffffff24:#00000024;--tone-ffffff25:#00000025;--tone-ffffff30:#00000030;--ink:#ededed;--paper:#111;--muted:#aaa;--line:#444;color-scheme:dark}

:root{color-scheme:light}.demo{--ink:#161616;--paper:#f7f7f2;--muted:#72726e;--line:#dcdcd6;color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;flex-shrink:0;padding:7px;border:1px solid currentColor;border-radius:50px;font-size:10px;line-height:1}.theme-toggle>span:first-child{font-size:22px;display:inline-block;transition:transform 550ms var(--motion-ease)}.theme-toggle:hover>span:first-child{transform:rotate(180deg)}.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}.nav{gap:18px}.theme-label{padding-right:3px}
[data-theme="light"] .site-header,[data-theme="light"] .hero,[data-theme="light"] .closing,[data-theme="light"] .calc-preview{background:#f7f7f7;color:#141414;color-scheme:light}
[data-theme="light"] :is(.menu-toggle,.btn.outline-white){color:#171717}
[data-theme="light"] .btn.black{background:#eee;color:#111;border-color:#eee}
[data-theme="light"] .btn.white{background:#171717;color:#fff;border-color:#171717}
[data-theme="light"] .filter:is(:hover,.selected),[data-theme="light"] .device-switch .selected{background:#eee;color:#111;border-color:#eee}
[data-theme="light"] :is(.bubble.user,.reference-chip,.reply-chip.selected){color:#111}
[data-theme="light"] .assistant header,[data-theme="light"] .assistant header button{background:#eee;color:#111}
[data-theme="light"] .assistant form>button{background:#ddd;color:#111}
[data-theme="light"] .consultant-progress li.complete{background:#eee}
[data-theme="light"] :is(.calc-preview,.hero,.closing) :is(.section-label,.eyebrow,.hero-topline,.hero-bottom p,.hero-index,.ticker,.calc-preview p,.calc-sample small){color:#555}
[data-theme="light"] :is(.hero-art,.closing-symbol,.symbol-seed){color:#333}
[data-theme="light"] .closing .circle-link{background:#161616;color:#fff;outline-color:#3335}
[data-theme="light"] .closing:has(.circle-link:hover),[data-theme="light"] .closing:has(.circle-link:focus-visible){background:#171717;color:#fff}
[data-theme="light"] .closing:has(.circle-link:is(:hover,:focus-visible)) :is(.section-label,.footer-row,.closing-symbol){color:#bbb}
[data-theme="light"] .footer-row a:hover{color:inherit}
[data-theme="light"] #toast{background:#eee;color:#111}
[data-theme="light"] .demo-banner{background:#eee;color:#111}
[data-theme="light"] .demo-scope{border-color:#555}
[data-theme="light"] .demo-scope.compact{background:#222}
[data-theme="light"] .demo-scope p{color:#bbb}
[data-theme="light"] .demo-scope small{color:#aaa}
[data-theme="light"] :is(input,select,textarea){color-scheme:dark}
[data-theme="light"] .demo :is(input,select,textarea){color-scheme:light}
[data-theme="light"] .demo .theme-toggle{color-scheme:light}
.theme-transition .site-header,.theme-transition .assistant,.theme-transition .assistant-toggle,.theme-transition [data-portal-active]{view-transition-name:none!important}
.theme-transition::view-transition-old(root),.theme-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}
.theme-transition::view-transition-new(root){animation:theme-circle 720ms var(--motion-ease) both;z-index:1}
@keyframes theme-circle{from{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-radius) at var(--theme-x) var(--theme-y))}}
@media(max-width:1100px){.theme-label{display:none}.nav{gap:12px}}
@media(max-width:700px){.theme-toggle{min-width:40px;min-height:40px}.nav{gap:8px}.brand{margin-right:auto}.nav-cta{padding:10px 12px}.demo-banner{flex-wrap:wrap}.demo-banner .theme-toggle{min-width:32px;min-height:32px;padding:4px}.demo-banner>span{flex:1 1 50%}}
@media(prefers-reduced-motion:reduce){.theme-transition::view-transition-new(root){animation:none}}
.reduce-motion.theme-transition::view-transition-new(root){animation:none}
.theme-fallback :is(.site-header,.hero,.morph-seam,.models,.about,.closing,.calc-preview,.calc-sample,.estimate,.assistant,.consultant-progress,.consultant-compose,.bubble,.reply-chip,.field input,.field select,.field textarea){transition:background-color 300ms ease,color 300ms ease,border-color 300ms ease}.theme-fallback body{transition:background-color 300ms ease,color 300ms ease}
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none!important}
