/* Public routes use the actual dashboard components in styles.css.
   Only public-content layout and responsive reflow belong here. */
@layer public-layout {
 .public-root .preview-bar>a{display:flex;align-items:center;gap:6px;font-size:10px}.public-root .preview-bar>a svg{width:12px;height:12px}
 .model-selector span{margin-left:7px;font-size:10px;color:var(--muted)}
 .public-plan-table table{min-width:0}.public-plan-table td:last-child{white-space:nowrap}
 .pub-section{margin-top:16px}.pub-section-head,.pub-pricing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
 .pub-section-head>a,.pub-model-foot>span:last-child,.pub-back,.pub-mini-bottom>a,.pub-support-card>span{display:flex;align-items:center;gap:6px;font-size:11px}.pub-section-head>a svg,.pub-model-foot svg,.pub-back svg,.pub-support-card>span svg{width:13px;height:13px}
 .pub-model-grid,.pub-two-col,.pub-support-grid,.pub-principles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pub-principles{grid-template-columns:repeat(3,1fr)}
 .pub-model-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.pub-model-top>svg{margin-left:auto}.pub-model-card>p{font-size:12px;line-height:1.7;margin:8px 0 12px}.pub-model-card h3{font-size:20px}.pub-model-icon{display:none}.pub-tags,.pub-detail-tags{display:flex;flex-wrap:wrap;gap:7px}.pub-tags span{font-size:10px;color:var(--muted)}.pub-model-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:13px;padding-top:10px;font-size:11px;color:var(--muted)}.pub-model-foot strong{color:var(--text)}
 .pub-model-detail{margin-top:12px}.pub-model-detail .page-head{display:block}.pub-model-detail .page-head p{max-width:650px}.pub-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
 .pub-comparison{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.pub-two-col>div>p,.pub-comparison p{font-size:12px;line-height:1.7;margin-top:9px}
 .public-root dl{margin:0}.public-root dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.public-root dt{color:var(--muted)}.public-root dd{margin:0;text-align:right}.pub-specs>p{font-size:11px;line-height:1.6;margin-top:12px}
 .pub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pub-plan-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:25px}.pub-plan>p{font-size:12px;margin:8px 0 12px}.pub-plan ul{list-style:none;padding:0;margin:12px 0 16px}.pub-plan li{display:flex;gap:7px;align-items:center;font-size:11px;margin:8px 0}.pub-plan li svg{width:13px;height:13px;color:var(--mint)}.pub-plan>.button{width:100%}.pub-plan-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:5px}.pub-pricing-toolbar>span{font-size:11px}.pub-disclosure{font-size:11px;line-height:1.75;margin-top:12px}.pub-muted{color:var(--muted);font-size:11px}
 .pub-faq details{border-bottom:1px solid var(--line)}.pub-faq summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:12px;padding:12px 0;list-style:none}.pub-faq summary::-webkit-details-marker{display:none}.pub-faq summary svg{width:13px;height:13px}.pub-faq details[open] summary svg{transform:rotate(45deg)}.pub-faq details p{font-size:12px;line-height:1.75;padding-bottom:12px}
 .pub-doc-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:24px}.pub-doc-layout>aside{position:sticky;top:20px;align-self:start}.pub-doc-layout nav{display:flex;flex-direction:column;gap:4px}.pub-doc-layout nav>a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;font-size:11px}.pub-doc-layout nav>a svg{width:12px;height:12px}.pub-doc-layout nav>a[aria-current]{color:var(--mint);font-weight:600}.pub-doc-layout .pub-eyebrow{font-size:9px;color:var(--muted);margin-bottom:12px}.pub-doc-help{display:flex;gap:7px;align-items:center;font-size:11px;margin:18px 8px}.pub-doc-article{min-width:0}.pub-doc-article h2{margin:21px 0 10px}.pub-doc-article p{font-size:12px;line-height:1.8;margin:10px 0 14px}.pub-doc-fields dd{max-width:500px;line-height:1.7}.pub-doc-fields dt small{display:block}.pub-doc-notice{font-size:11px;line-height:1.7;margin:14px 0}.pub-endpoint{display:flex;gap:12px;align-items:center;margin:16px 0}.pub-endpoint b{font-size:11px;color:var(--mint)}
 .pub-access-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.pub-access-steps{list-style:none;margin:16px 0;padding:0}.pub-access-steps li{display:flex;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.pub-access-steps li>span{font:11px var(--mono);color:var(--mint)}.pub-access-steps h3{font-size:13px}.pub-access-steps p{font-size:12px;margin-top:5px;line-height:1.6}.pub-access-form>p{font-size:12px;margin:7px 0 16px}.pub-access-form label{font-size:12px;margin-top:12px}.pub-access-form textarea{width:100%;min-height:95px;resize:vertical;font:inherit;font-size:12px;padding:8px 10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px}.pub-consent{display:flex;align-items:flex-start;gap:9px;line-height:1.7;font-size:11px!important}.pub-consent input{flex-shrink:0;margin-top:3px}.pub-access-form button[type=submit]{width:100%;margin-top:12px}.pub-form-error{color:var(--red);font-size:12px}.pub-form-error:empty{display:none}.pub-access-signin{border-top:1px solid var(--line);padding-top:13px;margin-bottom:0!important}.pub-access-signin a{display:inline-flex;align-items:center;gap:5px}.pub-access-signin svg{width:12px;height:12px}.pub-success{padding:15px 0}.pub-success>svg{color:var(--mint);margin-bottom:12px}.pub-success p{font-size:12px;line-height:1.7;margin:12px 0}.pub-success .button{margin:5px 7px 5px 0}
 .pub-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px}.pub-cta>div:first-child>span{font-size:9px;color:var(--muted)}.pub-cta h2{margin-top:5px}.pub-cta>.pub-cta-actions{display:flex;gap:8px;flex-wrap:wrap}.pub-about-statement>span{font-size:10px;color:var(--muted)}.pub-about-statement h2{margin:10px 0}.pub-about-statement p{font-size:13px;line-height:1.8;max-width:720px}.pub-principles article{border-top:1px solid var(--line);padding-top:12px}.pub-principles article>span{font:10px var(--mono);color:var(--muted)}.pub-principles h3{margin:8px 0}.pub-principles p{font-size:12px;line-height:1.75}.pub-support-card>svg{color:var(--mint);margin-bottom:12px}.pub-support-card p{font-size:12px;line-height:1.7;margin:9px 0 13px}
 @media(max-width:940px){.pub-doc-layout{grid-template-columns:155px minmax(0,1fr);gap:16px}.pub-access-layout{grid-template-columns:1fr}.pub-cta{align-items:flex-start;flex-direction:column}}
 @media(max-width:700px){.public-plan-table td,.public-plan-table th{padding:9px 8px;font-size:10px}.public-plan-table td .text-button{font-size:10px}.public-plan-table td:last-child svg{display:none}.model-selector span{font-size:9px;margin-left:4px}.pub-model-grid,.pub-two-col,.pub-support-grid,.pub-principles,.pub-comparison,.pub-plans{grid-template-columns:1fr}.pub-doc-layout{grid-template-columns:1fr;gap:18px}.pub-doc-layout>aside{position:static}.pub-doc-layout nav{display:grid;grid-template-columns:1fr 1fr}.pub-doc-help{display:none}.pub-doc-fields>div{flex-direction:column;gap:6px!important}.pub-doc-fields dd{text-align:left}.pub-model-foot{flex-wrap:wrap}.pub-section-head{align-items:flex-start}.public-root .page-head{flex-wrap:wrap}}
}
/* Content composition using native dashboard surfaces and controls. */
@layer public-layout {
 .public-model-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.public-promise-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding:10px 14px;margin-bottom:16px}.public-promise-bar>span{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.public-promise-bar strong{font-weight:500;color:var(--text)}.public-promise-bar svg{width:13px;height:13px;color:var(--mint)}.offer-section{margin:0;min-height:23px}.plan-family-note{margin-top:5px;font-size:10px}.offer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:10px 0}.offer-detail-grid .detail-row{font-size:11px}.offer-timeline h3{font-size:12px;margin-bottom:4px}.offer-timeline p{font-size:11px;line-height:1.7;color:var(--muted)}.offer-timeline li{align-items:flex-start;gap:10px}.offer-timeline .timeline-icon{flex-shrink:0}.beta-timeline small{font-size:10px;line-height:1.6}.beta-timeline p{font-size:11px}.beta-timeline li{gap:10px;align-items:flex-start}.beta-timeline .timeline-icon{flex-shrink:0}.public-root .right-stack .feature-list{gap:5px}
 @media(max-width:1100px){.model-summary .model-sculpture{opacity:.25}.public-plan-table .plan-choice{font-size:11px}.public-plan-table td,.public-plan-table th{padding-inline:10px}}
 @media(max-width:700px){.public-model-pair{grid-template-columns:1fr}.public-promise-bar{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px}.public-promise-bar>span{font-size:9px;gap:5px}.public-promise-bar svg{width:11px;height:11px}.public-plan-table .plan-choice{font-size:10px;gap:5px}.plan-choice small{display:none}.plan-marker{width:8px;height:8px}.stream-count{gap:4px;font-size:10px}.stream-slots i{width:4px;height:9px}.public-plan-table td,.public-plan-table th{padding:9px 6px}.public-plan-table td .pill{font-size:9px;padding:2px 4px}.offer-detail-grid{grid-template-columns:1fr;gap:0;margin-block:10px}.plan-family-note{font-size:9px}.public-promise-bar strong{font-weight:400}}
}

