/* Shared theme tokens: classic deliberately inherits the existing appearance. */
html[data-appearance="atlas"]{--bg:#0d101b;--panel:#1d2131;--text:#fff2d5;--muted:#d8c5a3;--line:#bfa46b80;--accent:#f0cd83;--entry-border:#d6b46a77;--theme-glow:#bb873830;--theme-halo:#f0cd8326}
html[data-appearance="cockpit"]{--bg:#090c23;--panel:#171b3b;--text:#ecf3ff;--muted:#b9c4ef;--line:#9892f780;--accent:#84e9ff;--entry-border:#9a9dff88;--theme-glow:#7435b640;--theme-halo:#82deff26}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) body{background:radial-gradient(ellipse at 85% 15%,var(--theme-glow),transparent 65%),var(--bg)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) :is(.entry-console,.entry-sky,.app-dock,.card,.entry-tools,#word,.settings-select){background-color:var(--panel);border-color:var(--entry-border);color:var(--text)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) :is(dialog,#menu){background:radial-gradient(ellipse at 70% 0%,var(--theme-glow),transparent 65%),var(--bg);color:var(--text);border-color:var(--line)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) .btn{border-color:var(--line);color:var(--text);background-color:var(--panel)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) .btn:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--panel),var(--accent) 18%)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) :is(.btn[aria-pressed="true"],.btn[aria-current="page"]){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 22px var(--theme-halo);background-color:color-mix(in srgb,var(--panel),var(--accent) 15%)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) .primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
html:is([data-appearance="atlas"],[data-appearance="cockpit"]) .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.appearance-art{display:block;flex:0 0 48px;width:48px;height:48px;background:url('/assets/style-picker.png') center/contain no-repeat}
#menu>.appearance-open{display:flex;width:100%;justify-content:flex-start;gap:16px;text-align:start;margin-block:12px;padding:8px 14px;min-height:72px}
.appearance-open strong{display:block;font-weight:500;font-size:18px}.appearance-open #appearance-value{display:block;font-size:16px;color:var(--muted)}
/* Full-screen fitting layout, sized by its container rather than device names. */
html body #appearance-dialog{container-type:inline-size;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,var(--theme-glow,#293d6730),transparent 65%),var(--bg);color:var(--text);font-size:clamp(16px,1.2vw,32px)}
#appearance-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,2vh,32px)}
.appearance-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}
#appearance-dialog .appearance-header h2{padding:0;font:clamp(24px,2.5vw,64px)/1.15 Georgia,serif}
#appearance-dialog #appearance-close{position:static;width:clamp(48px,4vw,96px);height:clamp(48px,4vw,96px);flex-shrink:0;margin:0}
.appearance-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,2vh,30px);min-height:0;min-width:0}
.appearance-preview{display:flex;flex-direction:column;min-height:0;min-width:0;gap:8px}
.appearance-preview h3{font-size:1em;font-weight:400;color:var(--muted);margin:0}
.appearance-preview-frame{position:relative;min-height:0;flex:1;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,var(--theme-glow,#19335830),transparent 70%),var(--panel);box-shadow:inset 0 0 40px var(--theme-halo,#bdd6fa08)}
#appearance-sky{width:100%;height:100%;display:block}
#appearance-word{position:absolute;inset-inline:16px;bottom:12px;color:var(--accent);text-align:center;font:clamp(20px,2vw,48px)/1.2 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
html[data-appearance="atlas"] :is(.appearance-preview-frame,.entry-sky){background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 15%,#edcf9614 15.2% 15.4%,transparent 15.6% 24%),radial-gradient(ellipse at 70% 10%,var(--theme-glow),transparent 70%)}
html[data-appearance="cockpit"] :is(.appearance-preview-frame,.entry-sky){border-color:var(--accent);box-shadow:inset 0 0 44px #713be833,0 0 26px #55aefa25}
.appearance-controls{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}
#appearance-options{display:grid;grid-template-columns:1fr;gap:8px}
#appearance-options .appearance-choice{font-size:clamp(16px,1.2vw,32px);min-height:48px;padding:8px;line-height:1.2;overflow-wrap:normal}
#appearance-options .appearance-choice[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--panel),var(--accent) 12%)}
.appearance-detail{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.appearance-detail h3{margin:0;font-size:1.1em}.appearance-detail p{font-size:1em;color:var(--muted)}
#appearance-dialog #appearance-apply{font-size:clamp(16px,1.4vw,36px);min-height:clamp(48px,5vw,112px);margin:0;white-space:normal}
/* Apply remains a written action, even when the canonical icon decorator runs. */
#appearance-dialog #appearance-apply.icon-only{font-size:clamp(16px,1.4vw,36px);width:auto;color:var(--bg)}
#appearance-dialog #appearance-apply::before{display:none}
#appearance-status{min-height:1.4em;color:var(--muted);font-size:1em;line-height:1.2}
@container (min-width:700px){.appearance-workspace{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.appearance-controls{justify-content:center}#appearance-options{grid-template-columns:1fr}.appearance-detail{flex-direction:column}.appearance-preview{height:100%}}
@media(max-height:480px){html body #appearance-dialog{padding:8px 12px;gap:6px}.appearance-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,1fr);grid-template-rows:minmax(0,1fr);gap:12px}.appearance-controls{gap:5px}#appearance-options{grid-template-columns:repeat(3,minmax(0,1fr))}#appearance-options .appearance-choice{min-height:64px;font-size:16px;padding:4px}.appearance-detail{flex-direction:row}.appearance-detail h3{font-size:16px}#appearance-status{font-size:16px}#appearance-word{font-size:20px}}
@media(horizontal-viewport-segments:2){html body #appearance-dialog{padding-inline:16px}.appearance-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0) + 32px)}.appearance-header{max-width:calc(env(viewport-segment-width 1 0) - 32px);margin-inline-start:auto}}