:root{--surface:#fff;--soft:#eef0e9;--surface-rgb:248 249 245;--field-border:#9ca59d;--badge:#e8ece4;--notice:#e4edff;--error:#ffe9e5;--button-text:#fff;--dialog:#fff;color-scheme:light}
:root[data-theme=dark]{--ink:#edf0f6;--blue:#a1b1ff;--paper:#121722;--line:#3c4659;--muted:#b6c1d3;--surface:#1c2433;--soft:#202b3b;--surface-rgb:18 23 34;--field-border:#65748d;--badge:#2b394f;--notice:#253b60;--error:#512b32;--button-text:#11182a;--dialog:#1c2433;color-scheme:dark}
body{background-color:var(--paper)}.form-panel,.message{background:var(--surface)}.empty,.maintenance-settings{background:var(--soft)}input,textarea,select{border-color:var(--field-border)}.badge{background:var(--badge)}.notice{background:var(--notice)}.error{background:var(--error)}details form{background:var(--soft)}button,.button,.mark{color:var(--button-text)}button:hover,.button:hover{background:var(--blue);filter:brightness(.94);color:var(--button-text)}button.text{color:var(--ink)}.danger{background:#ae342c;color:white}.feature-photo,.gallery img{background:var(--soft)}.theme-choice{width:auto;margin:0;padding:7px 9px;font-size:14px}.brand-logo{max-width:130px;height:48px;object-fit:contain}.site-banner{margin-top:30px}.site-banner img{width:100%;height:clamp(160px,28vw,340px);object-fit:cover;display:block}.site-background main,.site-background header,.site-background footer{background-color:rgb(var(--surface-rgb) / .88)}.story-figure{margin:28px 0}.story-figure img{max-width:100%;height:auto;display:block}.story-figure figcaption{font:14px/1.6 system-ui;color:var(--muted)}.prose blockquote{border-left:3px solid var(--blue);padding-left:24px;margin:24px 0;color:var(--muted)}.prose .video-player{margin:24px 0}.prose h2{font-size:36px}.prose h3{font-size:28px}.appearance-group{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.appearance-preview{display:block;max-width:100%;max-height:180px;object-fit:contain;margin:18px 0}.appearance-group h2{font-size:27px}.prose a{color:var(--blue)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--ink:#edf0f6;--blue:#a1b1ff;--paper:#121722;--line:#3c4659;--muted:#b6c1d3;--surface:#1c2433;--soft:#202b3b;--surface-rgb:18 23 34;color-scheme:dark}}@media(max-width:560px){.brand-logo{max-width:90px;height:40px}.theme-choice{font-size:14px}.prose h2{font-size:29px}}

.account-form{max-width:640px!important;margin-top:20px;background:var(--surface)!important}.mail-verify{margin:24px 0}.message details{margin-top:20px}.message>p{overflow-wrap:anywhere}