/* Public offers use the dashboard's material with a tier-specific hierarchy. */
@layer public-layout {
 .home-explanation{margin:0 0 16px;align-items:start}.home-explanation .offer-timeline{margin-bottom:0}.home-pricing{margin:0 0 20px}.home-pricing>.section-head .note{margin-top:4px}.home-plan-family{margin-top:17px}.home-plan-family>.section-head{margin-bottom:10px}.family-heading{display:flex;align-items:center;gap:9px}.family-heading p{font-size:10px;margin-top:3px}.family-emblem{display:grid;place-items:center;width:30px;height:30px;border:1px solid #456181;border-radius:6px;color:#b6cfea;background:linear-gradient(#253a51,#101a27);box-shadow:inset 0 1px #ffffff16,0 2px 3px #0008}.family-emblem svg{width:16px;height:16px}.qwen .family-emblem{color:#acd8bd;border-color:#416c55;background:linear-gradient(#213e30,#101f17)}
 .offer-family{--family-light:#b5cfe9;--family-edge:#344556;--family-dark:#0b1420;--family-sheen:#142235;--family-ink:#05090f}.offer-family.qwen{--family-light:#abd4ba;--family-edge:#344d3d;--family-dark:#101e16;--family-sheen:#1b2e22;--family-ink:#080e0b}
 .pub-plans,.pub-plans.qwen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.pub-plans.qwen{grid-template-columns:repeat(5,minmax(0,1fr))}
 .public-root .pub-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border-top-color:#47494c;box-shadow:inset 0 1px #ffffff06,0 2px 5px #0007;transition:border-color .22s,box-shadow .22s}
 .public-root .pub-plan:hover,.public-root .pub-plan:focus-within{border-color:var(--family-edge);box-shadow:inset 0 1px #ffffff0e,0 2px 5px #0007}
 .tier-cap{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 12px;border-bottom:1px solid #ffffff08;background:linear-gradient(#ffffff06,#ffffff01);box-shadow:inset 0 1px #ffffff05}.tier-cap h3{font-size:13px;text-shadow:none}.tier-badge{font-size:8px;line-height:1.5;border:1px solid var(--family-edge);border-bottom-color:#ffffff12;border-radius:3px;padding:2px 5px;color:var(--family-light);background:linear-gradient(var(--family-dark),#0007);box-shadow:inset 0 1px #ffffff08;white-space:nowrap}
 .tier-body{display:flex;flex:1;flex-direction:column;padding:12px;background:radial-gradient(ellipse at 95% 0,#ffffff03,transparent 75%)}
 .tier-body .pub-plan-price{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin:0 0 5px;text-shadow:none}.pub-plan-price small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:4px;white-space:nowrap}
 .tier-body .tier-description{font-size:10px;line-height:1.6;margin:0;color:var(--muted)}
 .pub-plan .tier-features{margin:10px 0 8px;padding:9px 0 0;border-top:1px solid var(--line);box-shadow:inset 0 1px #0008;list-style:none;display:flex;flex-direction:column;gap:6px}
 .pub-plan .tier-features li{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.5;margin:0}.tier-features li strong{font-weight:550}.pub-plan .tier-features svg{width:12px;height:12px;color:var(--family-light);margin-top:1px}.tier-features .tier-unlimited{color:var(--family-light);padding-bottom:3px}
 /* [claude-opus-5-5 2026-10-01] Owner: tier actions take their theme's own button colours (Studio included: the old
    translucent material read as pure black on the tinted cards). */
 .tier-body>.button{width:100%;margin-top:auto;font-size:11px;padding:7px 8px}
 [data-theme] .public-root .pub-plan.ultra{border-color:var(--family-edge);border-top-color:var(--family-edge);background:linear-gradient(150deg,var(--family-ink),#080a0b 75%)}.ultra .tier-cap{background:linear-gradient(var(--family-sheen),var(--family-dark));color:var(--family-light)}.ultra .tier-body>.button{border-color:var(--family-edge);background:linear-gradient(var(--family-sheen),var(--family-dark));color:var(--family-light)}
 .dedicated .tier-cap{background:linear-gradient(#252628,#191a1c);border-top-color:#45474a}.dedicated .tier-badge{border-color:#44484c;color:#c4c9d0;background:linear-gradient(#24272a,#181a1c)}.dedicated .tier-body{background:linear-gradient(140deg,#ffffff04,transparent 70%)}
 .founding-offer{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--family-edge);border-top-color:var(--family-edge);border-radius:6px;background:radial-gradient(ellipse at 75% 0,var(--family-dark),transparent 75%),linear-gradient(115deg,#101112,#080a0b);box-shadow:inset 0 1px #ffffff07,0 2px 4px #0007;color:#e8edef}.founding-copy{flex:1}.founding-copy h3{font-size:12px;color:#e8edef}.founding-copy h3>span{margin-left:7px;font-size:10px;font-weight:400;color:var(--family-light)}.founding-copy p{margin-top:4px;font-size:10px;line-height:1.6;color:#acb7bf}.founding-price{display:flex;gap:7px;align-items:baseline;white-space:nowrap}.founding-price s{font-size:11px;color:#9ca7ae}.founding-price .pub-plan-price{font-size:24px;letter-spacing:-.6px;color:#f0d5a4;line-height:1.25;margin:0}.founding-price small{font-size:10px;color:#adbbc5}.founding-offer>.button{font-size:10px;color:var(--family-light);border-color:var(--family-edge);background:linear-gradient(var(--family-sheen),var(--family-dark));box-shadow:inset 0 1px #ffffff08,0 1px 2px #0007}
 .home-onboarding .right-stack{align-self:start}.public-root .home-code{margin-top:0}
/* [claude-opus-5-5 2026-10-05] The open beta banner also shows in the workspace (signed in, no plan yet), so its rules
   apply under .workspace-root as well as .public-root. */
 [data-theme] :is(.public-root,.workspace-root) .home-model-qwen,[data-theme] .public-root .pub-model-detail.qwen,[data-theme] .public-root .pub-model-card.qwen{background:radial-gradient(ellipse at 105% 35%,#224d35 0%,#122f20 23%,#091a11 43%,transparent 68%),linear-gradient(105deg,#020403,#030704 46%,#09170e);border-color:#345442;border-top-color:#557961;color:#edf5ef}
 [data-theme] :is(.public-root,.workspace-root) .home-model-qwen .model-sculpture i{border-top-color:#a4dbaf70;border-left-color:#83b69345;border-bottom-color:#173121;background:linear-gradient(150deg,#c8ffd50d,#1b302405)}
 [data-theme] :is(.public-root,.workspace-root) .home-model-qwen .model-symbol{background:linear-gradient(#345441,#1b2e23);border-color:#608b70;color:#d2ead8}
 [data-theme] :is(.public-root,.workspace-root) .home-model-qwen::after{background:linear-gradient(90deg,transparent,#b4e0bc70,transparent)}
 [data-theme] :is(.public-root,.workspace-root) .home-model-qwen h2,[data-theme] .public-root .pub-model-detail.qwen h1,[data-theme] .public-root .pub-model-card.qwen h3{color:#edf5ef}
 [data-theme] .public-root .pub-model-card.qwen p,[data-theme] .public-root .pub-model-detail.qwen p{color:#b1bfb6}
 [data-theme] .public-root .offer-timeline li:nth-child(1) .timeline-icon{background:linear-gradient(#304735,#182b20);border:1px solid #52775d;color:#bce0c7}
 [data-theme] .public-root .offer-timeline li:nth-child(2) .timeline-icon{background:linear-gradient(#2b4246,#192a2e);border:1px solid #51737a;color:#bbdce1}
 [data-theme] .public-root .offer-timeline li:nth-child(3) .timeline-icon{background:linear-gradient(#44392a,#282015);border:1px solid #766144;color:#e7c992}
 @container public-content (max-width:839px){.founding-copy h3>span{display:block;margin:3px 0 0}.founding-offer{gap:9px}}
 @media(max-width:940px){.home-explanation{grid-template-columns:1fr}.founding-offer{flex-wrap:wrap}.founding-copy{flex-basis:60%}.founding-price{margin-left:42px}.founding-offer>.button{margin-left:auto}}
 @media(max-width:700px){.tier-cap{flex-wrap:wrap;padding:9px 10px;align-content:center;gap:5px}.tier-body{padding:10px}.tier-body .pub-plan-price{font-size:26px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px}.tier-body .pub-plan-price small{margin-left:0;font-size:9px}.tier-body .tier-description{min-height:0}.pub-plan .tier-features{gap:6px}.pub-plan .tier-features li{font-size:10px}.tier-body>.button{font-size:10px;gap:4px;padding-inline:4px}.tier-body>.button svg{width:12px;height:12px}.family-heading h2{font-size:14px}.home-plan-family>.section-head>.text-button{font-size:10px}.home-pricing>.section-head{align-items:flex-start}.founding-copy h3{font-size:11px}.founding-price{margin-left:0}.founding-copy h3>span{font-size:9px}.founding-offer{padding:10px}.founding-offer>.button{font-size:9px;padding:7px}.home-explanation .panel-top{flex-wrap:wrap}}
 @media(max-width:370px){.tier-cap{min-height:0;flex-wrap:nowrap}.tier-body .tier-description{min-height:0}}
}

/* Studio accents stay near black; saved neutral and blue themes keep their identity. */
@layer public-layout {
 [data-theme=studio] :is(.public-root,.workspace-root) .home-model-glm{background:radial-gradient(ellipse at 105% 35%,#10263d 0%,#09192b 23%,#050d17 43%,transparent 68%),linear-gradient(105deg,#020304,#030507 46%,#050c15)}
 [data-theme=studio] :is(.public-root,.workspace-root) .button.primary{background:linear-gradient(#142338,#0b1522 60%,#070d15);border-color:#34465d;box-shadow:inset 0 1px #ffffff0b,0 2px 4px #0007;color:#e1e8f2}
 [data-theme=studio] :is(.public-root,.workspace-root) .button.primary:not(.control-surface):hover{background:linear-gradient(#1c2d43,#101c2b);border-color:#455c76}
 .glm .family-emblem{background:linear-gradient(#17283b,#0b121d);border-color:#34465b}
}

/* Small public-page refinements, using the existing surface and type scale. */
@layer public-layout {
 .model-summary{display:flex;flex-direction:column;align-items:flex-start}
 .model-summary .model-tags{margin-top:auto;flex-wrap:wrap;align-items:center;width:100%;box-sizing:border-box;padding-right:40px}
 .model-summary .model-tags>span{flex:0 0 auto;white-space:nowrap}
 .public-root .pub-plan-price,.founding-price,.offer-detail-grid strong{font-variant-numeric:tabular-nums}
 .tier-body .pub-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px}
 .tier-body .pub-plan-price small{margin-left:0}
 .public-root .text-button:focus-visible,.public-root .pub-back:focus-visible{border-radius:3px;outline-offset:4px}
 .public-root .button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0007}
 .public-root .icon-button.copy-confirmed{color:#b8dcc5;background:linear-gradient(#1a2c20,#111b15);box-shadow:inset 0 1px #ffffff08}
 .public-root .pub-model-card,.public-root .pub-support-card{transition:border-color .18s,box-shadow .18s}
 .public-root .pub-model-card:hover,.public-root .pub-model-card:focus-visible,.public-root .pub-support-card:hover,.public-root .pub-support-card:focus-visible{border-color:#4e5863;box-shadow:inset 0 1px #ffffff0a,0 3px 8px #0007}
 .public-root .pub-model-card.qwen:hover{border-color:#4b7058}
 [data-theme=studio] .public-root .pub-model-card.glm{background:radial-gradient(ellipse at 100% 0,#102238,transparent 65%),linear-gradient(120deg,#080b0f,#04070a);border-color:#304254}
 .pub-model-foot>span:last-child{color:var(--mint)}
 .pub-doc-layout nav>a{border:1px solid transparent;border-radius:5px;transition:background .16s,border-color .16s}
 .pub-doc-layout nav>a:hover{background:#ffffff04;border-color:var(--line)}
 .pub-doc-layout nav>a[aria-current]{background:linear-gradient(#ffffff07,#ffffff02);border-color:var(--line);box-shadow:inset 0 1px #ffffff06;color:var(--text)}
 .pub-doc-layout nav>a svg{flex-shrink:0;color:var(--subtle)}
 .pub-doc-article>p{max-width:78ch}
 .pub-doc-article>pre{border:1px solid var(--line);border-radius:6px;background:linear-gradient(#080a0c,#0c0e10);box-shadow:inset 0 1px 3px #0006}
 .pub-doc-article .pub-endpoint{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:10px}
 .pub-doc-article .pub-endpoint b{color:#a9d3bb;font-size:10px;padding:3px 6px;border:1px solid #344e3f;border-radius:3px;background:linear-gradient(#1b2b20,#111b15)}
 .pub-faq summary{border-radius:4px;padding-inline:8px;margin-inline:-8px;transition:background .16s,color .16s}
 .pub-faq summary:hover,.pub-faq details[open]>summary{background:#ffffff04;color:var(--text)}
 .pub-faq summary svg{flex-shrink:0;color:var(--subtle);transition:transform .18s}
 .pub-faq details p{max-width:80ch}
 .pub-access-form label>span{color:var(--subtle);font-size:10px;margin-left:5px}
 .pub-access-form input:not([type=checkbox]):focus,.pub-access-form textarea:focus,.pub-access-form select:focus{border-color:#52667e;box-shadow:inset 0 1px 3px #0007,0 0 0 2px #58779a18}
 .pub-access-form .pub-consent>span{margin-left:0;color:var(--muted);font-size:11px}
 .pub-access-form .pub-consent{cursor:pointer}
 .pub-access-form optgroup{font-weight:600}
 .pub-access-form button[type=submit]:disabled{opacity:.7}
 .pub-success>svg{width:26px;height:26px;padding:4px;border:1px solid #42654e;border-radius:6px;background:linear-gradient(#24392a,#101d15);color:#c2e3cd;box-shadow:inset 0 1px #ffffff0b}
 @media(prefers-reduced-motion:reduce){.public-root .button:active{transform:none}}
}

/* Full-width application chrome with a compact, independently sized page. */
@layer public-layout {
 .public-root.shell{width:100%;max-width:none;margin-inline:0}
 .public-root .main-shell{min-width:0}
 .public-root .content{width:100%;max-width:960px;min-width:0;margin-inline:auto;container:public-content / inline-size}
 .public-root .pub-model-grid>*,.public-root .pub-two-col>*,.public-root .pub-access-layout>*{min-width:0}
 @media(min-width:1280px){
  .public-root .model-sculpture{width:108px;height:108px}
 }
 @media(max-height:720px){
  .public-root .sidebar{overflow-y:auto;overscroll-behavior:contain}
 }
}

/* Original unlimited promise, presented as a compact service specification. */
@layer public-layout {
 .public-root .unlimited-card{min-width:0}
 .public-root .unlimited-promise{display:flex;align-items:flex-start;gap:10px;margin:12px 0}
 .public-root .unlimited-seal{display:grid;place-items:center;flex-shrink:0;width:31px;height:34px;border:1px solid #4f6d5c;border-top-color:#718b7b;border-radius:6px;background:linear-gradient(145deg,#2a3e32,#111c16);color:#bde0c8;box-shadow:inset 0 1px #ffffff18,0 2px 3px #0006}
 .public-root .unlimited-seal svg{width:18px;height:18px}
 .public-root .unlimited-promise h3{font-size:13px;line-height:1.45;color:var(--text)}
 .public-root .unlimited-promise p{font-size:11px;line-height:1.6;margin-top:3px;color:var(--muted)}
 .public-root .unlimited-allowances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 12px;padding:9px 0;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#00000035,#00000012);box-shadow:inset 0 2px 3px #0004,0 1px #ffffff08}
 .public-root .unlimited-allowances>div{display:block;border-bottom:0;padding:0 10px;border-right:1px solid var(--line)}
 .public-root .unlimited-allowances>div:last-child{border-right:0}
 .public-root .unlimited-allowances dt{font-size:10px;color:var(--muted);line-height:1.4}
 .public-root .unlimited-allowances dd{text-align:left;display:flex;align-items:center;gap:5px;margin:5px 0 0;font-size:14px;font-weight:550;color:#bde0c8}
 .public-root .unlimited-allowances dd svg{width:12px;height:12px}
 .public-root .unlimited-specs{margin:0}
 .public-root .unlimited-specs>div{display:grid;grid-template-columns:minmax(145px,.9fr) minmax(0,1.2fr);align-items:start;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
 .public-root .unlimited-specs>div:last-child{border-bottom:0}
 .public-root .unlimited-specs dt{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}
 .public-root .unlimited-specs dt svg{width:13px;height:13px;color:var(--mint)}
 .public-root .unlimited-specs dd{margin:0;font-size:11px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
 .public-root .unlimited-specs dd strong{font-weight:600}
 .public-root .unlimited-specs dd span, .public-root .unlimited-specs small{color:var(--muted)}
 .public-root .unlimited-specs small{display:block;margin-top:3px;font-size:10px}
 .public-root .unlimited-specs em{font-style:normal;color:#bde0c8}
 .public-root .unlimited-capacity{margin:10px -16px -16px;padding:11px 16px;border-top:1px solid var(--line);background:linear-gradient(#ffffff04,transparent);box-shadow:inset 0 1px #ffffff04}
 .public-root .unlimited-capacity h3{font-size:11px;line-height:1.5;color:var(--text)}
 .public-root .unlimited-capacity p{font-size:11px;line-height:1.6;margin-top:4px}
 [data-theme=silver] .unlimited-allowances dd,[data-theme=silver] .unlimited-specs em{color:#a9d6b7}
 @media(max-width:700px){
  .public-root .unlimited-allowances{grid-template-columns:1fr 1fr;gap:10px 0}
  .public-root .unlimited-allowances>div:nth-child(2){border-right:0}
  .public-root .unlimited-specs>div{grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);gap:8px}
  .public-root .unlimited-capacity{margin-inline:-14px;margin-bottom:-14px;padding-inline:14px}
 }
}

/* Related header materials, fitted to each card's content and hierarchy. */
@layer public-layout {
 :is(.public-root,.workspace-root) .public-headed-card{--cap-x:16px;--cap-y:16px}
 :is(.public-root,.workspace-root) .public-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1/-1;align-self:stretch;margin:calc(-1 * var(--cap-y)) calc(-1 * var(--cap-x)) 12px;padding:12px var(--cap-x) 11px;min-width:0;flex-wrap:wrap;background:linear-gradient(115deg,#ffffff06,transparent 75%),linear-gradient(#ffffff02,transparent);box-shadow:inset 0 1px #ffffff06}
 :is(.public-root,.workspace-root) .public-card-header::after{content:"";position:absolute;left:var(--cap-x);right:var(--cap-x);bottom:0;height:1px;background:linear-gradient(90deg,#ffffff16,#ffffff09 75%,transparent);box-shadow:0 1px #0005;pointer-events:none}
 :is(.public-root,.workspace-root) .public-card-header>:is(h2,h3){font-size:15px;font-weight:550;line-height:1.4;margin:0;letter-spacing:-.25px;color:var(--text);text-shadow:0 1px 1px #0005}
 :is(.public-root,.workspace-root) .public-card-header>.pill{font-size:9px;padding:2px 6px}
 :is(.public-root,.workspace-root) .public-headed-card>.field-copy{margin-top:0}
 :is(.public-root,.workspace-root) .public-headed-card>.timeline{margin-top:0}
 :is(.public-root,.workspace-root) .public-headed-card>.timeline>li:first-child{padding-top:0}
 :is(.public-root,.workspace-root) .public-headed-card>.timeline>li:last-child{padding-bottom:0}
 :is(.public-root,.workspace-root) .connection-panel>.public-card-header{margin-bottom:10px}
 :is(.public-root,.workspace-root) .connection-panel>.public-card-header h2{color:var(--text)}
 /* Model names belong to the coloured surface, with no separate title-bar box. */
 :is(.public-root,.workspace-root) :is(.public-model-pair .public-headed-card,.workspace-model){--cap-x:18px}
 :is(.public-root,.workspace-root) .public-model-header{display:block;z-index:2;padding-top:var(--cap-y);padding-bottom:0;margin-bottom:0;background:linear-gradient(120deg,#ffffff05,transparent 70%);box-shadow:inset 0 1px #ffffff06}
 :is(.public-root,.workspace-root) .public-model-header::after{display:none}
 :is(.public-root,.workspace-root) .public-model-header .model-top,:is(.public-root,.workspace-root) .public-model-header .pub-model-top{margin:0}
 :is(.public-root,.workspace-root) .public-model-header>:is(h2,h3){font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:10px 0 2px;color:inherit}
 :is(.public-root,.workspace-root) .pub-model-card .public-model-header>h3{font-size:20px}
 /* Help cards keep their recognisable icon; editorial statements keep a lead title. */
 :is(.public-root,.workspace-root) .pub-support-card>.public-card-header{justify-content:flex-start;gap:10px}
 :is(.public-root,.workspace-root) .pub-support-card>.public-card-header svg{margin:0;width:29px;height:29px;padding:6px;flex-shrink:0;border:1px solid var(--line);border-top-color:#ffffff25;border-radius:5px;background:linear-gradient(#ffffff0b,#0002);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0005;color:var(--mint)}
 :is(.public-root,.workspace-root) .public-header-stack{align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:0;background:linear-gradient(115deg,#ffffff04,transparent 75%)}
 :is(.public-root,.workspace-root) .public-header-stack::after{display:none}
 :is(.public-root,.workspace-root) .public-header-stack>span{font-size:9px;letter-spacing:.7px;color:var(--muted)}
 :is(.public-root,.workspace-root) .public-header-stack>h2{font-size:20px;letter-spacing:-.5px}
 @media(max-width:700px){
  :is(.public-root,.workspace-root) .public-headed-card{--cap-x:14px;--cap-y:14px}
  :is(.public-root,.workspace-root) :is(.public-model-pair .public-headed-card,.workspace-model){--cap-x:15px;--cap-y:15px}
  :is(.public-root,.workspace-root) .public-card-header{padding-top:11px;padding-bottom:10px}
  :is(.public-root,.workspace-root) .public-model-header{padding-top:var(--cap-y);padding-bottom:0}
  :is(.public-root,.workspace-root) .public-header-stack{padding-bottom:0}
 }
}

/* Reflow offers only when their actual content area runs out of room. */
@layer public-layout {
 :is(.public-root,.workspace-root) .quick-link p{max-width:none}
 :is(.public-root,.workspace-root) .pub-plans{grid-template-columns:repeat(4,minmax(0,1fr))}
 :is(.public-root,.workspace-root) .pub-plans.qwen{grid-template-columns:repeat(5,minmax(0,1fr))}
 @container public-content (max-width:839px){:is(.public-root,.workspace-root) .pub-plans.qwen{grid-template-columns:repeat(4,minmax(0,1fr))}}
 @container public-content (max-width:719px){:is(.public-root,.workspace-root) .pub-plans,:is(.public-root,.workspace-root) .pub-plans.qwen{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @container public-content (max-width:539px){:is(.public-root,.workspace-root) .pub-plans,:is(.public-root,.workspace-root) .pub-plans.qwen{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @container public-content (max-width:320px){:is(.public-root,.workspace-root) .pub-plans,:is(.public-root,.workspace-root) .pub-plans.qwen{grid-template-columns:1fr}}
}

/* Qwen: layered jade plates, a companion to GLM's rounded contour sculpture. */
@layer public-layout {
 [data-theme] :is(.public-root,.workspace-root) :is(.home-model-qwen,.pub-model-card.qwen,.pub-model-detail.qwen) .qwen-sculpture i{
  inset:auto;left:calc(13px + var(--i)*2px);top:calc(2px + var(--i)*4px);
  width:68px;height:68px;border-radius:12px;z-index:calc(9 - var(--i));
  transform:rotate(45deg) skew(-10deg,-10deg);
  border:1px solid #6eaa8760;border-top-color:#bbe5c37a;border-left-color:#9dceaa60;border-bottom-color:#122c1c;
  background:linear-gradient(135deg,#264d39e6,#0e281bf2 60%,#071b12f2);
  box-shadow:inset 0 1px 1px #d3f7d91a,inset -1px -1px 2px #020c0870,2px 3px 4px #0005;
 }
 [data-theme] :is(.public-root,.workspace-root) :is(.home-model-qwen,.pub-model-card.qwen,.pub-model-detail.qwen) .qwen-sculpture i:first-child{background:linear-gradient(135deg,#365e47e6,#153723ee 60%,#0a2016f2)}
}

/* Secondary pages use the same materials, with layouts fitted to their purpose. */
@layer public-layout {
 [data-theme=studio] .public-root :is(.pub-model-card.glm,.pub-model-detail.glm){background:radial-gradient(ellipse at 105% 35%,#10263d 0%,#09192b 23%,#050d17 43%,transparent 68%),linear-gradient(105deg,#020304,#030507 46%,#050c15);border-color:#34465d;border-top-color:#536781}
 .public-root .pub-model-grid{align-items:stretch}
 .public-root .pub-model-card{position:relative;display:flex;flex-direction:column;isolation:isolate}
 .public-root .pub-model-card>.model-sculpture{top:19px;right:22px;opacity:.34;z-index:-1}
 .public-root .pub-model-card>p{position:relative;margin-top:8px}
 .public-root .pub-model-card .pub-tags{gap:5px;margin:0 0 13px}
 .public-root .pub-model-card .pub-tags>span{padding:2px 6px;border:1px solid #ffffff16;border-radius:4px;background:#0003;box-shadow:inset 0 1px #ffffff06;color:#c5d4e4}
 .public-root .pub-model-card.qwen .pub-tags>span{color:#bfdac8;border-color:#8bab952c}
 .public-root .pub-model-card .pub-model-foot{margin-top:auto;padding-top:11px;border-top-color:#ffffff16}
 .public-root .pub-model-foot>span:last-child{color:#bed5ed}
 .public-root .pub-model-card.qwen .pub-model-foot>span:last-child{color:#bedcc8}
 .public-root .pub-model-detail{position:relative;isolation:isolate}
 .public-root .pub-model-detail>.model-sculpture{top:28px;right:37px;opacity:.48;z-index:-1}
 .public-root .pub-model-detail .page-head{max-width:calc(100% - 140px);margin-bottom:13px}
 .public-root .pub-model-detail .pub-hero-actions{margin-top:13px}
 .public-root .model-information,.public-root .pricing-explanation{align-items:start}
 .public-root .model-purpose>p,.public-root .pricing-explanation>.panel>p{font-size:12px;line-height:1.75;margin:0 0 12px}
 .public-root .model-purpose>p:last-child,.public-root .pricing-explanation>.panel>p:last-child{margin-bottom:0}
 .public-root .pub-specs dl>div:last-child{border-bottom:0}
 .public-root .pub-specs>p{padding-top:11px;border-top:1px solid var(--line)}
 /* A single comparison surface, with readable definitions instead of a loose table. */
 .public-root .pub-comparison{display:block}
 .public-root .pub-comparison>p{font-size:12px;line-height:1.7;margin:0 0 13px}
 .public-root .pub-comparison>dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#0003,#0001);box-shadow:inset 0 1px 3px #0004}
 .public-root .pub-comparison>dl>div{display:block;padding:10px 0;min-width:0}
 .public-root .pub-comparison>dl>div:nth-last-child(-n+2){border-bottom:0}
 .public-root .pub-comparison dt{font-size:10px;color:var(--muted);margin-bottom:4px}
 .public-root .pub-comparison dd{text-align:left;font-size:12px;line-height:1.6;color:var(--text)}
 /* Documentation gets a defined navigation rail, while the article remains a readable document. */
 .public-root .pub-doc-layout{gap:20px;align-items:start}
 .public-root .pub-doc-layout>aside{padding:12px 9px 0;border:1px solid var(--line);border-top-color:#ffffff20;border-radius:7px;background:linear-gradient(140deg,#ffffff04,#0001);box-shadow:inset 0 1px #ffffff06,0 2px 4px #0004}
 .public-root .pub-doc-layout .pub-eyebrow{padding-inline:5px;margin-bottom:10px;color:var(--muted)}
 .public-root .pub-doc-layout nav{gap:3px}
 .public-root .pub-doc-layout nav>a{font-size:11px;padding:8px;min-height:34px;border:1px solid transparent;border-radius:4px}
 .public-root .pub-doc-layout nav>a[aria-current]{border-color:var(--line);background:linear-gradient(#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff0c,0 1px 2px #0005;color:var(--text)}
 .public-root .pub-doc-help{font-size:10px;border-top:1px solid var(--line);margin:12px 0 0;padding:12px 5px}
 .public-root .pub-doc-article h2{font-size:15px;padding-top:13px;margin:17px 0 9px;border-top:1px solid var(--line)}
 .public-root .pub-doc-article>pre{border:1px solid var(--line);border-radius:5px;background:linear-gradient(#0005,#0003);box-shadow:inset 0 2px 4px #0005;color:var(--text)}
 .public-root .pub-doc-fields{padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#0002;box-shadow:inset 0 1px 3px #0004}
 .public-root .pub-doc-fields>div:last-child{border-bottom:0}
 .public-root .pub-endpoint{padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#ffffff04,#0002);box-shadow:inset 0 1px #ffffff06}
 .public-root .pub-endpoint b{font-size:10px;padding:2px 6px;border:1px solid #436e59;border-radius:3px;background:#142a1e;color:#bfe1cc}
 /* Human-scale onboarding, semantic icon colours and readable disclosure surfaces. */
 .public-root .pub-access-steps{margin-block:17px}
 .public-root .pub-access-steps li{position:relative;border-top:0;gap:12px;padding:0 0 21px}
 .public-root .pub-access-steps li:last-child{padding-bottom:0}
 .public-root .pub-access-steps li:not(:last-child)::after{content:"";position:absolute;top:30px;bottom:5px;left:14px;width:1px;background:linear-gradient(var(--line),#ffffff06)}
 .public-root .pub-access-steps li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid var(--line);border-top-color:#ffffff28;border-radius:6px;background:linear-gradient(#ffffff0c,#ffffff02);box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0004;font-size:10px}
 .public-root .pub-access-steps li>div{padding-top:3px}
 .public-root .pub-principles{align-items:stretch}
 .public-root .pub-principles article{border:1px solid var(--line);padding:15px;min-width:0}
 .public-root .pub-principles h3{font-size:13px;margin:11px 0 7px}
 .public-root .pub-principles p{font-size:12px;line-height:1.7}
 .public-root .principle-symbol{display:grid;place-items:center;width:31px;height:31px;border:1px solid #466c72;border-radius:6px;background:linear-gradient(#263c40,#14272a);box-shadow:inset 0 1px #ffffff15,0 2px 3px #0005;color:#badcdd}
 .public-root .principle-symbol svg{width:16px;height:16px}
 .public-root .pub-principles article:nth-child(2) .principle-symbol{border-color:#496d54;background:linear-gradient(#293e2e,#17271c);color:#c4dfc8}
 .public-root .pub-principles article:nth-child(3) .principle-symbol{border-color:#6c5b43;background:linear-gradient(#3e3426,#251e15);color:#dfc79f}
 .public-root .pub-faq{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:linear-gradient(140deg,#ffffff03,#0001);box-shadow:inset 0 1px #ffffff07,0 2px 4px #0004}
 .public-root .pub-faq details:last-child{border-bottom:0}
 .public-root .pub-faq summary{margin:0;border-radius:0;padding:12px 14px;font-size:12px;line-height:1.6;gap:14px}
 .public-root .pub-faq summary:hover{background:#ffffff04}
 .public-root .pub-faq summary svg{width:14px;height:14px;color:var(--muted)}
 .public-root .pub-faq details[open] summary{background:linear-gradient(#ffffff06,#ffffff02);color:var(--text);box-shadow:inset 0 1px #ffffff04}
 .public-root .pub-faq details p{padding:0 14px 13px;margin:0;font-size:12px;line-height:1.75;color:var(--muted)}
 @media(max-width:700px){
  .public-root .pub-model-detail .page-head{max-width:none}
  .public-root .pub-model-detail>.model-sculpture{right:12px;top:15px;opacity:.18}
  .public-root .pub-comparison>dl{grid-template-columns:1fr}
  .public-root .pub-comparison>dl>div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .public-root .pub-doc-layout{gap:16px}
  .public-root .pub-doc-layout>aside{padding-bottom:9px}
  .public-root .pub-doc-layout nav{grid-template-columns:1fr 1fr}
 }
}

/* Pricing is a complete catalogue; model links navigate to visible family sections. */
@layer public-layout {
 .pricing-catalogue{margin-bottom:18px}
 .pricing-catalogue>.home-plan-family:first-child{margin-top:0}
 .pricing-catalogue>.home-plan-family+ .home-plan-family{margin-top:24px}
 .home-plan-family{scroll-margin-top:18px}
 .home-plan-family:focus:not(:focus-visible){outline:none}
 .pricing-terms{margin-top:18px}
 .pricing-contexts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .pricing-contexts p{font-size:11px;line-height:1.7}
 .pricing-contexts strong{display:block;font-size:12px;font-weight:550;color:var(--text);margin-bottom:4px}
 .pricing-terms .pub-disclosure{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line)}
 @media(max-width:700px){.pricing-contexts{grid-template-columns:1fr;gap:12px}}
}

/* Quiet material response: fixed geometry, reflected light and inset controls.
   Shared by the public pages and workspace; components keep the same response. */
@layer public-layout {
 :is(.public-root,.workspace-root) {--surface-response:220ms cubic-bezier(.2,.65,.3,1)}
 :is(.public-root,.workspace-root) .page-enter{animation:none}
 :is(.public-root,.workspace-root) .pub-plan{animation:none}
 :is(.public-root,.workspace-root) :is(.model-card,.pub-model-card,.pub-model-detail){--art-light:#c5ddff;--art-edge:#789cc1}
 :is(:is(.public-root,.workspace-root),.workspace-root) :is(.home-model-qwen,.pub-model-card.qwen,.pub-model-detail.qwen){--art-light:#d0efd9;--art-edge:#86b393}
 :is(.public-root,.workspace-root) .model-sculpture{animation:none;transition:opacity .6s ease}
 /* The objects stay still. A low light catches their existing rounded edges. */
 :is(.public-root,.workspace-root) .model-sculpture i::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  border:1px solid transparent;border-top-color:var(--art-light);border-left-color:var(--art-edge);
  opacity:.16;
 }
 :is(.public-root,.workspace-root) .qwen-sculpture i::after{border-left-color:transparent;opacity:.1}
 :is(.public-root,.workspace-root) .qwen-sculpture i:first-child::after{
  background:linear-gradient(135deg,#e4ffe912,transparent 62%);
  border-left-color:var(--art-edge);opacity:.26;
 }
 :is(.public-root,.workspace-root) :is(.model-card,.pub-model-card,.pub-model-detail):focus-within .model-sculpture{opacity:.62}
 /* A fine bevel defines the cap without adding another heavy frame. */
 :is(.public-root,.workspace-root) .tier-cap{position:relative}
 :is(.public-root,.workspace-root) .tier-cap::after{
  content:"";position:absolute;inset:0 10px auto;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffffff16 24%,#ffffff06 78%,transparent);
 }
 :is(.public-root,.workspace-root) .pub-plan .tier-cap{transition:box-shadow var(--surface-response)}
 :is(.public-root,.workspace-root) .pub-plan:focus-within .tier-cap{box-shadow:inset 0 1px #ffffff0c,inset 0 -1px #ffffff05}
 :is(.public-root,.workspace-root) :is(.public-promise-bar,.unlimited-allowances){box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0006,0 1px 2px #0004}
 :is(.public-root,.workspace-root) .home-code{box-shadow:inset 0 1px #ffffff07,0 2px 4px #0006}
 /* Hover changes illumination; only a press changes the control's depth. */
 [data-theme] :is(.public-root,.workspace-root) :is(.button,.quick-link):hover{transform:none}
 [data-theme] :is(.public-root,.workspace-root) .button{transition:border-color .16s,box-shadow .16s,color .16s;}
 [data-theme] :is(.public-root,.workspace-root) .button:not(:disabled):active{
  transform:none;box-shadow:inset 0 2px 4px #000b,inset 0 -1px #ffffff0a;
  border-top-color:#0009;
 }
 :is(.public-root,.workspace-root) :is(.icon-button,.corner-link){transition:color .16s,background-color .16s,box-shadow .16s,border-color .16s}
 :is(.public-root,.workspace-root) .icon-button:not(:disabled):active{box-shadow:inset 0 2px 3px #0009}
 :is(.public-root,.workspace-root) .field-copy{transition:border-color .18s,box-shadow .18s}
 :is(.public-root,.workspace-root) .field-copy:focus-within{border-color:#65788b;box-shadow:inset 0 1px 3px #0009,0 0 0 1px #708dad24}
 :is(.public-root,.workspace-root) :is(.text-button,.pub-back,.footer a){text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .18s,text-decoration-color .18s}
 :is(.public-root,.workspace-root) :is(.text-button,.pub-back,.footer a):is(:hover,:focus-visible){text-decoration-color:currentColor}
 :is(.public-root,.workspace-root) .pub-faq details[open]>summary{box-shadow:inset 0 1px #ffffff06,inset 0 -1px #0005}
 @media(hover:hover) and (pointer:fine){
  :is(.public-root,.workspace-root) :is(.model-card,.pub-model-card,.pub-model-detail):hover .model-sculpture{opacity:.62}
  :is(.public-root,.workspace-root) .pub-plan:hover .tier-cap{box-shadow:inset 0 1px #ffffff0c,inset 0 -1px #ffffff05}
 }
 @media(prefers-reduced-motion:no-preference){
  :is(.public-root,.workspace-root) .page-enter{animation:public-surface-settle .16s ease-out both}
  :is(.public-root,.workspace-root) .model-sculpture i::after{animation:public-edge-light 18s ease-in-out infinite;animation-delay:calc(var(--i) * -.65s)}
  :is(.public-root,.workspace-root) .qwen-sculpture i::after{animation:none}
  :is(.public-root,.workspace-root) .qwen-sculpture i:first-child::after{animation:public-jade-light 22s ease-in-out infinite;animation-delay:-6s}
  :is(.public-root,.workspace-root) .copy-confirmed svg{animation:public-surface-settle .18s ease-out both}
  @keyframes public-surface-settle{from{opacity:.7}to{opacity:1}}
  @keyframes public-edge-light{0%,100%{opacity:.12}50%{opacity:.5}}
  @keyframes public-jade-light{0%,100%{opacity:.14}50%{opacity:.48}}
 }
}

/* Restore the complete product FAQ in compact, independent topic groups. */
@layer public-layout {
 .public-root .support-faq-groups{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}
 .public-root .support-faq-group>.section-head{margin-bottom:9px}
 .public-root .support-faq-group>.section-head h2{font-size:14px;line-height:1.4}
 .public-root .support-faq-group .pub-faq p{color:var(--muted)}
 .public-root .support-faq-group .pub-faq p strong{color:var(--text);font-weight:550}
 .public-root .support-faq-group code{overflow-wrap:anywhere;font-size:11px;color:var(--text)}
 @media(max-width:700px){.public-root .support-faq-groups{grid-template-columns:1fr;gap:16px}}
}

/* A compact brand descriptor, rather than a workspace selector. */
@layer public-layout {
 [data-theme] .public-root .public-access-label{
  margin:14px 0 12px;padding:5px 7px;gap:7px;border-radius:5px;
  font-size:10px;line-height:1.4;color:var(--text);
  box-shadow:inset 0 1px #ffffff0b,0 1px 2px #0005;
 }
 [data-theme] .public-root .public-access-label .workspace-icon{
  flex:0 0 20px;width:20px;height:20px;border-radius:4px;
  box-shadow:inset 0 1px #ffffff18,0 1px 1px #0006;
 }
 .public-root .public-access-label .workspace-icon svg{width:13px;height:13px}
 .public-root .public-access-label>span:last-child{min-width:0}
}

/* Beta application: an actionable form with a compact, live plan reference. */
@layer public-layout {
 .public-root .access-application-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:14px;align-items:start}
 .public-root .access-application-aside{display:grid;gap:12px}
 .public-root .access-application-layout .pub-access-form{width:100%;max-width:none}
 .public-root .access-form-section+ .access-form-section{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}
 .public-root .access-form-section h3{font-size:12px;line-height:1.5;margin:0 0 9px}
 .public-root .access-form-section>label:first-child{margin-top:0}
 .public-root .access-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .public-root .access-contact-fields>div{min-width:0}
 .public-root .access-contact-fields label{margin-top:0}
 .public-root .access-field-hint{font-size:10px;line-height:1.65;color:var(--muted);margin-top:7px}
 .public-root .access-submit-section{border-top:1px solid var(--line);margin-top:13px;padding-top:1px}
 .public-root .access-submit-section .pub-consent{font-size:10px!important;line-height:1.6}
 .public-root .access-submit-section .pub-consent>span{font-size:10px}
 .public-root .access-submit-section button{margin-top:10px}
 .public-root .pub-access-form .pub-access-signin{font-size:11px;margin-top:13px;padding-top:11px}
 [data-theme] .public-root .access-plan-summary{background:radial-gradient(ellipse at 110% 0,#132a43,transparent 64%),linear-gradient(130deg,#080b0f,#04070b);border-color:#34465d;border-top-color:#536781;color:#e6edf5}
 [data-theme] .public-root .access-plan-summary.qwen{background:radial-gradient(ellipse at 110% 0,#1c3e2b,transparent 64%),linear-gradient(130deg,#070d09,#030705);border-color:#345442;border-top-color:#557961}
 .public-root .access-summary-label{display:flex;align-items:center;gap:6px;color:#aebfd1;font-size:10px;margin-bottom:13px}
 .public-root .access-summary-label>svg{width:14px;height:14px}
 .public-root .access-summary-label>.pill{margin-left:auto;font-size:9px}
 .public-root .access-plan-summary h2{font-size:19px;line-height:1.25;letter-spacing:-.4px;color:#edf2f7}
 .public-root .access-tier-name{font-size:11px;color:#b1c2d4;margin-top:5px}
 .public-root .access-summary-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:28px;letter-spacing:-.8px;font-weight:550;line-height:1.3;margin:11px 0 13px;font-variant-numeric:tabular-nums}
 .public-root .access-summary-price>span{font-size:10px;letter-spacing:0;font-weight:400;color:#a7b5c4}
 .public-root .access-plan-summary dl{padding:0 10px;border:1px solid #ffffff13;border-radius:5px;background:#0003;box-shadow:inset 0 1px 3px #0005}
 .public-root .access-plan-summary dl>div{font-size:11px;padding:8px 0;border-bottom-color:#ffffff10;gap:12px}
 .public-root .access-plan-summary dl>div:last-child{border-bottom:0}
 .public-root .access-plan-summary dt{color:#aebcca}
 .public-root .access-plan-summary dd{color:#dde8f3;white-space:nowrap}
 .public-root .access-plan-summary.qwen :is(.access-summary-label,.access-tier-name){color:#b0cebb}
 .public-root .access-plan-summary.qwen dd{color:#cbe4d3}
 .public-root .access-plan-note{font-size:11px;line-height:1.65;color:#afbdcb;margin:11px 0}
 .public-root .access-plan-summary>.text-button{font-size:10px;color:#bad1eb}
 .public-root .access-plan-summary.qwen>.text-button{color:#b4d7c1}
 .public-root .access-next-steps .pub-access-steps{margin:0}
 .public-root .access-next-steps .pub-access-steps li{padding-bottom:14px;gap:10px}
 .public-root .access-next-steps .pub-access-steps li:last-child{padding-bottom:0}
 .public-root .access-next-steps h3{font-size:11px}
 .public-root .access-next-steps p{font-size:10px;line-height:1.65;margin-top:4px}
 .public-root .access-next-steps .pub-access-steps li>span{width:24px;height:24px;font-size:9px;border-radius:5px}
 .public-root .access-next-steps .pub-access-steps li::after{left:11px;top:28px;bottom:4px}
 .public-root .access-questions{margin-top:18px}
 .public-root .access-questions .section-head{margin-bottom:9px}
 .public-root .access-questions h2{font-size:14px}
 @container public-content (max-width:700px){.public-root .access-application-layout{grid-template-columns:1fr}.public-root .access-application-aside{grid-template-columns:1fr 1fr;align-items:start}}
 @container public-content (max-width:480px){.public-root .access-application-aside{grid-template-columns:1fr}.public-root .access-contact-fields{grid-template-columns:1fr;gap:10px}}
}

/* A select-only plan picker, sharing the page's dark raised/inset materials. */
@layer public-layout {
 .public-root .plan-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:9px 11px;text-align:left;border:1px solid var(--line);border-top-color:#ffffff23;border-radius:5px;background:linear-gradient(#ffffff07,#0002),var(--panel);box-shadow:inset 0 1px #ffffff09,0 1px 3px #0006;color:var(--text);transition:border-color .16s,box-shadow .16s}
 .public-root .plan-picker-trigger:not(.control-surface):hover,.public-root .plan-picker-trigger[aria-expanded=true]{border-color:#596b80;box-shadow:inset 0 1px #ffffff12,0 1px 3px #0008}
 .public-root .plan-picker-trigger[aria-expanded=true]{box-shadow:inset 0 1px 3px #0008}
 .public-root .picker-model-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #435a72;border-radius:5px;background:linear-gradient(#213348,#101a27);color:#c1d6ec;box-shadow:inset 0 1px #ffffff15,0 1px 2px #0006}
 .public-root .picker-model-icon.qwen{border-color:#45664f;background:linear-gradient(#294330,#14251a);color:#c4dfcb}
 .public-root .picker-model-icon svg{width:15px;height:15px}
 .public-root .picker-selection{flex:1;min-width:0}
 .public-root .picker-selection strong{display:block;font-size:12px;font-weight:550;line-height:1.5}
 .public-root .picker-selection small{display:block;font-size:9px;line-height:1.5;margin-top:2px;color:var(--muted)}
 .public-root .picker-price{white-space:nowrap;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--text)}
 .public-root .picker-price small{font-size:9px;font-weight:400;margin-left:3px;color:var(--muted)}
 .public-root .plan-picker-trigger>svg{width:13px;height:13px;color:var(--muted)}
 .public-root .plan-picker-list{position:fixed;inset:auto;margin:0;padding:4px;border:1px solid #46515f;border-top-color:#6b7785;border-radius:7px;background:var(--panel);color:var(--text);box-shadow:inset 0 1px #ffffff0c,0 8px 24px #000a,0 2px 5px #0008;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel);scroll-padding-block:36px 4px}
 .public-root .plan-picker-list::backdrop{background:transparent}
 .public-root .picker-group{--picker-tint:#112235;--picker-border:#3d5874;--picker-text:#c1d7ef}
 .public-root .picker-group.qwen{--picker-tint:#15291d;--picker-border:#43654e;--picker-text:#bfdcc8}
 .public-root .picker-group+.picker-group{margin-top:5px;padding-top:4px;border-top:1px solid var(--line)}
 .public-root .picker-group-heading{position:sticky;top:-4px;z-index:1;display:flex;align-items:center;gap:6px;padding:8px 8px 7px;background:linear-gradient(#ffffff05,#0001),var(--panel);border-bottom:1px solid var(--line);box-shadow:0 1px #0006;font-size:10px;color:var(--picker-text)}
 .public-root .picker-group-heading>svg{width:12px;height:12px}
 .public-root .picker-group-heading>strong{font-size:10px;font-weight:550}
 .public-root .picker-group-heading>span{margin-left:auto;font-size:8px;color:var(--muted)}
 .public-root .plan-picker-option{display:flex;align-items:center;gap:8px;min-height:46px;margin-top:2px;padding:6px 8px;border:1px solid transparent;border-radius:4px;cursor:pointer}
 .public-root .picker-option-copy{flex:1;min-width:0}
 .public-root .picker-option-copy>strong{display:block;font-size:11px;font-weight:500;line-height:1.5}
 .public-root .picker-option-copy>small{display:block;font-size:9px;line-height:1.5;color:var(--muted)}
 .public-root .picker-option-check{width:12px;flex-shrink:0;color:var(--picker-text)}
 .public-root .picker-option-check>svg{width:12px;height:12px;opacity:0}
 .public-root .plan-picker-option[aria-selected=true]{border-color:var(--picker-border);background:linear-gradient(#ffffff06,#0002),var(--picker-tint);box-shadow:inset 0 1px #ffffff08}
 .public-root .plan-picker-option[aria-selected=true] .picker-option-check>svg{opacity:1}
 .public-root .plan-picker-option.is-active{outline:1px solid var(--picker-border);outline-offset:-1px;background-color:var(--picker-tint)}
 .public-root .plan-picker-option:hover{border-color:var(--picker-border);background-color:var(--picker-tint)}
 .public-root .plan-picker-option .picker-price{font-size:12px}
 @media(prefers-reduced-motion:no-preference){.public-root .plan-picker-list:popover-open{animation:public-surface-settle .12s ease-out}}
 @media(max-width:480px){.public-root .plan-picker-trigger{gap:7px;padding:8px}.public-root .picker-selection small{font-size:9px}.public-root .plan-picker-trigger .picker-model-icon{width:22px;height:22px}.public-root .plan-picker-trigger .picker-price{font-size:12px}}
}

/* Original offer presentation, with compact vertical rhythm and close-set edge padding. */
@layer public-layout {
 :is(.public-root,.workspace-root) .founding-notice{height:auto;overflow:hidden}
 :is(.public-root,.workspace-root) .founding-notice.is-empty{height:0}
 @media(prefers-reduced-motion:no-preference){
  :is(.public-root,.workspace-root) .founding-notice{transition:height .18s ease-out}
  :is(.public-root,.workspace-root) .public-announcement.is-revealing{animation:founding-notice-reveal .22s ease-out both}
  @keyframes founding-notice-reveal{from{opacity:0}to{opacity:1}}
 }
 :is(.public-root,.workspace-root) .public-announcement{padding:3px 14px;min-height:0;line-height:16px;flex-wrap:nowrap;gap:12px;container:founding-notice / inline-size;box-shadow:inset 0 1px #d9bb7612,inset 2px 0 #b49a6480}
 :is(.public-root,.workspace-root) .public-announcement>div{min-width:0}
 :is(.public-root,.workspace-root) .public-announcement>div>span{color:var(--text)}
 :is(.public-root,.workspace-root) .public-announcement .preview-description{display:inline;color:var(--muted)}
 :is(.public-root,.workspace-root) .public-announcement .announcement-price{color:#e7cf9f;font-weight:550;text-shadow:0 0 9px #d4a95c22;white-space:nowrap}
 :is(.public-root,.workspace-root) .public-announcement .announcement-saving{color:var(--text);font-weight:500}
 /* [claude-opus-5-5 2026-10-04] Owner: the open beta line's headline words, stark white above the bold phrase's softer white. */
 :is(.public-root,.workspace-root) .public-announcement .announcement-lead{color:#fff;font-weight:650}
 :is(.public-root,.workspace-root) .public-announcement .announcement-action{flex-shrink:0;font-size:10px;color:#c4d8ec}
 :is(.public-root,.workspace-root) .public-announcement:hover .announcement-action{color:#ecf3fc}
 :is(.public-root,.workspace-root) .public-announcement:focus-visible{outline-offset:-2px}

}

@layer public-layout {
 .public-root .founding-availability-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font-size:11px}
 .public-root .founding-availability-note .button{font-size:10px}
 .public-root .access-application-layout[inert]{opacity:.55}
}

/* Availability is a small instrument readout within the existing founding surfaces. */
@layer public-layout {
 .public-root .founding-counter{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--family-light,#bad3c3);font-variant-numeric:tabular-nums;white-space:nowrap}
 .public-root .founding-counter.compact{display:inline;font-size:inherit;color:inherit}
 .public-root .seat-meter{display:inline-flex;width:23px;height:4px;overflow:hidden;border:1px solid #ffffff18;border-radius:2px;background:#0007;box-shadow:inset 0 1px 1px #0008;flex-shrink:0}
 .public-root .seat-meter>i{display:block;height:100%;background:var(--family-light,#abcbb7);box-shadow:inset 0 1px #ffffff25}
 .public-root .seat-count-text.full,.public-root .seat-count-pending{color:var(--muted)}
 .public-root .founding-full .founding-price .pub-plan-price{color:#c4c6c8}
 .public-root .access-plan-summary .founding-counter{font-size:10px}
 .public-root .access-plan-summary.glm .founding-counter{--family-light:#b5cfe9}
 .public-root .access-plan-summary.qwen .founding-counter{--family-light:#abd4ba}
 .public-root .plan-picker-option[aria-disabled=true]{cursor:not-allowed;color:var(--subtle)}
 .public-root .plan-picker-option[aria-disabled=true] .picker-price{color:var(--subtle)}
 .public-root .plan-picker-option[aria-disabled=true]:hover{border-color:transparent;background:transparent}
 .public-root #founding-selection-status{color:var(--amber)}
}

/* Text-led founding offers; counters use the same quiet inset finish as fields. */
@layer public-layout {
 .public-root .founding-counter .seat-count-text{font-weight:550}
 .public-root .founding-offer .founding-counter.compact{display:inline-flex;align-items:center;margin-left:10px;padding:0 5px;border:1px solid #77623e70;border-top-color:#0a0b0c;border-radius:3px;background:linear-gradient(#0b0c0d,#151615);box-shadow:inset 0 1px 2px #0008,0 1px #ffffff08;font-size:inherit;line-height:11px;vertical-align:baseline}
 .public-root .founding-offer .seat-count-text{color:#edd09a}
 .public-root .founding-offer .founding-counter:has(.full),.public-root .founding-offer .founding-counter:has(.seat-count-pending){border-color:#ffffff20;border-top-color:#070809}
 .public-root .founding-offer .seat-count-text.full{color:#bcc2c8}
 .public-root .founding-offer .founding-price{margin-left:0}
}

/* A complete home example card, with a quieter code toolbar below its title. */
@layer public-layout {
 .public-root .home-code{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
 .public-root .home-code>.section-head{margin:0;padding:10px 14px;gap:12px;align-items:center;background:linear-gradient(#ffffff05,transparent);box-shadow:inset 0 1px #ffffff05}
 .public-root .home-code>.section-head h2{font-size:15px;line-height:21px;letter-spacing:-.25px}
 .public-root .home-code>.section-head .text-button{font-size:10px;gap:5px;white-space:nowrap}
 .public-root .home-code>.pub-code-sample{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
 .public-root .code-example-label{display:flex;align-items:baseline;gap:10px;min-width:0;padding-left:4px;line-height:16px}
 .public-root .code-example-label strong{font-family:var(--mono);font-size:10px;font-weight:550;color:var(--text)}
 .public-root .code-example-label span{font-size:9px;color:var(--muted)}
}

/* A shallow header rail, aligned with the notice rather than padded as a card. */
@layer public-layout {
 .public-root .topbar{height:38px;padding:0 14px;gap:14px;box-shadow:inset 0 1px #ffffff05}
 .public-root .breadcrumb{min-width:0;gap:8px;font-size:11px;line-height:16px}
 .public-root .breadcrumb-home{color:var(--muted);white-space:nowrap}
 .public-root .breadcrumb-home:hover{color:var(--text)}
 .public-root .breadcrumb>svg{width:10px;height:10px;color:var(--subtle)}
 .public-root .breadcrumb strong{font-size:11px;font-weight:550;color:var(--text);white-space:nowrap}
 .public-root .top-actions{flex-shrink:0;gap:10px}
 .public-root .topbar .mobile-menu{width:26px;height:26px;border-radius:3px}
 .public-root .topbar .mobile-menu svg{width:14px;height:14px}
}

/* Account-specific additions to the shared model summary. */
@layer public-layout {
 .workspace-root .workspace-model{--cap-x:18px;--cap-y:16px}
 .workspace-root .workspace-model .model-top{flex-wrap:wrap;gap:8px}
 .workspace-root .workspace-model .model-top>.pill{margin-left:auto;font-size:9px}
 .workspace-root .workspace-model>p{max-width:460px}
 .workspace-root .workspace-model .model-tags{flex-wrap:wrap}
 @media(max-width:700px){
  .workspace-root .workspace-model{--cap-x:15px;--cap-y:15px}
  .workspace-root .workspace-model .model-top>.pill{margin-left:0}
 }
}

/* A thin reflected edge brightens on hover without moving the surface. */
@layer public-layout {
 :is(.public-root,.workspace-root,.auth-layout,dialog) .material-surface{position:relative;--edge-light:var(--art-edge,#9da7b3)}
 .public-root .pub-plan.material-surface{--edge-light:var(--family-light,#aab6c3);--edge-strength:.44}
 :is(.public-root,.workspace-root,.auth-layout,dialog) .surface-edge{
  position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;z-index:3;
  background:linear-gradient(115deg,transparent 12%,color-mix(in srgb,var(--edge-light),transparent 70%) 30%,color-mix(in srgb,var(--edge-light),white 22%) 45%,color-mix(in srgb,var(--edge-light),transparent 65%) 63%,transparent 82%);
  background-size:220% 100%;background-position:100% 0;opacity:0;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  transition:opacity .4s ease,background-position .85s cubic-bezier(.2,.65,.3,1);
 }
 :is(.public-root,.workspace-root,.auth-layout,dialog) .material-surface:focus-within>.surface-edge{opacity:var(--edge-intensity,var(--edge-strength,.64));background-position:0 0}
 :is(.public-root,.workspace-root,.auth-layout,dialog) :is(.model-card,.pub-model-card,.pub-model-detail):focus-within .model-sculpture{opacity:.74}
 @media(hover:hover) and (pointer:fine){
  :is(.public-root,.workspace-root,.auth-layout,dialog) .material-surface:hover>.surface-edge{opacity:var(--edge-intensity,var(--edge-strength,.64));background-position:0 0}
  :is(.public-root,.workspace-root,.auth-layout,dialog) :is(.model-card,.pub-model-card,.pub-model-detail):hover .model-sculpture{opacity:.74}
 }
 @media(prefers-reduced-motion:reduce){
  :is(.public-root,.workspace-root,.auth-layout,dialog) .surface-edge{background-position:0 0;transition:opacity .15s ease}
 }
 @media(forced-colors:active){.surface-edge{display:none}}
 @supports not (mask-composite:exclude){.surface-edge{display:none}}
}

@layer public-layout {
 .material-surface>.status-row:has(+.surface-edge){border:0}
 .public-root .model-purpose>p:has(+.surface-edge),.public-root .pricing-explanation>.panel>p:has(+.surface-edge){margin-bottom:0}
}

/* Local reflected light tracks the pointer; it never tilts or shifts a card. */
@layer public-layout {
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :is(.public-root,.workspace-root,.auth-layout,dialog) .surface-edge.cursor-lit{
   --edge-reflection:radial-gradient(var(--edge-radius,190px) circle at var(--edge-x,50%) var(--edge-y,0px),color-mix(in srgb,var(--edge-light),white 32%) 0%,color-mix(in srgb,var(--edge-light),transparent 25%) 26%,color-mix(in srgb,var(--edge-light),transparent 80%) 62%,transparent 100%);
   background:var(--edge-reflection),linear-gradient(115deg,#ffffff0b,transparent 65%);
   background-size:100% 100%;background-position:0 0;transition:opacity .35s ease;
  }
 }
}

/* Navigation uses a smaller, quieter version of the reflected card material. */
@layer public-layout {
 :is(.public-root,.workspace-root) .nav-surface.material-surface{--edge-light:#a5afb9;--edge-strength:.34;transition:color .18s,background-color .18s,box-shadow .18s}
 :is(.public-root,.workspace-root) .nav-surface:is(.active,[aria-current]){--edge-light:#91accb}
 :is([data-theme=graphite],[data-theme=amber]) :is(.public-root,.workspace-root) .nav-surface:is(.active,[aria-current]){--edge-light:#c2c2c2}
 :is(.public-root,.workspace-root) .nav-surface::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff06,transparent 70%);box-shadow:inset 0 1px #ffffff0c,inset 0 -1px #0004;opacity:0;transition:opacity .2s ease}
 :is(.public-root,.workspace-root) .nav-surface:focus-visible::before{opacity:1}
 @media(hover:hover) and (pointer:fine){
  :is(.public-root,.workspace-root) .nav-surface:hover::before{opacity:1}
  :is(.public-root,.workspace-root) .nav-surface:not(.active):not([aria-current]):hover{background:linear-gradient(#ffffff05,#ffffff02);color:var(--text);box-shadow:inset 0 1px #ffffff05,0 1px 2px #0003}
 }
 :is(.public-root,.workspace-root) .nav-surface:not(.active):not([aria-current]):active{box-shadow:inset 0 1px 3px #0007}
 @media(forced-colors:active){.nav-surface::before{display:none}}
}

@layer public-layout {
 .public-root .application-received .access-next-steps{display:none}
}

/* Bring only the older auth/dialog actions onto the existing dashboard finish. */
@layer public-layout {
 [data-theme=studio] :is(.auth-layout,.workspace-dialog) .button.primary{background:linear-gradient(#142338,#0b1522 60%,#070d15);border-color:#34465d;box-shadow:inset 0 1px #ffffff0b,0 2px 4px #0007;color:#e1e8f2}
 [data-theme=studio] :is(.auth-layout,.workspace-dialog) .button.primary:not(.control-surface):hover{background:linear-gradient(#1c2d43,#101c2b);border-color:#455c76}
 [data-theme] :is(.auth-layout,.workspace-dialog) .button:not(.control-surface):not(:disabled):hover{transform:none}
 [data-theme] :is(.auth-layout,.workspace-dialog) .button:not(:disabled):active{transform:none;box-shadow:inset 0 2px 4px #000b,inset 0 -1px #ffffff0a;border-top-color:#0009}
}

/* Pricing actions retain their resting finish; only the existing local edge light responds. */
@layer public-layout {
 .public-root .tier-body>.price-action{--edge-light:#eef0f3;--edge-strength:.50}
 .public-root .ultra .tier-body>.price-action{--edge-light:var(--family-light);--edge-strength:.50}
 [data-theme=studio] .public-root .pub-plan:not(.ultra) .tier-body>.price-action:hover:not(:active){border-color:#383838;border-top-color:#555}
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .public-root .price-action>.surface-edge.cursor-lit{
   background:var(--edge-reflection);
   background-size:100% 100%;
  }
 }
}

/* Audited actions keep their existing finish; the accepted glint supplies hover feedback. */
@layer public-layout {
 :is(.public-root,.workspace-root,.auth-layout,dialog) .control-surface{
  position:relative;--edge-light:#eef0f3;--edge-strength:.50;
 }
 [data-theme=studio] .control-surface.primary{--edge-light:#dbe9fa}
 .control-surface.danger{--edge-light:#ffe0e6}
 .control-surface.copy-confirmed{--edge-light:#dcf5e7}
 :is(.public-root,.workspace-root,.auth-layout,dialog) .control-surface:is(:disabled,[aria-disabled=true])>.surface-edge{opacity:0}
 .control-surface:focus-visible{outline-offset:3px}
 .control-surface:is(.tab,.preview-switches button,.segmented button):focus-visible{outline-offset:-2px}
 .control-surface:not(:disabled):active{
  transform:none;box-shadow:inset 0 2px 3px #0008,inset 0 -1px #ffffff09;
 }
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .control-surface>.surface-edge.cursor-lit{background:var(--edge-reflection);background-size:100% 100%}
 }
}

/* CTA actions remain a real group when the decorative edge is appended. */
@layer public-layout {
 .public-root .pub-cta>.pub-cta-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:100%}
 .public-root .access-submit-section{padding-top:0;border-top:0;margin-top:12px}
 .public-root .access-submit-section button{margin-top:0}
 .public-root .access-direct-contact{font-size:11px;margin-top:9px;line-height:1.6;overflow-wrap:anywhere}
 .public-root .access-direct-contact a{color:var(--mint)}
}

/* Long local amounts need wider cards so every digit remains readable. */
.wide-currency-prices .pub-plans,.wide-currency-prices .pub-plans.qwen{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

/* [claude-opus-5-5 2026-09-26] Founding-only copy stays out of layout while no round is open (beats display rules on details/span). */
.public-root [data-founding-only][hidden]{display:none!important}
/* [claude-opus-5-5 2026-09-29] Crawler text served with each public page URL (seo.py); the app renders the same page. */
.seo-fallback{display:none}
/* [claude-opus-5-5 2026-09-29] Guide articles use the documentation typography. */
.seo-guide .pub-doc-article>h1{margin-bottom:12px}
.seo-guide .pub-lead{font-size:13px;line-height:1.8;color:#cacbce;max-width:78ch}
.seo-guide .pub-doc-article ul{margin:10px 0 14px;padding-left:20px;max-width:78ch}
.seo-guide .pub-doc-article li{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0}
.seo-guide .pub-doc-article strong{color:var(--text);font-weight:550}
.seo-guide .pub-doc-article h2>a,.seo-guide .pub-doc-article p a,.seo-guide .pub-doc-article li a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}

/* [claude-opus-5-5 2026-10-01] Provider marks on the model cards (Z.ai for GLM, Qwen), replacing the contour and plate
   glyphs. The mark is a mask filled with the theme's text colour; in the card background it keeps the existing
   .model-sculpture position, size and opacity, upright, with a diagonal fade. */
.provider-glyph{display:block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}
.provider-glyph.glm{--glyph:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%224 5 22 20%22%3E%3Cpath d=%22M15.47 7.1l-1.3 1.85c-.2.29-.54.47-.9.47h-7.1V7.09h9.3zM14.53 22.91l1.31-1.86c.2-.29.54-.47.9-.47h7.09v2.33z%22/%3E%3Cpath d=%22M24.3 7.1 13.14 22.91H5.7L16.86 7.1z%22/%3E%3C/svg%3E")}
.provider-glyph.qwen{--glyph:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 400%22%3E%3Cg id=%22s%22%3E%3Cpath d=%22M128 100 160 30 207 30 224 68 333 68 347 100 333 135 145 135Z%22 stroke=%22%23000%22 stroke-width=%2218%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cuse href=%22%23s%22 transform=%22rotate%28120 200 200%29%22/%3E%3Cuse href=%22%23s%22 transform=%22rotate%28240 200 200%29%22/%3E%3C/svg%3E")}
.pub-model-icon .provider-glyph{width:18px;height:18px}
.model-sculpture.provider-art{transform:none;color:var(--text)}
.model-sculpture.provider-art .provider-glyph{position:absolute;inset:6%;width:auto;height:auto;background:linear-gradient(150deg,color-mix(in srgb,currentColor 42%,transparent),color-mix(in srgb,currentColor 6%,transparent) 78%)}

/* [claude-opus-5-5 2026-10-01] Home banner card (frontier ad banner style). The ribbon shows on the site's themes, tinted
   per theme through --rb-*; Amber swaps in the infinity ribbon. Both sit behind the copy, cropped by the card. */
.hero-banner{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:142px;margin-bottom:22px;padding:24px 28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(115deg,var(--hero-a,#121925),var(--hero-b,#0b1221) 52%,var(--hero-c,#070c15));box-shadow:inset 0 1px 0 #ffffff0a,0 3px 8px #0006;
 --rb-0:#0a1222;--rb-1:#1b3051;--rb-2:#385d94;--rb-3:#29466e;--rb-4:#162a46;--rb-seam:#6287ba}
.hero-art{position:absolute;inset:0 0 0 30%;z-index:-1;pointer-events:none}
.hero-art svg{position:absolute;inset:0;width:100%;height:100%}
.hero-ribbon{opacity:.85}.hero-infinity{display:none}
.hero-copy{min-width:0;max-width:640px}
.hero-banner h1{margin:0;line-height:1.08}
.hero-lead,.hero-tail{display:block}
.hero-tail{font-weight:300;color:var(--hero-tail,#a9bcdb)}
.hero-tail em{font-style:normal;color:inherit}
.hero-banner p{margin-top:10px;font-size:13px;color:var(--muted)}
.hero-banner>.button{position:relative;flex:none}
/* [claude-opus-5-5 2026-10-01] Owner: the banner keeps its midnight-blue colouring in every theme; Graphite and Silver get a
   muted version on a faintly blue-tinted field rather than grey. */
:is([data-theme=graphite],[data-theme=silver]) .hero-banner{--hero-a:#171b21;--hero-b:#111419;--hero-c:#0b0d10;--hero-tail:#b3c4dc;--rb-0:#0e131b;--rb-1:#1c2a3d;--rb-2:#3b5578;--rb-3:#2c405c;--rb-4:#1a2638;--rb-seam:#6f87a8}
[data-theme=slate] .hero-banner{--hero-a:#101724;--hero-b:#0b111c;--hero-c:#070b12}
[data-theme=amber] .hero-banner{--hero-a:#182023;--hero-b:#11171a;--hero-c:#0b0f11;--hero-tail:#f0f1ea;border-color:#465157}
[data-theme=amber] .hero-ribbon{display:none}[data-theme=amber] .hero-infinity{display:block}
[data-theme=amber] .hero-tail{font-weight:600}
[data-theme=amber] .hero-tail em{color:#ffc348}
@media(max-width:760px){.hero-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px}.hero-art{inset:0 0 0 18%;opacity:.55}}

/* [claude-opus-5-5 2026-10-01] Owner: the art sits further right and quieter, peeking in behind the action as in the
   ad banner. */
.hero-art{inset:0 0 0 52%}
.hero-ribbon{opacity:.7}
.hero-banner .hero-ribbon{inset:0 -4% 0 0;width:104%}
.hero-banner .hero-infinity{inset:0 -18% 0 0;width:118%;opacity:.85}
.hero-art::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--hero-b,#0b1221) 0,transparent 38%)}

/* [claude-opus-5-5 2026-10-01] Full card on the 970x250 ad layout: no dead space, everything anchored left, the art up
   the right. */
.hero-banner.hero-card{display:block;min-height:0;padding:20px 26px 22px}
.hero-card .hero-art{inset:0 0 0 46%}
.hero-card .hero-ribbon{inset:-6% -6% 0 0;width:106%;height:106%;opacity:.9}
.hero-card .hero-infinity{inset:0 -22% 0 0;width:122%;opacity:.9}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.hero-brand{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--text)}
.hero-brand img{display:block;width:22px;height:22px}
.hero-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero-card h1{font-size:40px;line-height:1.08;max-width:62%}
.hero-actions{display:flex;align-items:center;gap:14px;margin-top:18px}
.hero-actions>.button{position:relative;flex:none}
.hero-card .hero-actions p{margin:0;font-size:12px;color:var(--muted);max-width:360px}
[data-theme=amber] .hero-card h1{font-size:44px}
[data-theme=amber] .hero-tag{color:#ffc348b3}
@media(max-width:760px){.hero-banner.hero-card{padding:16px 16px 18px}.hero-card h1{font-size:30px;max-width:none}[data-theme=amber] .hero-card h1{font-size:34px}.hero-top{margin-bottom:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-card .hero-art{inset:0 0 0 30%;opacity:.5}}
/* [claude-opus-5-5 2026-10-01] Keep the tag legible where the art passes behind it. */
.hero-top{position:relative}.hero-tag{padding:2px 7px;border-radius:3px;background:color-mix(in srgb,var(--hero-b,#0b1221) 78%,transparent)}

/* [claude-opus-5-5 2026-10-01] Logo tile and name as in the ads; the sub-line runs on one line where it fits. */
.hero-brand{gap:11px;font-size:18px;font-weight:650;letter-spacing:-.005em}
.hero-brand img{width:30px;height:30px;border-radius:7px;box-shadow:0 2px 5px #0007}
.hero-card .hero-actions p{max-width:none}

/* [claude-opus-5-5 2026-10-01] Owner: model identity (GLM blue, Qwen green) and the chip colours belong to every theme,
   adapted to it, not only to Studio. Each theme sets the same tokens; the components below read only the tokens.
   Studio's values are the defaults (they are Studio's existing colours); Slate keeps them on a bluer base, Graphite and
   Silver use muted versions that sit on neutral grey, and Amber uses steel blue and jade that sit beside gold. */
:root{
 --card-a:#020304;--card-b:#050c15;
 --glm-tint:#10263d;--glm-tint-2:#09192b;--glm-edge:#34465d;--glm-light:#b6cfea;--glm-tile-a:#17283b;--glm-tile-b:#0b121d;--glm-tile-edge:#456181;
 --qwen-tint:#224d35;--qwen-tint-2:#122f20;--qwen-edge:#345442;--qwen-light:#acd8bd;--qwen-tile-a:#213e30;--qwen-tile-b:#101f17;--qwen-tile-edge:#416c55;
 --chip1-bg:#241c31;--chip1-edge:#5a486d;--chip1-ink:#d6c0ed;--chip2-bg:#152b2c;--chip2-edge:#365c5d;--chip2-ink:#b1d9d6;
 --chip3-bg:#30271a;--chip3-edge:#65543a;--chip3-ink:#dfc69d;--chip4-bg:#132236;--chip4-edge:#405a79;--chip4-ink:#c3d8f2}
:root[data-theme=slate]{--card-a:#070b12;--card-b:#0c1420}
:root:is([data-theme=graphite],[data-theme=silver]){
 --card-a:#141414;--card-b:#1b1b1c;
 --glm-tint:#1c2a39;--glm-tint-2:#161e28;--glm-edge:#3e4b5a;--glm-light:#bccbdb;--glm-tile-a:#27323e;--glm-tile-b:#171d24;--glm-tile-edge:#4a5868;
 --qwen-tint:#1d2e24;--qwen-tint-2:#162019;--qwen-edge:#3d4f44;--qwen-light:#b9d0c0;--qwen-tile-a:#25342b;--qwen-tile-b:#161e19;--qwen-tile-edge:#4a5d51;
 --chip1-bg:#25212b;--chip1-edge:#4c4554;--chip1-ink:#cfc4da;--chip2-bg:#1c2828;--chip2-edge:#405252;--chip2-ink:#bcd4d2;
 --chip3-bg:#2b2620;--chip3-edge:#57503f;--chip3-ink:#d8c8a8;--chip4-bg:#1d2632;--chip4-edge:#45536a;--chip4-ink:#c3d0e0}
:root[data-theme=silver]{--card-a:#16181c;--card-b:#1d2026}
:root[data-theme=amber]{
 --card-a:#11171a;--card-b:#182024;
 --glm-tint:#1b3142;--glm-tint-2:#152532;--glm-edge:#3f5566;--glm-light:#b9cfe0;--glm-tile-a:#223646;--glm-tile-b:#14202a;--glm-tile-edge:#4a6275;
 --qwen-tint:#1c3629;--qwen-tint-2:#16281f;--qwen-edge:#3f5c4d;--qwen-light:#b6d8c4;--qwen-tile-a:#22392d;--qwen-tile-b:#14211a;--qwen-tile-edge:#4b6a59;
 --chip1-bg:#2a2230;--chip1-edge:#57475f;--chip1-ink:#d8c6e3;--chip2-bg:#172d2c;--chip2-edge:#3b5f5c;--chip2-ink:#b5dad5;
 --chip3-bg:#33280f;--chip3-edge:#7a5f21;--chip3-ink:#ffd36f;--chip4-bg:#182a38;--chip4-edge:#405a6d;--chip4-ink:#c1d4e3}

/* Each family scope maps its tokens to generic --fam-* names, so the rules below are written once. */
:is(.home-model-glm,.pub-model-card.glm,.pub-model-detail.glm,.access-plan-summary.glm,.offer-family.glm,.home-plan-family.glm,.picker-group.glm,.pool-card.glm,.picker-model-icon.glm),.glm .family-emblem{--fam-tint:var(--glm-tint);--fam-tint-2:var(--glm-tint-2);--fam-edge:var(--glm-edge);--fam-light:var(--glm-light);--fam-tile-a:var(--glm-tile-a);--fam-tile-b:var(--glm-tile-b);--fam-tile-edge:var(--glm-tile-edge)}
:is(.home-model-qwen,.pub-model-card.qwen,.pub-model-detail.qwen,.access-plan-summary.qwen,.offer-family.qwen,.home-plan-family.qwen,.picker-group.qwen,.pool-card.qwen,.picker-model-icon.qwen),.qwen .family-emblem{--fam-tint:var(--qwen-tint);--fam-tint-2:var(--qwen-tint-2);--fam-edge:var(--qwen-edge);--fam-light:var(--qwen-light);--fam-tile-a:var(--qwen-tile-a);--fam-tile-b:var(--qwen-tile-b);--fam-tile-edge:var(--qwen-tile-edge)}
.offer-family:is(.glm,.qwen){--family-light:var(--fam-light);--family-edge:var(--fam-edge);--family-dark:var(--fam-tile-b);--family-sheen:var(--fam-tint-2);--family-ink:var(--fam-tile-b)}

/* Model cards (home, Models page, model detail): family wash from the top right over the theme's card base. */
html[data-theme] :is(.public-root,.workspace-root) :is(.home-model-glm,.home-model-qwen),html[data-theme] .public-root :is(.pub-model-card,.pub-model-detail):is(.glm,.qwen){background:radial-gradient(ellipse at 105% 35%,var(--fam-tint) 0%,var(--fam-tint-2) 24%,transparent 64%),linear-gradient(105deg,var(--card-a),var(--card-b));border-color:var(--fam-edge)}
html[data-theme] .public-root .pub-model-card:is(.glm,.qwen):hover{border-color:color-mix(in srgb,var(--fam-edge) 70%,var(--fam-light))}
html[data-theme] :is(.public-root,.workspace-root) :is(.home-model-glm,.home-model-qwen) .model-symbol,html[data-theme] .public-root :is(.family-emblem,.picker-model-icon){background:linear-gradient(var(--fam-tile-a),var(--fam-tile-b));border-color:var(--fam-tile-edge);color:var(--fam-light)}
html[data-theme] :is(.public-root,.workspace-root) :is(.home-model-glm,.home-model-qwen,.pub-model-card,.pub-model-detail) .model-sculpture.provider-art{color:var(--fam-light)}
html[data-theme] .public-root .pub-model-card:is(.glm,.qwen) .pub-tags>span{color:var(--fam-light);border-color:color-mix(in srgb,var(--fam-edge) 70%,transparent)}
html[data-theme] .public-root .pub-model-card:is(.glm,.qwen) .pub-model-foot>span:last-child{color:var(--fam-light)}

/* The four capability chips keep their meaning in every theme. */
html[data-theme] .model-tags span:nth-child(1){background:var(--chip1-bg);border-color:var(--chip1-edge);color:var(--chip1-ink)}
html[data-theme] .model-tags span:nth-child(2){background:var(--chip2-bg);border-color:var(--chip2-edge);color:var(--chip2-ink)}
html[data-theme] .model-tags span:nth-child(3){background:var(--chip3-bg);border-color:var(--chip3-edge);color:var(--chip3-ink)}
html[data-theme] .model-tags span:nth-child(4){background:var(--chip4-bg);border-color:var(--chip4-edge);color:var(--chip4-ink)}

/* Beta access: selected-plan summary and the plan picker groups. */
html[data-theme] .public-root .access-plan-summary:is(.glm,.qwen){background:radial-gradient(ellipse at 110% 0,var(--fam-tint),transparent 64%),linear-gradient(130deg,var(--card-a),var(--card-b));border-color:var(--fam-edge);border-top-color:color-mix(in srgb,var(--fam-edge) 75%,var(--fam-light))}
html[data-theme] .public-root .access-plan-summary:is(.glm,.qwen) :is(.access-summary-label,.access-tier-name,dd,>.text-button){color:var(--fam-light)}
html[data-theme] .public-root .picker-group:is(.glm,.qwen){--picker-tint:var(--fam-tint-2);--picker-border:var(--fam-edge);--picker-text:var(--fam-light)}

/* Operator pool cards. */
html[data-theme] .workspace-root .pool-card:is(.glm,.qwen) .workspace-card-header{background:linear-gradient(115deg,color-mix(in srgb,var(--fam-tint) 60%,transparent),transparent 80%)}
html[data-theme] .workspace-root .pool-card:is(.glm,.qwen) .capacity-slots i.occupied{background:linear-gradient(var(--fam-tile-edge),var(--fam-tile-a));border-color:color-mix(in srgb,var(--fam-tile-edge) 60%,var(--fam-light))}

/* [claude-opus-5-5 2026-10-01] Owner: carry the family colouring onto the pricing tier cards, more softly than the model
   cards: a light wash from the top right, a faint tint on the header strip and family-leaning borders. Ultra keeps the
   strongest treatment, now from the same per-theme tokens. */
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--fam-tint) 22%,transparent),transparent 52%),linear-gradient(165deg,var(--card-b),var(--card-a));border-color:color-mix(in srgb,var(--fam-edge) 20%,var(--line))}
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan .tier-cap{background:linear-gradient(color-mix(in srgb,var(--fam-tint) 16%,transparent),transparent);border-bottom-color:color-mix(in srgb,var(--fam-edge) 18%,transparent)}
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan:hover{border-color:color-mix(in srgb,var(--fam-edge) 60%,var(--line))}
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan.ultra{background:radial-gradient(ellipse at 100% 0,var(--fam-tint),var(--fam-tint-2) 30%,transparent 72%),linear-gradient(160deg,var(--card-b),var(--card-a));border-color:var(--fam-edge);border-top-color:color-mix(in srgb,var(--fam-edge) 65%,var(--fam-light))}
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan.ultra .tier-cap{background:linear-gradient(color-mix(in srgb,var(--fam-tint) 85%,transparent),color-mix(in srgb,var(--fam-tint-2) 40%,transparent))}
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan.dedicated .tier-cap{background:linear-gradient(color-mix(in srgb,var(--fam-tint-2) 50%,var(--card-b)),var(--card-b))}

/* [claude-opus-5-5 2026-10-01] Owner: the tier tint was too strong and Ultra no longer stood out. Regular tiers keep only a
   trace of the family colour; the highlighted tier (Ultra) keeps the full family treatment, including its action. */
html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan.ultra>.tier-body>.button,html[data-theme] :is(.public-root,.workspace-root) .offer-family:is(.glm,.qwen) .pub-plan.ultra .price-action{background:linear-gradient(var(--fam-tile-a),var(--fam-tile-b));border-color:var(--fam-tile-edge);color:var(--fam-light)}

/* [claude-opus-5-5 2026-10-01] Owner: the ribbon sat too far left and its end showed top right. The art layer now spans the
   whole banner and the ribbon uses the ads' own framing, so it sits in the right third and runs off the edge. The
   infinity (Amber) keeps a right-hand box of its own. */
.hero-card .hero-art{inset:0}
.hero-banner .hero-ribbon{inset:0;width:100%;height:100%;opacity:.9}
.hero-art::before{display:none}
.hero-card .hero-infinity{left:auto;right:-10%;width:60%}
@media(max-width:760px){.hero-card .hero-art{inset:0;opacity:.6}.hero-card .hero-infinity{right:-30%;width:100%}}

/* [claude-opus-5-5 2026-10-01] Owner trial: full-strength colouring in every theme. Family, chip and banner colours all
   take Studio's full values; each theme keeps only its own card base. Delete this block to return to the per-theme muted
   versions above. */
:root[data-theme]{
 --glm-tint:#10263d;--glm-tint-2:#09192b;--glm-edge:#34465d;--glm-light:#b6cfea;--glm-tile-a:#17283b;--glm-tile-b:#0b121d;--glm-tile-edge:#456181;
 --qwen-tint:#224d35;--qwen-tint-2:#122f20;--qwen-edge:#345442;--qwen-light:#acd8bd;--qwen-tile-a:#213e30;--qwen-tile-b:#101f17;--qwen-tile-edge:#416c55;
 --chip1-bg:#241c31;--chip1-edge:#5a486d;--chip1-ink:#d6c0ed;--chip2-bg:#152b2c;--chip2-edge:#365c5d;--chip2-ink:#b1d9d6;
 --chip3-bg:#30271a;--chip3-edge:#65543a;--chip3-ink:#dfc69d;--chip4-bg:#132236;--chip4-edge:#405a79;--chip4-ink:#c3d8f2}
html[data-theme] .hero-banner{--hero-a:#121925;--hero-b:#0b1221;--hero-c:#070c15;--hero-tail:#a9bcdb;--rb-0:#0a1222;--rb-1:#1b3051;--rb-2:#385d94;--rb-3:#29466e;--rb-4:#162a46;--rb-seam:#6287ba}
/* Amber's banner stays as razzphox designed it: warm graphite field, gold infinity, gold headline accent. */
html[data-theme=amber] .hero-banner{--hero-a:#182023;--hero-b:#11171a;--hero-c:#0b0f11;--hero-tail:#f0f1ea;border-color:#465157}

/* [claude-opus-5-5 2026-10-01] Unlimited promise: razzphox's strand infinity as the emblem and a faint trail behind the row,
   in every theme (banner blue; gold on Amber). */
:root{--inf-0:#385d94;--inf-1:#6287ba;--inf-2:#d3e2f5}
:root[data-theme=amber]{--inf-0:#b87816;--inf-1:#ffc348;--inf-2:#fff0b5}
.public-root .unlimited-promise{position:relative;overflow:hidden;isolation:isolate;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--inf-1) 22%,var(--line));border-radius:6px;background:linear-gradient(100deg,color-mix(in srgb,var(--inf-0) 16%,transparent),transparent 72%)}
.public-root .unlimited-seal.infinity-seal{width:62px;height:30px;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 1px 2px #0008)}
.public-root .infinity-seal svg{width:62px;height:30px}
.public-root .infinity-trail{position:absolute;z-index:-1;right:-70px;top:50%;width:280px;height:122px;transform:translateY(-50%) rotate(-9deg);opacity:.2;pointer-events:none}
@media(max-width:560px){.public-root .infinity-trail{right:-120px;opacity:.14}}

/* [claude-opus-5-5 2026-10-01] Owner: the banner carries the 970x250 ad's finer details (04-frontier-970x250.svg): Segoe UI
   type with a light, silver-gradient "uncensored frontier", the diagonal midnight field with its atmosphere glow and grain,
   the ad's bevelled steel-blue button with a chevron, and its sub-line and tag colours. Amber keeps its own styling. */
html[data-theme]:not([data-theme=amber]) .hero-banner{background:radial-gradient(ellipse 41% 120% at 79% 32%,#34527e33,transparent 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E"),linear-gradient(132deg,#121925,#0b1221 50%,#070c15)}
/* [claude-opus-5-5 2026-10-01] Owner: the banner headline and its brand name keep the ad's Segoe UI whatever the site
   font is. The brand name next to the logo uses the site's Tahoma, like every other "Unquant" wordmark (owner trial,
   2026-10-01). */
html[data-theme]:not([data-theme=amber]) .hero-banner h1{font-family:'Segoe UI',system-ui,sans-serif}
html[data-theme] .hero-banner .hero-brand{font-family:'Wine Tahoma',Tahoma,sans-serif}
html[data-theme]:not([data-theme=amber]) .hero-card h1{font-size:46px;letter-spacing:-.035em}
html[data-theme]:not([data-theme=amber]) .hero-lead{font-weight:600;color:#eeeef2}
html[data-theme]:not([data-theme=amber]) .hero-tail{font-weight:300;letter-spacing:-.04em;background:linear-gradient(170deg,#edf4ff,#b8cce8 45%,#6584b1);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
html[data-theme]:not([data-theme=amber]) .hero-brand{font-size:19px;font-weight:600;letter-spacing:-.03em;color:#eeeef2}
html[data-theme]:not([data-theme=amber]) .hero-card .hero-actions p{font-size:13px;font-weight:500;color:#9ba9bf}
html[data-theme]:not([data-theme=amber]) .hero-tag{font-size:9px;font-weight:600;letter-spacing:.22em;color:#8090a9;background:none;padding:0}
html[data-theme]:not([data-theme=amber]) .hero-banner .button.hero-cta{background:linear-gradient(#395675,#2a4262 48%,#203756 52%,#293f5c);border:1px solid #4b6485;border-radius:4px;color:#e0e9f5;font-weight:600;text-shadow:0 1px 0 #080f1c;box-shadow:inset 0 1px 0 #bdd1eb33,inset 0 -1px 0 #02071273,0 2px 0 #030711a6;padding:8px 14px;gap:10px}
html[data-theme]:not([data-theme=amber]) .hero-banner .button.hero-cta:hover{background:linear-gradient(#41607f,#30496b 48%,#25405f 52%,#2f4766)}
html[data-theme]:not([data-theme=amber]) .hero-banner .button.hero-cta .icon{color:#b9cce6;width:13px;height:13px}
@media(max-width:760px){html[data-theme]:not([data-theme=amber]) .hero-card h1{font-size:32px}}

/* [claude-opus-5-5 2026-10-01] Owner: match the ad exactly (it measured lighter). The art is now the ad's own SVG, so the
   CSS field/glow/grain layers go; "uncensored frontier" uses the ad's gradient geometry: it runs from the text's top-left
   corner along (0.3 x width, 1 x height), which for this line is about 121deg over 2.6em, so the bright stops sit at the
   start and most of the line is #6584b1. */
html[data-theme]:not([data-theme=amber]) .hero-banner{background:#0b1221}
.hero-ad-art{display:block;opacity:1}
.hero-banner .hero-ribbon{display:none}
html[data-theme=amber] .hero-ad-art{display:none}
/* Correction: SVG objectBoundingBox gradients are laid out in normalised box space, so (0.3, 1) runs almost straight down
   (about 3deg off vertical) over the text's full ascent+descent box, with offsets scaled by 1/1.19 to CSS corner-to-corner
   terms. line-height 1.33 makes the box the font's ascent+descent; the negative margin keeps the ad's line spacing. */
html[data-theme]:not([data-theme=amber]) .hero-tail{display:block;width:fit-content;line-height:1.33;margin-top:-.26em;padding-bottom:0;background:linear-gradient(177deg,#edf4ff 0,#b8cce8 37.8%,#6584b1 84%);-webkit-background-clip:text;background-clip:text}

/* [claude-opus-5-5 2026-10-01] Sign-in page: razzphox's tri-line infinity in place of the contour rings, every theme
   (banner blue; gold on Amber via --inf-*). */
.auth-art.auth-infinity{width:560px;height:280px;transform:translate(-50%,-50%) rotate(-12deg);opacity:.8;filter:drop-shadow(0 2px 6px #0007)}
.auth-art.auth-infinity svg{display:block;width:100%;height:100%}
@media(max-width:1100px){.auth-art.auth-infinity{width:420px;height:210px}}

/* [claude-opus-5-5 2026-10-01] Sign-in art follows razzphox's original infinity: metallic ribbon, bloom and a faint grid. */
:root{--inf-deep:#2c4c77;--inf-mid:#385d94;--inf-grid:#4a6488}
:root[data-theme=amber]{--inf-deep:#b87816;--inf-mid:#e9a72c;--inf-grid:#94702c}
.auth-art.auth-infinity{width:640px;height:416px;transform:translate(-50%,-50%);opacity:1;filter:none}
.auth-art.auth-infinity svg{display:block;width:100%;height:100%}
@media(max-width:1100px){.auth-art.auth-infinity{width:480px;height:312px}}

/* [claude-opus-5-5 2026-10-01] Owner: the sign-in panel takes the banner's aesthetic instead of its old grey radial: the ad's
   midnight field, blue glow and grain on the site's themes, the banner's warm graphite and grain on Amber. The infinity is
   faint, like the banner's. */
html[data-theme] .auth-aside{background:radial-gradient(ellipse 70% 55% at 50% 42%,#34527e2e,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"),linear-gradient(132deg,#121925,#0b1221 50%,#070c15)}
html[data-theme=amber] .auth-aside{background:radial-gradient(ellipse 70% 55% at 50% 42%,#ffc3480d,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"),linear-gradient(132deg,#182023,#11171a 50%,#0b0f11)}
.auth-art.auth-infinity{opacity:.8}

/* [claude-opus-5-5 2026-10-01] Sign-in art is the banner's infinity exactly, at the banner's proportions (900:500). */
.auth-art.auth-infinity{width:720px;height:400px;opacity:1}
.auth-art.auth-infinity .hero-infinity{display:block;width:100%;height:100%}
@media(max-width:1100px){.auth-art.auth-infinity{width:540px;height:300px}}

/* [claude-opus-5-5 2026-10-01] Owner: the sign-in panel goes darker, close to black, keeping only a trace of each theme's tint. */
html[data-theme] .auth-aside{background:radial-gradient(ellipse 60% 45% at 50% 42%,#1d2f4a33,transparent 72%),linear-gradient(132deg,#080b11,#05070b 55%,#030407)}
html[data-theme=amber] .auth-aside{background:radial-gradient(ellipse 60% 45% at 50% 42%,#ffc3480a,transparent 72%),linear-gradient(132deg,#0b0e10,#07090a 55%,#040505)}

/* [claude-opus-5-5 2026-10-01] Sign-in headline: two lines like the banner, "uncensored frontier" on the second; on Amber the
   word "uncensored" takes the banner's gold. */
.auth-copy .auth-lead,.auth-copy .auth-tail{display:block}
html[data-theme=amber] .auth-copy h1 em{font-style:normal;color:#ffc348}

/* [claude-opus-5-5 2026-10-01] Analytics consent bar. */

/* [claude-opus-5-5 2026-10-01] Terms of Service and Privacy Policy pages: a header with the document's date and entity, an
   "On this page" list kept beside the text on wide screens (a collapsible list on phones), numbered sections with
   anchors, one consistent 70ch measure, a calm table, the Privacy Policy's short version as a summary panel, and
   [PLACEHOLDERS] marked so they can't be missed in review. Theme-aware through the usual tokens. */
.seo-guide:has(.legal-page){max-width:1060px}
.legal-page{--legal-measure:70ch}
.legal-page .legal-head{padding:4px 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.legal-page .legal-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--subtle);margin-bottom:8px}
.legal-page .legal-head h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em}
.legal-page .legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;font-size:11px;color:var(--subtle)}
.legal-page .legal-intro{max-width:var(--legal-measure)}
.legal-page .legal-intro p{font-size:13px;line-height:1.75;color:var(--muted);margin:12px 0 0}
.legal-page .legal-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}
.legal-page .legal-toc{position:sticky;top:64px;max-height:calc(100vh - 90px);overflow:auto}
.legal-page .legal-toc summary{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);list-style:none;cursor:default;margin-bottom:8px}
.legal-page .legal-toc summary::-webkit-details-marker{display:none}
.legal-page .legal-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;border-left:1px solid var(--line)}
.legal-page .legal-toc li{counter-increment:toc}
.legal-page .legal-toc a{display:flex;gap:8px;padding:5px 0 5px 12px;margin-left:-1px;border-left:1px solid transparent;font-size:11px;line-height:1.4;color:var(--muted);text-decoration:none}
.legal-page .legal-toc a::before{content:counter(toc);min-width:14px;color:var(--subtle);font-variant-numeric:tabular-nums}
.legal-page .legal-toc a:hover{color:var(--text);border-left-color:var(--muted)}
.legal-page .legal-body{min-width:0;max-width:var(--legal-measure)}
.legal-page .legal-section{scroll-margin-top:70px;padding-top:4px;margin-bottom:26px}
.legal-page .legal-section+.legal-section{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding-top:20px}
.legal-page .legal-body h2{font-size:16px;line-height:1.35;margin:0 0 10px;padding:0;border:0;letter-spacing:-.01em}
.legal-page .legal-body p,.legal-page .legal-body li{font-size:12.5px;line-height:1.8;color:var(--muted);max-width:none}
.legal-page .legal-body p{margin:0 0 12px}
.legal-page .legal-body strong{color:var(--text);font-weight:600}
.legal-page .legal-body ul{margin:6px 0 14px;padding-left:18px;max-width:none}
.legal-page .legal-body li{margin:5px 0}
.legal-page .legal-body li::marker{color:var(--subtle)}
.legal-page a{color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--text) 35%,transparent);text-underline-offset:3px}
.legal-page a:hover{text-decoration-color:var(--text)}
.legal-page code{font-size:11px;padding:1px 5px;border:1px solid var(--line);border-radius:3px;background:#0003}
/* Lawful bases table: quiet rules, regular-weight purposes, the basis set apart. */
.legal-page table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:12px}
.legal-page th{text-align:left;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);padding:0 12px 8px 0;border-bottom:1px solid var(--line)}
.legal-page td{padding:9px 12px 9px 0;vertical-align:top;line-height:1.55;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.legal-page td:last-child{color:var(--text);width:38%}
/* The short version (Privacy Policy). */
.legal-page .legal-summary{margin:0 0 30px;padding:16px 18px 6px;border:1px solid color-mix(in srgb,var(--glm-edge,#34465d) 80%,var(--line));border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--glm-tint,#10263d) 55%,transparent),transparent 75%)}
.legal-page .legal-summary h2{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glm-light,#b6cfea);margin:0 0 8px}
.legal-page .legal-summary ul{list-style:none;padding:0;margin:0}
.legal-page .legal-summary li{position:relative;padding-left:20px;margin:0 0 10px;color:var(--text)}
.legal-page .legal-summary li::before{content:'';position:absolute;left:2px;top:.62em;width:8px;height:4px;border-left:1.5px solid var(--glm-light,#b6cfea);border-bottom:1.5px solid var(--glm-light,#b6cfea);transform:rotate(-45deg)}
.legal-page .legal-summary li strong{font-weight:650}
[data-theme=amber] .legal-page .legal-summary{border-color:#7a5f21;background:linear-gradient(160deg,#ffc34812,transparent 75%)}
[data-theme=amber] .legal-page .legal-summary h2{color:#ffc348}
[data-theme=amber] .legal-page .legal-summary li::before{border-color:#ffc348}
/* Placeholders still to be filled in. */
.legal-page mark.legal-ph{background:#ffc34824;color:#ffd36f;border:1px dashed #ffc34880;border-radius:3px;padding:0 3px;font-size:.95em}
@media(max-width:900px){
 .legal-page .legal-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 .legal-page .legal-toc{position:static;max-height:none;padding:10px 12px;border:1px solid var(--line);border-radius:6px}
 .legal-page .legal-toc summary{cursor:pointer;margin:0;list-style:revert}
 .legal-page .legal-toc details[open] summary{margin-bottom:8px}
 .legal-page .legal-head h1{font-size:25px}
 .legal-page td:last-child{width:auto}
}
/* Contents links are navigation, not prose links: plain, muted, no underline (overrides the guide link style). */
.seo-guide .legal-page .legal-toc a,.legal-page .legal-toc a{color:var(--muted);text-decoration:none}
.seo-guide .legal-page .legal-toc a:hover{color:var(--text)}
.seo-guide .legal-page .legal-body a{color:var(--text)}

/* [claude-opus-5-5 2026-10-01] Owner: with more footer links the centre tagline drifted off-centre (flex space-between
   sizes the outer items unequally). Three-column grid with equal outer columns keeps the tagline truly centred; the links
   sit right and wrap within their column. Phones stack: copyright and tagline on one row, links below. */
html .public-root .footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;row-gap:8px}
html .public-root .footer>span:nth-child(1){justify-self:start}
html .public-root .footer>span:nth-child(2){justify-self:center;text-align:center}
html .public-root .footer>.footer-links{justify-self:end;justify-content:flex-end;flex-basis:auto}
@media(max-width:850px){html .public-root .footer{grid-template-columns:auto auto}html .public-root .footer>span:nth-child(2){justify-self:end}html .public-root .footer>.footer-links{grid-column:1 / -1;justify-self:stretch;justify-content:flex-start}}
/* Legal links sit with the copyright on the left, contact/help on the right, so both sides balance around the tagline. */
html .public-root .footer>.footer-legal{justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0}
html .public-root .footer>span:nth-child(2){justify-self:center}
@media(max-width:850px){html .public-root .footer>.footer-legal{grid-column:1 / -1;order:3}html .public-root .footer>span:nth-child(2){justify-self:start}html .public-root .footer>.footer-links{order:2}}

/* [claude-opus-5-5 2026-10-01] Owner: draw attention to the theme picker by playing its own hover edge light as if a cursor
   glided left to right across it (public.js sweepThemePicker drives --edge-x/--edge-y like the pointer does). */
:is(.public-root,.workspace-root) .control-surface>.surface-edge.edge-sweep{opacity:var(--edge-intensity,.5);transition:opacity .3s ease}
/* [claude-opus-5-5 2026-10-01] After a mouse click the picker keeps focus, and the shared "lit while focused" rule kept its
   edge permanently on (static diagonal between passes, and again after switching tabs). Keep it lit for keyboard focus
   only; hover and the attention pass are unaffected. */
:is(.public-root,.workspace-root) .theme-trigger.control-surface:focus:not(:focus-visible):not(:hover)>.surface-edge:not(.edge-sweep){opacity:0}

/* [claude-opus-5-5 2026-10-01] "Join our Discord" in the public header: Discord blurple (#5865F2) with the site's bevelled
   control finish and its edge light; icon-only on narrow screens. Same in every theme (it's Discord's colour). */
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join{display:inline-flex;align-items:center;gap:7px;height:25px;padding:0 10px;border:1px solid #6d78f5;border-top-color:#8c95f8;border-bottom-color:#3f49c9;border-radius:4px;background:linear-gradient(#6874f4,#5865f2 50%,#4a56e3);color:#fff;font-size:10.5px;font-weight:600;text-decoration:none;text-shadow:0 1px 0 #2a33a3;box-shadow:inset 0 1px 0 #ffffff38,0 1px 2px #0007;white-space:nowrap;--edge-light:#dfe2ff;transform:none}
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join:hover{background:linear-gradient(#7380f6,#5f6bf4 50%,#4f5be8);border-color:#8790f7}
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join svg{flex:none;width:14px;height:14px}
@media(max-width:1100px){html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join{padding:0 7px}html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join span{display:none}}
/* Match the neighbouring header controls exactly (the shared .button sizing made it taller). */
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join{min-height:0;height:25px;line-height:1;box-sizing:border-box;padding-block:0}
@media(max-width:600px){html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join{width:27px;padding:0;justify-content:center}}

/* [claude-opus-5-5 2026-10-01] Mellow variant, kept for later (owner chose blurple): add class discord-mellow to the
   button to use it. The header controls' own quiet finish; only the logo carries Discord's blurple,
   softened towards the theme's text colour. Hover warms the border and edge light towards blurple. */
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join.discord-mellow{background:linear-gradient(#ffffff07,#0002);border:1px solid var(--line);border-top-color:#ffffff30;color:var(--text);text-shadow:none;font-weight:500;box-shadow:inset 0 1px #ffffff07,0 1px 2px #0005;--edge-light:#c9cdff}
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join.discord-mellow svg{color:color-mix(in srgb,#5865f2 72%,var(--text))}
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join.discord-mellow:hover{background:linear-gradient(#5865f212,#0002);border-color:color-mix(in srgb,#5865f2 45%,var(--line))}
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join.discord-mellow:hover svg{color:#8c95f8}
/* [claude-opus-5-5 2026-10-01] Owner noticed the Discord button looked a pixel off beside the picker and currency controls.
   Geometry was identical; the larger label and heavier shadow/bottom edge made it read lower. Match their type metrics and
   shadow, keep blurple and the bold weight. */
html[data-theme] :is(.public-root,.workspace-root) .top-actions>.button.discord-join{font-size:10px;line-height:16px;border-bottom-color:#4f5ad6;box-shadow:inset 0 1px 0 #ffffff30,0 1px 2px #0005}

/* [claude-opus-5-5 2026-10-01] Owner: guide and docs components, designed for them in the same restrained, bevelled
   language as the model pages: title strips, an engraved number plate per step, a dialog-style group box of values to
   enter (inset fields, small bevelled copy buttons), notes and checklists with the site's coloured icon tiles, a
   troubleshooting and error ledger with code plates, plan choices, readout wells for figures, a comparison table, a
   parameter sheet, a guide library list and a contents rail. */
.public-root .g-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:6px 14px;background:linear-gradient(180deg,#ffffff05,#ffffff00 80%),linear-gradient(100deg,color-mix(in srgb,var(--mint) 6%,transparent),transparent 60%);box-shadow:inset 0 1px #ffffff0a}
.public-root .g-strip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ffffff10,#ffffff06 70%,transparent);box-shadow:0 1px #0005;pointer-events:none}
.public-root .g-strip :is(h2,h3,strong){margin:0;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--text);text-shadow:0 1px 1px #0006}
.public-root .g-strip-note{font-size:10.5px;color:var(--subtle)}

/* Coloured icon tiles (the site's tile palette). */
.public-root .g-well{width:24px;height:24px;flex:none;border-radius:4px;display:grid;place-items:center;border:1px solid #42647f;background:linear-gradient(#253e55,#162737);color:#b0d4ed;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
.public-root .g-well svg{width:13px;height:13px}
.public-root :is(.g-checklist li:nth-child(4n+2),.g-item .g-well[data-icon=Sparkles]) .g-well,.public-root .g-item .g-well[data-icon=Sparkles],.public-root .g-checklist li:nth-child(4n+2) .g-well{background:linear-gradient(#3d334d,#251d31);border-color:#6b5981;color:#d6c3ec}
.public-root .g-checklist li:nth-child(4n+3) .g-well,.public-root .g-item .g-well[data-icon=Layers],.public-root .g-note-tip .g-well{background:linear-gradient(#2b4246,#192a2e);border-color:#51737a;color:#bbdce1}
.public-root .g-checklist li:nth-child(4n) .g-well,.public-root .g-item .g-well[data-icon=ArrowRightLeft],.public-root .g-note-warn .g-well{background:linear-gradient(#44392a,#282015);border-color:#766144;color:#e7c992}
.public-root .g-note-privacy .g-well{background:linear-gradient(#304735,#182b20);border-color:#52775d;color:#bce0c7}

/* Page meta, layout and contents rail. */
.public-root .g-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-6px 0 16px;font-size:11px;color:var(--subtle)}
.public-root .g-meta>span:not(.g-plate)+span::before{content:'·';margin-right:10px}
.public-root :is(.g-plate,.g-push){border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--line) 70%,#fff 14%);background:linear-gradient(color-mix(in srgb,var(--raised) 90%,#fff 5%),var(--panel));box-shadow:inset 0 1px #ffffff0d,0 1px 1px #0006;color:var(--text)}
.public-root .g-plate{padding:2px 8px;border-radius:4px;font-size:10.5px}
.public-root .g-push{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:4px;font-size:11px;text-decoration:none;align-self:flex-start;transition:border-color .15s}
.public-root .g-push:hover{border-color:color-mix(in srgb,var(--line) 60%,#fff 18%)}
.public-root .g-push svg{width:12px;height:12px}
.public-root .g-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}
.public-root .g-rail{position:sticky;top:60px;display:flex;flex-direction:column;gap:10px}
.public-root .g-toc{padding:0;overflow:hidden}
.public-root .g-toc ol{list-style:none;margin:0;padding:5px 0}
.public-root .g-toc a{display:flex;align-items:center;gap:8px;padding:6px 12px;border-left:2px solid transparent;font-size:11px;line-height:1.4;color:var(--muted);text-decoration:none;transition:color .15s,background-color .15s}
.public-root .g-toc a:hover{color:var(--text)}
.public-root .g-toc a[aria-current]{color:var(--text);background:#ffffff05;border-left-color:var(--mint)}
.public-root .g-toc-num{width:17px;height:17px;flex:none;border-radius:3px;display:grid;place-items:center;font-size:9.5px;color:var(--subtle);border:1px solid #0008;background:#00000038;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff07}
.public-root .g-toc a[aria-current] .g-toc-num{color:var(--text)}

/* Article text. */
.public-root .g-article{min-width:0;max-width:780px}
.public-root .g-article>p,.public-root .g-step-body>p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 12px}
.public-root .g-article>h2{font-size:15px;line-height:1.35;margin:26px 0 10px;color:var(--text);text-shadow:0 1px 1px #0006;scroll-margin-top:70px}
.public-root .g-article>h2:first-child{margin-top:2px}
.public-root .g-article :is(p,li,td,span) a{color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mint) 55%,transparent);text-underline-offset:3px}
.public-root .g-article :is(p,li,td,span) a:hover{color:var(--mint)}
.public-root :is(.g-article,.pub-doc-article) :is(p,li,td,span:not(.g-field)) code:not(pre code){font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:3px;border:1px solid #0007;background:#00000038;color:var(--text);overflow-wrap:anywhere}
.public-root .g-article strong{color:var(--text);font-weight:600}
.public-root .g-article ul:not([class]){margin:8px 0 14px;padding-left:18px}
.public-root .g-article ul:not([class]) li{font-size:12px;line-height:1.75;color:var(--muted);margin:4px 0}
.public-root .g-article .pub-code-sample{margin:10px 0 16px}

/* Steps. */
.public-root .g-steps{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:10px}
.public-root .g-step{padding:0;overflow:hidden}
.public-root .g-step>.g-strip{justify-content:flex-start;gap:10px}
.public-root .g-num{width:20px;height:20px;flex:none;border-radius:4px;display:grid;place-items:center;font-size:10.5px;font-weight:600;color:var(--text);border:1px solid #0008;background:#00000040;box-shadow:inset 0 1px 2px #0007,0 1px #ffffff08}
.public-root .g-step h3{scroll-margin-top:70px}
.public-root .g-step-body{padding:12px 14px 14px}
.public-root .g-step-body>:last-child{margin-bottom:0}
.public-root .g-step-body>.g-checklist{margin-top:0}

/* Values to enter: a dialog group box. */
.public-root .g-group{margin:4px 0 12px;padding:10px 12px 12px;min-width:0;border:1px solid #0007;border-radius:5px;box-shadow:inset 0 1px #ffffff07,0 1px #ffffff06}
.public-root .g-group legend{padding:0 6px;font-size:10.5px;color:var(--subtle)}
.public-root .g-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center}
.public-root .g-row+.g-row{margin-top:7px}
.public-root .g-label{font-size:11px;line-height:1.3;color:var(--subtle);text-align:right}
.public-root .g-field{display:flex;align-items:center;gap:6px;min-width:0;min-height:28px;padding:0 3px 0 9px;border-radius:4px;border:1px solid #0008;background:#00000038;box-shadow:inset 0 1px 2px #0007,0 1px #ffffff08}
.public-root .g-field code{flex:1;min-width:0;padding:4px 0;font-family:var(--mono);font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-root .g-value{flex:1;min-width:0;padding:5px 0;font-size:11.5px;line-height:1.4;color:var(--text)}
.public-root .g-copy{flex:none;width:24px;height:21px;display:grid;place-items:center;padding:0;border-radius:3px;border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--line) 70%,#fff 14%);background:linear-gradient(color-mix(in srgb,var(--raised) 90%,#fff 5%),var(--panel));box-shadow:inset 0 1px #ffffff0d,0 1px 1px #0006;color:var(--text);cursor:pointer}
.public-root .g-copy:active{background:var(--panel);box-shadow:inset 0 1px 2px #0008}
.public-root .g-copy svg{width:12px;height:12px}
.public-root .g-copy.copy-confirmed{color:var(--mint)}
.public-root .g-group-note{margin:8px 0 0;font-size:11px;color:var(--subtle)}

/* Notes. */
.public-root .g-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;margin:10px 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#ffffff04,#00000010);box-shadow:inset 0 1px #ffffff07}
.public-root .g-note p{margin:0;padding-top:3px;font-size:11.5px;line-height:1.6;color:var(--muted)}

/* Checklist. */
.public-root .g-checklist{list-style:none;margin:10px 0 16px;padding:0;overflow:hidden}
.public-root .g-checklist li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:10px 14px}
.public-root .g-checklist li+li{border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
.public-root .g-checklist div>strong{display:block;font-size:12px;color:var(--text)}
.public-root .g-checklist div>span{display:block;margin-top:1px;font-size:11.5px;line-height:1.6;color:var(--muted)}

/* Troubleshooting and error ledger. */
.public-root .g-ledger{margin:10px 0 16px;padding:0;overflow:hidden}
.public-root .g-entry{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;padding:10px 14px}
.public-root .g-entry+.g-entry{border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
.public-root .g-code{display:grid;place-items:center;height:22px;border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:600;border:1px solid #766144;background:linear-gradient(#44392a,#282015);color:#e7c992;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
.public-root .g-code[data-kind="5xx"]{border-color:#7a4a4a;background:linear-gradient(#4a2c2c,#2a1818);color:#efa99e}
.public-root .g-code[data-kind="tip"]{font-family:inherit;font-weight:500;border-color:#51737a;background:linear-gradient(#2b4246,#192a2e);color:#bbdce1}
/* [claude-opus-5-5 2026-10-10] Only the entry title is a block; bold words inside the fix text stay inline (owner screenshot). */
.public-root .g-entry>div>strong{display:block;font-size:12px;color:var(--text)}
.public-root .g-entry p strong{color:var(--text)}
.public-root :is(.g-article,.pub-doc-article) .g-entry p{margin:2px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted)}

/* Plan choices. */
.public-root .g-choice.glm{--fam-tint:var(--glm-tint);--fam-light:var(--glm-light)}
.public-root .g-choice.qwen{--fam-tint:var(--qwen-tint);--fam-light:var(--qwen-light)}
.public-root .g-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0 16px}
.public-root .g-choice{display:block;padding:0;overflow:hidden;color:inherit;text-decoration:none}
.public-root .g-choice>.g-strip{background:linear-gradient(180deg,#ffffff05,#ffffff00 80%),linear-gradient(100deg,color-mix(in srgb,var(--fam-tint,#ffffff08) 70%,transparent),transparent 70%)}
.public-root .g-choice>.g-strip svg{width:12px;height:12px;color:var(--subtle);transition:color .15s}
.public-root .g-choice:hover>.g-strip svg{color:var(--fam-light,var(--text))}
.public-root .g-choice p{margin:0;padding:9px 14px 11px;font-size:11.5px;line-height:1.55;color:var(--muted)}
.public-root .g-need{display:block;margin-bottom:2px;font-size:10.5px;color:var(--subtle)}

/* Figure readouts. */
.public-root .g-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 16px}
.public-root .g-readout{display:flex;flex-direction:column;gap:1px;min-width:0;padding:9px 12px 10px;border-radius:5px;border:1px solid #0007;background:linear-gradient(#0000002e,#00000014);box-shadow:inset 0 1px 2px #0006,0 1px #ffffff07}
.public-root .g-readout small{font-size:10.5px;line-height:1.4;color:var(--subtle)}
.public-root .g-readout strong{margin-top:4px;font-size:19px;font-weight:600;line-height:1.3;color:var(--text)}
.public-root .g-readout span{font-size:10.5px;color:var(--muted)}
.public-root .g-readout em{margin-top:6px;font-style:normal;font-size:10.5px;color:var(--subtle)}

/* Comparison table. */
.public-root .g-table{margin:10px 0 16px;padding:0;overflow-x:auto}
.public-root .g-table table{width:100%;border-collapse:collapse;font-size:11.5px}
.public-root .g-table:has(th:nth-child(4)) table{min-width:640px}
.public-root .g-table th{padding:9px 14px;text-align:left;font-size:10.5px;font-weight:500;color:var(--subtle);white-space:nowrap;background:linear-gradient(#ffffff05,#00000014);border-bottom:1px solid #0007;box-shadow:0 1px #ffffff06}
.public-root .g-table td{padding:10px 14px;vertical-align:top;line-height:1.55;color:var(--muted)}
.public-root .g-table tr+tr td{border-top:1px solid #0005;box-shadow:inset 0 1px #ffffff05}
.public-root .g-table td:first-child{white-space:nowrap;color:var(--text)}
.public-root .g-table tr.g-us td{background:color-mix(in srgb,var(--glm-tint,#10263d) 45%,transparent);color:var(--text)}
.public-root .g-table tr.g-us td:first-child{box-shadow:inset 2px 0 var(--glm-light,#b6cfea)}
.public-root .g-table tr.g-us strong{color:var(--glm-light,#b6cfea)}

/* Docs: parameter sheet. */
.public-root .g-params{margin:10px 0 16px;padding:0;overflow:hidden}
.public-root .g-pgroup{padding:6px 14px;font-size:10.5px;color:var(--subtle);background:linear-gradient(#ffffff05,#00000010);border-bottom:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
.public-root .g-param+.g-pgroup{border-top:1px solid #0006}
.public-root .g-param{display:grid;grid-template-columns:minmax(170px,34%) minmax(0,1fr);gap:4px 16px;padding:9px 14px}
.public-root .g-param+.g-param{border-top:1px solid #0004;box-shadow:inset 0 1px #ffffff05}
.public-root .g-pname{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.public-root .g-pname code{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--text)}
.public-root .g-type{font-family:var(--mono);font-size:10px;color:var(--subtle);padding:0 5px;border:1px solid #0007;border-radius:3px;background:#00000030}
.public-root .g-req{font-size:9.5px;color:#e7c992;padding:0 5px;border:1px solid #766144;border-radius:3px;background:linear-gradient(#44392a,#282015)}
.public-root .pub-doc-article .g-param p{margin:0;font-size:11.5px;line-height:1.6;color:var(--muted)}

/* Guide library (index, "Keep reading", the Quickstart's client guides). */
.public-root .g-library{padding:0;overflow:hidden;margin:0 0 14px}
.public-root .pub-doc-article .g-library,.public-root .g-layout+.g-library{margin-top:12px}
.public-root .g-layout+.g-library{margin-top:22px}
.public-root .g-library ul{list-style:none;margin:0;padding:0}
.public-root .g-library li+li{border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
.public-root .g-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto 12px;gap:12px;align-items:center;padding:10px 14px;color:inherit;text-decoration:none;transition:background-color .15s}
.public-root .g-item:hover{background:#ffffff04}
.public-root .g-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.public-root .g-item-text strong{font-size:12px;font-weight:600;color:var(--text)}
.public-root .g-item-text>span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-root .g-item-meta{font-size:10.5px;color:var(--subtle);white-space:nowrap}
.public-root .g-item-go{display:grid;color:var(--subtle);transition:transform .15s,color .15s}
.public-root .g-item-go svg{width:12px;height:12px}
.public-root .g-item:hover .g-item-go{color:var(--mint);transform:translateX(2px)}

@media(max-width:900px){
 .public-root .g-layout{grid-template-columns:minmax(0,1fr)}
 .public-root .g-rail{display:none}
 .public-root .g-readouts{grid-template-columns:minmax(0,1fr)}
 .public-root .g-param{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 .public-root .g-row{grid-template-columns:minmax(0,1fr);gap:4px}
 .public-root .g-label{text-align:left}
 .public-root .g-item{grid-template-columns:24px minmax(0,1fr) 12px}
 .public-root .g-item-meta{display:none}
 .public-root .g-item-text>span{white-space:normal}
}

/* [claude-opus-5-5 2026-10-01] Owner: model page components, designed for the model pages in the site's compact,
   bevelled look and kept restrained (owner: the first pass read as kitsch): title strips etched off from their body,
   shallow readout wells in the site font, property rows with engraved dividers, a plain check list of capabilities,
   one inset for the model ID, inset value wells with small bevelled copy buttons, and quiet push buttons for the setup
   guides. Colours come from the theme tokens and the model family. */
.public-root :is(.m-dock,.m-sheet,.m-console).glm{--fam-tint:var(--glm-tint);--fam-edge:var(--glm-edge);--fam-light:var(--glm-light);--fam-tile-a:var(--glm-tile-a);--fam-tile-b:var(--glm-tile-b);--fam-tile-edge:var(--glm-tile-edge)}
.public-root :is(.m-dock,.m-sheet,.m-console).qwen{--fam-tint:var(--qwen-tint);--fam-edge:var(--qwen-edge);--fam-light:var(--qwen-light);--fam-tile-a:var(--qwen-tile-a);--fam-tile-b:var(--qwen-tile-b);--fam-tile-edge:var(--qwen-tile-edge)}
.public-root :is(.m-dock,.m-sheet,.m-console){padding:0;overflow:hidden;--edge-light:var(--fam-light)}

/* Title strip. */
.public-root .m-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:6px 14px;background:linear-gradient(180deg,#ffffff05,#ffffff00 80%),linear-gradient(100deg,color-mix(in srgb,var(--fam-tint) 55%,transparent),transparent 60%);box-shadow:inset 0 1px #ffffff0a}
.public-root .m-strip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ffffff10,#ffffff06 70%,transparent);box-shadow:0 1px #0005;pointer-events:none}
.public-root .m-strip h2{margin:0;font-size:13px;font-weight:600;letter-spacing:-.1px;color:var(--text);text-shadow:0 1px 1px #0006}
.public-root .m-strip-note{font-size:10.5px;color:var(--subtle)}

/* Built for: one strip of workload bays separated by etched grooves. */
.public-root .m-bays{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.public-root .m-bay{min-width:0;padding:13px 14px 14px}
.public-root .m-bay+.m-bay{border-left:1px solid #0006;box-shadow:inset 1px 0 #ffffff06}
/* Icon tiles take the site's tile palette, one colour per bay, as the home page's "Why Unquant?" list does. */
.public-root .m-well{width:30px;height:30px;border-radius:4px;display:grid;place-items:center;border:1px solid #42647f;background:linear-gradient(#253e55,#162737);color:#b0d4ed;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
.public-root .m-well svg{width:16px;height:16px}
.public-root .m-bay:nth-child(2) .m-well{background:linear-gradient(#3d334d,#251d31);border-color:#6b5981;color:#d6c3ec}
.public-root .m-bay:nth-child(3) .m-well{background:linear-gradient(#2b4246,#192a2e);border-color:#51737a;color:#bbdce1}
.public-root .m-bay:nth-child(4) .m-well{background:linear-gradient(#44392a,#282015);border-color:#766144;color:#e7c992}
.public-root .m-bay h3{margin:9px 0 3px;font-size:12px;font-weight:600;color:var(--text)}
.public-root .m-bay p{margin:0;font-size:11px;line-height:1.55;color:var(--muted)}

/* Specifications: model ID inset, readout wells, property rows and capabilities. */
.public-root .m-plate{display:inline-flex;align-items:center;gap:8px}
.public-root .m-plate small{font-size:10.5px;color:var(--subtle)}
.public-root .m-plate code{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid #0008;background:#00000040;box-shadow:inset 0 1px 2px #0007,0 1px #ffffff08;color:var(--text)}
.public-root .m-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px}
.public-root .m-readout{display:flex;flex-direction:column;gap:1px;min-width:0;padding:9px 12px 10px;border-radius:5px;border:1px solid #0007;background:linear-gradient(#0000002e,#00000014);box-shadow:inset 0 1px 2px #0006,0 1px #ffffff07}
.public-root .m-readout small{font-size:10px;color:var(--subtle)}
.public-root .m-readout strong{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.2px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-root .m-readout span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-root .m-sheet-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:0 14px;padding:4px 0 12px;border-top:1px solid #0005;box-shadow:inset 0 1px #ffffff06}
.public-root .m-props{margin:0}
.public-root .m-props>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #0005;box-shadow:0 1px #ffffff05}
.public-root .m-props>div:last-child{border-bottom:0;box-shadow:none}
.public-root .m-props dt{font-size:11px;color:var(--subtle)}
.public-root .m-props dd{margin:0;font-size:11.5px;line-height:1.5;color:var(--text);text-align:left}
.public-root .m-props code{font-family:var(--mono);font-size:11px}
.public-root .m-caps{padding-top:8px}
.public-root .m-caps small{display:block;margin-bottom:6px;font-size:11px;color:var(--subtle)}
.public-root .m-caps ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
.public-root .m-caps li{display:flex;align-items:center;gap:6px;min-width:0;font-size:11.5px;color:var(--text)}
.public-root .m-caps li svg{width:11px;height:11px;flex:none;color:var(--fam-light)}

/* Connect: the connection values, setup-guide buttons and the example request docked beside them. */
.public-root .m-console-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.public-root .m-console-form{display:flex;flex-direction:column;gap:8px;padding:13px 14px 14px;min-width:0}
.public-root .m-console-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center}
.public-root .m-console-label{font-size:11px;color:var(--subtle);text-align:right}
.public-root .m-console-field{display:flex;align-items:center;gap:6px;min-width:0;height:30px;padding:0 3px 0 9px;border-radius:4px;border:1px solid #0008;background:#00000038;box-shadow:inset 0 1px 2px #0007,0 1px #ffffff08}
.public-root .m-console-field code{flex:1;min-width:0;font-family:var(--mono);font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-root :is(.m-copy,.m-push){border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--line) 70%,#fff 14%);background:linear-gradient(color-mix(in srgb,var(--raised) 90%,#fff 5%),var(--panel));box-shadow:inset 0 1px #ffffff0d,0 1px 1px #0006;color:var(--text);cursor:pointer;transition:border-color .15s,color .15s}
.public-root :is(.m-copy,.m-push):hover{border-color:color-mix(in srgb,var(--line) 60%,#fff 18%)}
.public-root :is(.m-copy,.m-push):active{background:var(--panel);box-shadow:inset 0 1px 2px #0008}
.public-root .m-copy{flex:none;width:24px;height:22px;display:grid;place-items:center;padding:0;border-radius:3px}
.public-root .m-copy svg{width:12px;height:12px}
.public-root .m-copy.copy-confirmed{color:var(--fam-light)}
.public-root .m-console-guides{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;margin-top:4px}
.public-root .m-console-guides small{padding-top:5px;font-size:11px;color:var(--subtle);text-align:right}
.public-root .m-console-guides>div{display:flex;flex-wrap:wrap;gap:5px}
.public-root .m-push{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:4px;font-size:11px;text-decoration:none}
.public-root .m-push:hover{color:var(--fam-light)}
.public-root .m-console .pub-code-sample{margin:0;min-width:0;border:0;border-left:1px solid #0006;border-radius:0;box-shadow:inset 1px 0 #ffffff06}

@media(max-width:1000px){
 .public-root .m-bays,.public-root .m-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-root .m-bay:nth-child(3){border-left:0;box-shadow:none}
 .public-root .m-bay:nth-child(n+3){border-top:1px solid #0006}
 .public-root .m-console-body{grid-template-columns:minmax(0,1fr)}
 .public-root .m-console .pub-code-sample{border-left:0;border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
}
@media(max-width:700px){
 .public-root .m-bays{grid-template-columns:minmax(0,1fr)}
 .public-root .m-bay+.m-bay{border-left:0;border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
 .public-root .m-sheet-body{grid-template-columns:minmax(0,1fr);gap:0}
 .public-root .m-strip{flex-wrap:wrap}
}
/* [claude-opus-5-5 2026-10-01] Owner: the status page, in the site's compact bevelled look: a banner with a recessed
   status lamp, title strips, component rows with the site's coloured icon tiles, raised state plates, an inset well of
   90 daily bars, readout figures, an incident ledger with kind plates, and a shared tooltip. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-page{display:grid;gap:12px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-page>.panel{padding:0;overflow:hidden}
:is(.public-root,.workspace-root){--st-up-a:#3f6d4c;--st-up-b:#24432e;--st-up-edge:#5f9470;--st-up-ink:#bce0c7;--st-minor-a:#7a6a38;--st-minor-b:#4b411f;--st-minor-edge:#9c8a4f;--st-minor-ink:#e7d79a;--st-partial-a:#7d5530;--st-partial-b:#4d321a;--st-partial-edge:#a57645;--st-partial-ink:#efc39a;--st-down-a:#7a3a3a;--st-down-b:#4a2020;--st-down-edge:#a05757;--st-down-ink:#efa99e;--st-maint-a:#3a5a7a;--st-maint-b:#1f3550;--st-maint-edge:#5a82a8;--st-maint-ink:#b9d4ef}

/* Banner. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner{--lamp-a:var(--st-up-a);--lamp-b:var(--st-up-b);--lamp-edge:var(--st-up-edge);--lamp-ink:var(--st-up-ink);background:linear-gradient(100deg,color-mix(in srgb,var(--lamp-a) 22%,transparent),transparent 55%),linear-gradient(180deg,#ffffff05,#00000010)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner.is-degraded{--lamp-a:var(--st-minor-a);--lamp-b:var(--st-minor-b);--lamp-edge:var(--st-minor-edge);--lamp-ink:var(--st-minor-ink)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner.is-outage{--lamp-a:var(--st-down-a);--lamp-b:var(--st-down-b);--lamp-edge:var(--st-down-edge);--lamp-ink:var(--st-down-ink)}
/* [claude-opus-5-5 2026-10-14] Announced planned maintenance: a calm blue, never the outage or degraded colours. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner.is-maintenance{--lamp-a:var(--st-maint-a);--lamp-b:var(--st-maint-b);--lamp-edge:var(--st-maint-edge);--lamp-ink:var(--st-maint-ink)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner.is-unknown{--lamp-a:#4a4d52;--lamp-b:#2a2c30;--lamp-edge:#62666c;--lamp-ink:var(--muted)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner-body{display:flex;align-items:center;gap:14px;padding:14px 16px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-lamp{position:relative;width:30px;height:30px;flex:none;border-radius:50%;border:1px solid #000a;background:radial-gradient(circle at 50% 38%,var(--lamp-ink) 0,var(--lamp-a) 34%,var(--lamp-b) 78%);box-shadow:inset 0 1px 2px #ffffff30,inset 0 -2px 3px #0007,0 0 0 3px #00000040,0 1px #ffffff0d}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner h2{margin:0;font-size:16px;line-height:1.3;color:var(--text);text-shadow:0 1px 1px #0007}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-banner p{margin:2px 0 0;font-size:11px;color:var(--subtle)}

/* Title strips. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-head{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;min-height:38px;padding:6px 14px;background:linear-gradient(180deg,#ffffff05,#ffffff00 80%);box-shadow:inset 0 1px #ffffff0a}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ffffff10,#ffffff06 70%,transparent);box-shadow:0 1px #0005}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-head h2{margin:0;font-size:13px;font-weight:600;color:var(--text);text-shadow:0 1px 1px #0006}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-note{font-size:10.5px;color:var(--subtle)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-key{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10.5px;color:var(--subtle)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-key span{display:inline-flex;align-items:center;gap:5px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-key i{width:8px;height:12px;border-radius:2px;border:1px solid #0008}

/* Tiles, plates and day colours. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-tile{width:28px;height:28px;flex:none;border-radius:4px;display:grid;place-items:center;border:1px solid #42647f;background:linear-gradient(#253e55,#162737);color:#b0d4ed;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0005}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-tile svg{width:15px;height:15px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row.glm .st-tile{border-color:var(--glm-tile-edge);background:linear-gradient(var(--glm-tile-a),var(--glm-tile-b));color:var(--glm-light)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row.qwen .st-tile{border-color:var(--qwen-tile-edge);background:linear-gradient(var(--qwen-tile-a),var(--qwen-tile-b));color:var(--qwen-light)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row .st-tile .provider-glyph{width:16px;height:16px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-tile.is-ok{border-color:#52775d;background:linear-gradient(#304735,#182b20);color:#bce0c7}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li:nth-child(2) .st-tile{border-color:#51737a;background:linear-gradient(#2b4246,#192a2e);color:#bbdce1}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li:nth-child(3) .st-tile{border-color:#766144;background:linear-gradient(#44392a,#282015);color:#e7c992}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-plate,:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-code{--a:var(--st-up-a);--b:var(--st-up-b);--edge:var(--st-up-edge);--ink:var(--st-up-ink);display:inline-grid;place-items:center;min-width:82px;height:22px;padding:0 9px;border-radius:4px;border:1px solid var(--edge);background:linear-gradient(var(--a),var(--b));color:var(--ink);font-size:10.5px;font-weight:600;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006;text-shadow:0 1px #0007;white-space:nowrap}
:is(.public-root,.workspace-root) :is(.st-plate.is-degraded,.st-code.is-degraded){--a:var(--st-minor-a);--b:var(--st-minor-b);--edge:var(--st-minor-edge);--ink:var(--st-minor-ink)}
:is(.public-root,.workspace-root) :is(.st-plate.is-outage,.st-code.is-outage){--a:var(--st-down-a);--b:var(--st-down-b);--edge:var(--st-down-edge);--ink:var(--st-down-ink)}
:is(.public-root,.workspace-root) :is(.st-plate.is-maintenance,.st-code.is-maintenance){--a:var(--st-maint-a);--b:var(--st-maint-b);--edge:var(--st-maint-edge);--ink:var(--st-maint-ink)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-plate.is-unknown{--a:#3d4045;--b:#26282c;--edge:#55595f;--ink:var(--muted)}
:is(.public-root,.workspace-root) :is(.st-day,.st-key i).is-up{background:linear-gradient(#5aa06c,#3b7a4c)}
:is(.public-root,.workspace-root) :is(.st-day,.st-key i).is-minor{background:linear-gradient(#c4ad5a,#9a8636)}
:is(.public-root,.workspace-root) :is(.st-day,.st-key i).is-partial{background:linear-gradient(#cf8a4a,#a5652c)}
:is(.public-root,.workspace-root) :is(.st-day,.st-key i).is-down{background:linear-gradient(#d06a62,#a5423b)}
:is(.public-root,.workspace-root) :is(.st-day,.st-key i).is-none{background:linear-gradient(#3a3d42,#2c2e32)}

/* Component rows. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-rows{list-style:none;margin:0;padding:0}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row{padding:12px 14px 13px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row+.st-row{border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row-head{display:flex;align-items:center;gap:12px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-name{flex:1;min-width:0}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-name h3{margin:0;font-size:12.5px;font-weight:600;color:var(--text)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-name span{display:block;margin-top:1px;font-size:11px;color:var(--subtle)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures{display:flex;gap:6px;margin:0}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:118px;padding:4px 9px;border-radius:4px;border:1px solid #0007;background:linear-gradient(#0000002e,#00000014);box-shadow:inset 0 1px 2px #0006,0 1px #ffffff07}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-short{display:none}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures dt{font-size:9.5px;color:var(--subtle)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures dd{margin:0;font-size:12px;font-weight:600;color:var(--text)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-well{margin-top:10px;padding:6px 0 5px;border-radius:5px;border:1px solid #0008;background:linear-gradient(#08090b,#101114);box-shadow:inset 0 2px 3px #0009,0 1px #ffffff08}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:30px;box-sizing:content-box}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-day{border-radius:2px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0004;cursor:default;transition:filter .12s,transform .12s;outline:none}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-day:hover,:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-day:focus-visible{filter:brightness(1.25);transform:scaleY(1.08)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-day:focus-visible{box-shadow:0 0 0 1px var(--mint)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-scale{display:flex;justify-content:space-between;margin-top:4px;padding:0 6px;font-size:9.5px;color:var(--subtle)}
.st-tip{position:fixed;z-index:80;max-width:calc(100vw - 16px);padding:5px 9px;border-radius:4px;border:1px solid #000;background:linear-gradient(#2a2c31,#1b1c20);box-shadow:inset 0 1px #ffffff14,0 3px 10px #000a;color:#e6e7ea;font-size:11px;line-height:1.4;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Incidents. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-ledger{list-style:none;margin:0;padding:0}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-ledger li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-ledger li+li{border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-code{min-width:72px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-entry strong{display:block;font-size:12px;color:var(--text)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-entry span{font-size:11px;color:var(--muted)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-resolution{font-size:10.5px;color:var(--subtle)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-resolution.is-ongoing{color:var(--st-down-ink);font-weight:600}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-empty{display:flex;align-items:center;gap:12px;padding:12px 14px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-empty strong{display:block;font-size:12px;color:var(--text)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-empty span{font-size:11px;color:var(--muted)}

/* How we measure. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li+li{border-left:1px solid #0006;box-shadow:inset 1px 0 #ffffff06}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method strong{display:block;font-size:12px;color:var(--text)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li span:not(.st-tile){font-size:11px;line-height:1.55;color:var(--muted)}

@media(max-width:900px){
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-row-head{flex-wrap:wrap}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures{order:3;width:100%}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures>div{flex:1;width:auto}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method ul{grid-template-columns:minmax(0,1fr)}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-method li+li{border-left:0;border-top:1px solid #0006;box-shadow:inset 0 1px #ffffff06}
}
@media(max-width:600px){
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip{grid-template-columns:repeat(45,minmax(0,1fr));height:26px}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-figures>div{flex-direction:column;align-items:flex-start;gap:0;padding:4px 8px}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-long{display:none}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-short{display:inline}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-day:nth-child(-n+45){display:none}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-scale span:first-child{font-size:0}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-strip-scale span:first-child::after{content:'45 days ago';font-size:9.5px}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-ledger li{grid-template-columns:auto minmax(0,1fr)}
 :is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-resolution{grid-column:2}
}
/* [claude-opus-5-5 2026-10-03] Signed-in plan cards: the plans a customer holds, and plans out of capacity. */
:is(.public-root,.workspace-root) .pub-plan .plan-held,:is(.public-root,.workspace-root) .pub-plan .plan-unavailable{cursor:default;opacity:.72}
:is(.public-root,.workspace-root) .pub-plan .plan-unavailable{cursor:help}
/* [claude-opus-5-5 2026-10-03] Model tiles outside a status row (the stacked-plans model switch) take the same colours. */
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-tile.glm{border-color:var(--glm-tile-edge);background:linear-gradient(var(--glm-tile-a),var(--glm-tile-b));color:var(--glm-light)}
:is(.public-root,.workspace-root,.tier-ladder,.change-tier) .st-tile.qwen{border-color:var(--qwen-tile-edge);background:linear-gradient(var(--qwen-tile-a),var(--qwen-tile-b));color:var(--qwen-light)}
/* [claude-opus-5-5 2026-10-04] Owner: the open beta's "Choose a plan" scrolls the homepage down to its plans. */
.public-root .home-pricing{scroll-margin-top:10px}
/* [claude-opus-5-5 2026-10-05] The open beta banner's dismiss button (public.js publicAnnouncement). Owner: the compact
   2000s-2010s desktop look "even small things like adding a close button", and not "obvious and ugly and distinct". It
   is the workspace header's flat toolbar button: plain in the strip, a thin bevel only on hover, pressed in on click. */
.founding-notice{position:relative}.founding-notice:has(.announcement-dismiss) .public-announcement{padding-right:32px}
:is(.founding-notice,.chat-guest-bar) .announcement-dismiss{position:absolute;top:50%;right:7px;margin-top:-8px;width:16px;height:16px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:transparent;box-shadow:none;color:var(--muted);opacity:.75;cursor:pointer}
:is(.founding-notice,.chat-guest-bar) .announcement-dismiss svg{width:10px;height:10px}
:is(.founding-notice,.chat-guest-bar) .announcement-dismiss:not(.control-surface):hover{opacity:1;color:var(--text);background:linear-gradient(#ffffff08,#ffffff03);border-color:var(--line);box-shadow:inset 0 1px #ffffff08}
:is(.founding-notice,.chat-guest-bar) .announcement-dismiss:not(:disabled):active{background:#0000002e;box-shadow:inset 0 1px 2px #0008}
/* in the Chat's guest bar the x follows the actions (a flex item, not placed over the strip) */
.chat-guest-bar .announcement-dismiss{position:static;margin:0 -7px 0 -2px;flex:none}
/* the actions stay at the right beside the x (the bar spaces its items apart, which put them mid-bar) */
.chat-guest-bar .chat-guest-actions{margin-left:auto}

/* [claude-opus-5-5 2026-10-07] Website languages (i18n.js). The bundled Tahoma covers Western European text; every other
   script falls through to that platform's own UI font for its script, so Chinese, Japanese, Korean, Cyrillic, Arabic,
   Devanagari and Thai render cleanly beside it. Unlayered, so it wins over the layered :root that sets --font. */
:root[data-lang=zh-cn]{--font:'Wine Tahoma',Tahoma,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Noto Sans SC','Source Han Sans SC',sans-serif}
:root[data-lang=zh-tw]{--font:'Wine Tahoma',Tahoma,'Microsoft JhengHei','PingFang TC','Noto Sans TC','Source Han Sans TC',sans-serif}
:root[data-lang=ja]{--font:'Wine Tahoma',Tahoma,Meiryo,'Yu Gothic UI','Hiragino Sans','Noto Sans JP',sans-serif}
:root[data-lang=ko]{--font:'Wine Tahoma',Tahoma,'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',sans-serif}
:root:is([data-lang=ru],[data-lang=uk]){--font:'Wine Tahoma',Tahoma,'Segoe UI',Verdana,'Noto Sans',sans-serif}
:root[data-lang=ar]{--font:Tahoma,'Segoe UI','Geeza Pro','Noto Sans Arabic',sans-serif}
:root[data-lang=hi]{--font:'Wine Tahoma',Tahoma,'Nirmala UI','Kohinoor Devanagari','Noto Sans Devanagari',sans-serif}
:root[data-lang=th]{--font:'Wine Tahoma',Tahoma,'Leelawadee UI',Thonburi,'Noto Sans Thai',sans-serif}
:root:is([data-lang=vi],[data-lang=pl],[data-lang=tr]){--font:'Wine Tahoma',Tahoma,'Segoe UI',Verdana,sans-serif}
/* CJK text needs a little more line height to stay legible at the site's small sizes. */
:root:is([data-lang=zh-cn],[data-lang=zh-tw],[data-lang=ja],[data-lang=ko]) body{line-height:1.55}
/* [claude-opus-5-5 2026-10-08] Arabic, Hindi and Thai marks reach below the line: the hero's gradient-clipped second line
   (tight line height, no bottom padding) cut them off, and negative letter spacing breaks Arabic joining. */
html[data-theme]:is([data-lang=ar],[data-lang=hi],[data-lang=th]) :is(.hero-tail,.auth-tail,.hero-lead,.auth-lead,h1,h2){letter-spacing:0}
html[data-theme]:is([data-lang=ar],[data-lang=hi],[data-lang=th]) :is(.hero-tail,.auth-tail){line-height:1.5;padding-bottom:.12em;margin-top:-.1em}
/* Right-to-left (Arabic): direction arrows point the other way. */
[dir=rtl] svg:is([data-icon=ArrowRight],[data-icon=ArrowLeft],[data-icon=ArrowUpRight],[data-icon=ChevronRight]){transform:scaleX(-1)}
/* The language picker uses the currency picker's control and menu. */
.lang-trigger .lang-code{font-size:10px;font-weight:500;letter-spacing:.02em}
/* [claude-opus-5-5 2026-10-08] Each language's flag, bevelled like the theme swatches: a gloss and a hairline on top. */
.lang-tile{position:relative;display:block;flex:none;width:21px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px #0008}
.lang-tile svg{display:block;width:100%;height:100%}
.lang-tile::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(#ffffff30,#ffffff00 48%,#0000001f);box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #0000005c}
.lang-menu .currency-options [role=option]>strong{font-weight:400}
.lang-menu .currency-options [aria-selected=true]>strong{font-weight:500}
@media(max-width:600px){.lang-trigger .lang-code{display:none}}
/* A long page name in a narrow top bar ends in an ellipsis instead of running under the buttons. */
:is(.public-root,.workspace-root) .topbar .breadcrumb{min-width:0;overflow:hidden}
:is(.public-root,.workspace-root) .topbar .breadcrumb>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* With the language picker beside it the phone top bar ran into the breadcrumb: the theme shows its swatch only there. */
@media(max-width:600px){html[data-theme] :is(.public-root,.workspace-root) .theme-trigger{min-width:0;gap:5px}html[data-theme] :is(.public-root,.workspace-root) .theme-trigger .theme-name{display:none}}
/* Sign-in and sign-up pages: the language picker in the top corner of the form side. */
.auth-main{position:relative}
.auth-lang{position:absolute;top:14px;inset-inline-end:16px;z-index:5}