@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Fredoka:wght@500;600&display=swap');
/* Canonical palette roles adapted to AI Atlas, preserving the original default. */
html[data-theme][data-theme=retro]{--bg:#faf6e9;--paper:#fffdf5;--ink:#211b18;--muted:#54483f;--line:#211b18;--soft:#fff0b4;--accent:#211b18;--on-accent:#fff8ec;--focus:#254bb0;--radius:12px;--panel-shadow:4px 4px 0 #211b18;--edge:2px;--display:'Fredoka','Be Vietnam Pro',sans-serif;--card-a:#fff0a3;--card-b:#ffd4da;--card-c:#c6edf1;--card-d:#d7f5db}
html[data-theme][data-theme=mono-os]{--bg:#d9d9d9;--paper:#fff;--ink:#111;--muted:#4c4c4c;--line:#888;--soft:#ededed;--accent:#111;--on-accent:#fff;--focus:#111;--radius:7px;--panel-shadow:2px 3px 0 #111;--edge:1px;--display:'IBM Plex Mono',ui-monospace,monospace;font-family:'IBM Plex Mono','Be Vietnam Pro',monospace}
html[data-theme][data-theme=chapter-desk]{--bg:#f4e9d5;--paper:#fff5e2;--ink:#29271f;--muted:#5e5749;--line:#b2a68e;--soft:#e8d9bb;--accent:#a34018;--on-accent:#fff;--focus:#a34018;--radius:0px;--panel-shadow:none;--edge:1px;--display:'Be Vietnam Pro',sans-serif}
html[data-theme][data-theme=afterhours-fm]{color-scheme:dark;--bg:#101010;--paper:#1d1d1d;--ink:#faf9f3;--muted:#c2c2b9;--line:#555551;--soft:#292928;--accent:#f7d449;--on-accent:#101010;--focus:#f7d449;--radius:16px;--panel-shadow:none;--edge:1px;--display:'Be Vietnam Pro',sans-serif;--card-a:#f7d449;--card-b:#f7a36a;--card-c:#71d6c8;--card-d:#dbabdf;--on-card:#101010}
html[data-theme][data-theme=margin-notes]{--bg:#f0e9df;--paper:#fffcf5;--ink:#30262b;--muted:#63545c;--line:#b9aaac;--soft:#e7dccf;--accent:#713346;--on-accent:#fff;--focus:#713346;--radius:2px;--panel-shadow:3px 4px 0 #30262b;--edge:1px;--display:Georgia,'Times New Roman',serif;--card-a:#f2c7bc;--card-b:#ded8eb;--card-c:#c5d9cd;--card-d:#f2d978}
html[data-theme][data-theme=sticker-sprint]{--bg:#fff8ec;--paper:#fffdf7;--ink:#211b18;--muted:#56463d;--line:#211b18;--soft:#ffedaa;--accent:#211b18;--on-accent:#fff8ec;--focus:#5c299a;--radius:9px;--panel-shadow:4px 4px 0 #211b18;--edge:2px;--display:'Fredoka','Be Vietnam Pro',sans-serif;--card-a:#ffd34e;--card-b:#c5edda;--card-c:#e3d4fc;--card-d:#ffd1ba}
html[data-theme]:not([data-theme=atlas]){background:var(--bg);color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(.topbar,.sidebar,dialog,.dialog-top,.tool-tile,.list-view,.search,.select-wrap,.export-btn,.model-row,.model-search,.plan-card,.secondary,.source-box,.close-btn,.detail-tabs,.method-grid>div,.guide-card,.info-content,.category-group){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(.hero,footer,.model-order-note,.product-empty,.detail-note,.compare-table th,.compare-table td:first-child,.compare-table .compare-note td,.list-header,.view-switch,.category-header,.model-level,.model-tier,.plan-type,.provider-catalogs,.search kbd){background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(h1,h2,h3,h4,.brand,.brand-light,.footer-brand,.footer-brand p,.footer-date b,.result-line strong,.tool-name,.list-title b,.model-name b,.plan-card strong,.compare-table h3,.hero-stats strong,.category-header,.detail-bottom button){color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(p,dt,dd,small,.eyebrow,.side-eyebrow,.nav-group-title,.count,.category-button,.side-all,.sidebar-note,.sidebar-note button,.edition,.top-nav button,.saved-nav,.hero-stats span,.stat-date b,.layer-heading p,.tile-org,.list-description,.list-category,.result-line,.legend,.product-eyebrow,.model-copy p,.model-result-count,.model-tier,.alias-note,.source-label,.source-box p,.detail-description,.detail-section h3,.detail-section p,.product-intro p,.plan-card p,.plan-footer,.provider-catalogs p,.compare-content>p,.compare-foot,.info-content>ul,.info-footer,.info-content>p,.compare-table td,.compare-table small,.understanding article p,footer){color:var(--muted)}
html[data-theme]:not([data-theme=atlas]) :is(.product-source,.text-link,.guide-card button,.info-footer a,.compare-table a,.detail-tabs button[aria-selected=true]){color:var(--accent)}
html[data-theme]:not([data-theme=atlas]) :is(.category-button.active,.side-all.active,.layer-filters button.active,.secondary.selected,.view-switch button[aria-pressed=true],.detail-tabs button span,.related-links button,.model-level.tier-3){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=atlas]) :is(.primary,.empty-state button,.model-level.tier-4,.tile-check.selected,.compare-actions .primary){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
html[data-theme]:not([data-theme=atlas]) :is(.primary,.empty-state button):hover{filter:brightness(1.1)}
html[data-theme]:not([data-theme=atlas]) :is(input,select,.search input,.model-search input,.detail-tabs button,.layer-filters button){color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(.category-group,.guide-card,.model-list,.plan-card,.list-view,.empty-state){border-width:var(--edge);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow)}
html[data-theme]:not([data-theme=atlas]) :is(dialog,.secondary,.primary,.search,.select-wrap,.export-btn,.model-search,.view-switch,.related-links button){border-radius:var(--radius)}
html[data-theme]:not([data-theme=atlas]) :is(.hero h1,.explore h2,.detail-identity h2,.product-intro h3,.info-content h2,.understanding h2){font-family:var(--display)}
html[data-theme]:not([data-theme=atlas]) .hero{background:var(--soft);border-color:var(--line)}
html[data-theme]:not([data-theme=atlas]) :is(.orbit,.orbit-three){border-color:var(--line)}
html[data-theme]:not([data-theme=atlas]) :is(.orbit-core,.orbit-core span,.orbit-label){color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) .orbit-label{background:var(--soft)}
html[data-theme]:not([data-theme=atlas]) :is(.tiles,.layer-number){background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) :is(.category-button:hover,.tool-tile:hover,.secondary:hover,.category-header:hover){background:var(--soft)}
html[data-theme]:not([data-theme=atlas]) .detail-tabs button[aria-selected=true]{border-bottom-color:var(--accent)}
html[data-theme]:not([data-theme=atlas]) .dialog-top>span{color:var(--muted)!important}
html[data-theme]:not([data-theme=atlas]) .compare-bar{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=atlas]) :is(.compare-pill,.compare-label,.compare-pill button,.compare-actions .text-button){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=atlas]) .toast{background:var(--accent);color:var(--on-accent)}
html[data-theme]:not([data-theme=atlas]) :is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
html[data-theme]:not([data-theme=atlas]) :is(.search,.model-search):focus-within{outline-color:var(--focus)}
html[data-theme][data-theme=retro] .hero{background-image:radial-gradient(#211b182d 1px,transparent 1px);background-size:18px 18px}
html[data-theme][data-theme=retro] :is(.topbar,.category-group,.plan-card){border-color:#211b18}
html[data-theme]:is([data-theme=retro],[data-theme=sticker-sprint],[data-theme=margin-notes]) .layer-column:nth-child(4n+1) .category-header{background:var(--card-a);color:var(--ink)}
html[data-theme]:is([data-theme=retro],[data-theme=sticker-sprint],[data-theme=margin-notes]) .layer-column:nth-child(4n+2) .category-header{background:var(--card-b);color:var(--ink)}
html[data-theme]:is([data-theme=retro],[data-theme=sticker-sprint],[data-theme=margin-notes]) .layer-column:nth-child(4n+3) .category-header{background:var(--card-c);color:var(--ink)}
html[data-theme]:is([data-theme=retro],[data-theme=sticker-sprint],[data-theme=margin-notes]) .layer-column:nth-child(4n) .category-header{background:var(--card-d);color:var(--ink)}
html[data-theme][data-theme=mono-os] .category-header{border-bottom:1px solid #111;background:linear-gradient(#fff,#ededed)}
html[data-theme][data-theme=mono-os] .category-header h4{font-family:var(--display);font-size:11px}
html[data-theme][data-theme=mono-os] .hero{background-image:repeating-linear-gradient(0deg,transparent,transparent 7px,#11111108 8px)}
html[data-theme][data-theme=mono-os] .category-group{border-top:1px solid #111}
html[data-theme][data-theme=chapter-desk] .hero{background-image:linear-gradient(90deg,#a3401812 1px,transparent 1px);background-size:28px 100%;border-top:7px solid #b78a3b}
html[data-theme][data-theme=chapter-desk] .category-group{border-left:5px solid #a34018}
html[data-theme][data-theme=chapter-desk] .category-header{border-bottom:1px solid #b2a68e}
html[data-theme][data-theme=chapter-desk] .layer-heading{border-top:2px solid #29271f;padding-top:12px}
html[data-theme][data-theme=afterhours-fm] .category-group{border-top:1px solid #555551}
html[data-theme][data-theme=afterhours-fm] .layer-column:nth-child(4n+1) .category-header{background:var(--card-a);color:#101010}
html[data-theme][data-theme=afterhours-fm] .layer-column:nth-child(4n+2) .category-header{background:var(--card-b);color:#101010}
html[data-theme][data-theme=afterhours-fm] .layer-column:nth-child(4n+3) .category-header{background:var(--card-c);color:#101010}
html[data-theme][data-theme=afterhours-fm] .layer-column:nth-child(4n) .category-header{background:var(--card-d);color:#101010}
html[data-theme][data-theme=afterhours-fm] .category-header h4{color:#101010}
html[data-theme][data-theme=afterhours-fm] .hero{background:radial-gradient(ellipse at 65% 40%,#43403455,transparent 60%),#1d1d1d}
html[data-theme][data-theme=afterhours-fm] .orbit-core{color:#f7d449}
html[data-theme][data-theme=afterhours-fm] .status-chip{background:#493e22;color:#ffe39a}
html[data-theme][data-theme=afterhours-fm] .status-chip.ended{background:#4c242b;color:#ffbcc7}
html[data-theme][data-theme=afterhours-fm] .model-tag{background:#4a3c27;color:#ffe2b3}
html[data-theme][data-theme=margin-notes] .hero{background-image:linear-gradient(0deg,transparent 31px,#71334610 32px);background-size:100% 32px}
html[data-theme][data-theme=margin-notes] .category-group{border-top:1px solid #30262b}
html[data-theme][data-theme=margin-notes] .category-header h4{font-family:Georgia,serif;font-size:14px}
html[data-theme][data-theme=sticker-sprint] .hero{background-color:#ffd34e;background-image:radial-gradient(#211b1838 1px,transparent 1px);background-size:13px 13px;border-bottom:2px solid #211b18}
html[data-theme][data-theme=sticker-sprint] .layer-number{border:2px solid #211b18;background:#fffdf7;box-shadow:2px 2px 0 #211b18;transform:rotate(-5deg)}
html[data-theme][data-theme=sticker-sprint] .category-header{border-bottom:2px solid #211b18}
html[data-theme][data-theme=sticker-sprint] .hero-copy .eyebrow{border:2px solid #211b18;display:inline-flex;padding:7px;background:#fffdf7;box-shadow:3px 3px 0 #211b18;letter-spacing:1px}
/* Native selects share a consistent arrow with a full 14px inset. */
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2346504a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px 8px!important;padding-right:40px!important}
html[data-theme][data-theme=afterhours-fm] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23faf9f3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.preferences{display:flex;gap:8px;align-items:center;margin-left:auto;min-width:0}.preference-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--paper);min-width:0}.preference-field select{font-size:11px;padding:10px 40px 10px 11px;border:0;border-radius:6px;color:var(--ink);background-color:transparent;min-width:0;cursor:pointer}.theme-field{max-width:210px}.theme-field select{width:100%;max-width:210px}.language-field select{width:112px}.topbar{gap:18px}.top-nav{gap:16px}.saved-nav{margin-left:0;flex-shrink:0}.language-field{flex-shrink:0}.preference-field:focus-within{outline:2px solid var(--focus,#385c36);outline-offset:2px}
@media(max-width:1190px){.top-nav{display:none}.theme-field{max-width:205px}}
@media(max-width:850px){.topbar{height:auto;min-height:var(--top);flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px;align-content:center}:root{--top:116px}.preferences{order:4;width:100%;flex-basis:100%;margin-left:0;gap:8px}.theme-field{max-width:none;flex:1}.theme-field select{max-width:none;width:100%}.preference-field select{padding-top:8px;padding-bottom:8px}.language-field select{width:122px}.saved-nav{margin-left:auto}.mobile-menu{margin-left:0}.brand small{font-size:6.8px}.explore{scroll-margin-top:130px}}
@media(max-width:600px){.topbar{padding-inline:17px}.lifecycle-select select{max-width:240px}.theme-field select,.language-field select{font-size:11px}.hero{padding-top:25px}html[data-theme][data-theme=mono-os] .hero h1{font-size:35px}html[data-theme][data-theme=sticker-sprint] .hero-copy .eyebrow{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){html[data-theme] *{transition:none!important;scroll-behavior:auto!important}}
html[data-theme]:not([data-theme=atlas]) .hero h1 span{color:var(--accent)}
html[data-theme]:not([data-theme=atlas]) .view-switch button{color:var(--muted)}
html[data-theme]:not([data-theme=atlas]) .view-switch button[aria-pressed=true]{color:var(--ink)}
html[data-theme]:not([data-theme=atlas]) .search input::placeholder,html[data-theme]:not([data-theme=atlas]) .model-search input::placeholder{color:var(--muted);opacity:1}
html[data-theme]:not([data-theme=atlas]) .list-category>span{color:var(--muted)!important}

html[data-theme]:not([data-theme=atlas]) .search input:focus-visible,html[data-theme]:not([data-theme=atlas]) .model-search input:focus-visible{outline:0}
html[data-theme]:not([data-theme=atlas]) .saved-nav b{background:var(--soft);color:var(--ink)}
@media(max-width:850px){:root{--top:112px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 25px;grid-template-rows:40px 36px;gap:12px 10px;height:112px;padding:12px 17px}.topbar .brand{grid-column:1;grid-row:1;min-width:0;width:auto;font-size:22px;gap:8px;white-space:nowrap}.brand small{font-size:5.8px;letter-spacing:1px}.saved-nav{grid-column:2;grid-row:1;margin:0;gap:6px;font-size:10px;padding:7px}.saved-nav>span{font-size:17px}.mobile-menu{grid-column:3;grid-row:1;padding:0;margin:0}.preferences{grid-column:1 / -1;grid-row:2;width:100%;height:36px}.preference-field{height:36px}.preference-field select{height:100%}.explore{scroll-margin-top:126px}}
@media(max-width:380px){.search-row .select-wrap{flex-basis:100%}.search-row .select-wrap select{width:100%;max-width:none}.search-row .export-btn{min-height:34px}}
