:root{--bg:var(--bg-chrome);--panel:var(--surface-2);--line:var(--border-strong);--text:var(--text-primary);--muted:var(--text-secondary);--accent:var(--accent-default)}
:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}
body{background:var(--bg-chrome);color:var(--text-primary)}
button.secondary,.secondary-button,button.close{color:var(--text-primary)}
.appearance-entry{display:flex;width:100%;align-items:center;gap:14px;min-height:56px;padding:16px 20px;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:16px;margin:16px 0;font:inherit}.appearance-entry>span:first-child{flex:1;text-align:left}.appearance-entry [data-appearance-label]{color:var(--text-secondary)}
.appearance-options{border:0;margin:24px 0;padding:0;display:grid;gap:12px}.appearance-options legend{font-weight:600;margin-bottom:12px}.appearance-options label{display:flex;align-items:center;gap:16px;padding:18px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:16px;min-height:76px;cursor:pointer}.appearance-options label:has(:checked){border-color:var(--accent-default);background:var(--accent-tint)}.appearance-options label>span{flex:1}.appearance-options small{display:block;color:var(--text-secondary);margin-top:6px}.appearance-options input{width:22px;height:22px;accent-color:var(--accent-default)}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.crew-message.mine{color:white}
.landing-theme{display:block;margin:12px auto;padding:10px 18px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:24px;font:inherit;min-height:44px}.landing .hero-description{color:var(--text-secondary)}.landing .launch-notice,.landing .prelaunch-ribbon{color:var(--accent-text)}.landing .pill.secondary{color:var(--text-primary)}
.landing .grail-section{--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--surface-1:#121218;--surface-2:#18181e;--surface-3:#232329;color:#f4f4f6}.landing .grail-section h2{color:#f4f4f6}.landing .welcome-band,.landing .responsible-section{color:white}.landing .welcome-band h2,.landing .responsible-section h2{color:white}
.phone-light{display:none}:root[data-theme=light] .phone-dark{display:none}:root[data-theme=light] .phone-light{display:block}

.rip-scene,.rip-stage{--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--text-tertiary:#8b8b95;--surface-1:#121218;--surface-2:#18181e;--bg-chrome:#0a0a0f}
.button.secondary{color:var(--text-primary)}.operations-ui .panel p{overflow-wrap:anywhere}.support-conversation .from-support strong{color:var(--accent-text)}
dialog{margin:auto;inset:0;max-height:calc(100dvh - 40px);overscroll-behavior:contain;scrollbar-gutter:stable}dialog #close-modal{position:absolute;right:12px;top:12px;float:none;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center}#modal-body>h2,#modal-body>div>h2{padding-right:36px}
button,.button{color:var(--brand-text,#fff)}.button:not(.secondary):hover{color:var(--brand-text,#fff)}button.secondary,.button.secondary,button.close{color:var(--text-primary)}
