/* WO_CELESTIAL_V231 - layered non-destructive visual theme; legacy app logic unchanged */
:root{--wo-bg:#0b1424;--wo-ink:#f4ebda;--wo-muted:#d2c5b9;--wo-accent:#f0cf90;--wo-panel:rgba(11,20,39,.84);--wo-border:rgba(223,187,119,.47);--wo-shadow:rgba(0,0,0,.4);color-scheme:dark}
body{color:var(--wo-ink)!important;background:var(--wo-bg) url('/static/wo-celestial-dark.svg') center top / 100% auto no-repeat fixed!important;min-height:100vh}
body:before,body:after{display:none!important}
main{position:relative;max-width:1090px!important}
.top{padding:6px 2px;position:relative;z-index:2}
.brand{color:var(--wo-accent)!important;text-shadow:0 4px 24px #020612a8!important}
.intro{margin-top:clamp(32px,7vw,76px)!important}
.intro:before{color:var(--wo-accent)!important;letter-spacing:10px}
.intro h1{color:var(--wo-accent)!important;text-shadow:0 5px 25px #020617b0!important}
.intro p{color:var(--wo-muted)!important}
.mode button,.lang button,.theme-switch button{background:rgba(14,21,42,.75)!important;color:#f9e9c8!important;border-color:var(--wo-border)!important;backdrop-filter:blur(8px)}
.mode button.active,.lang button.active,.theme-switch button.active{background:linear-gradient(120deg,rgba(237,200,134,.92),rgba(234,203,160,.97))!important;color:#261d22!important;border-color:#f6d7a3!important;box-shadow:0 6px 28px #0005}
.mode button{box-shadow:0 10px 30px #0002;min-height:78px!important}
.deck-area{isolation:isolate}
.deck-area:before{width:300px!important;height:300px!important;background:radial-gradient(circle,rgba(235,174,95,.25),transparent 72%)!important}
.deck{filter:drop-shadow(0 15px 24px #000b) drop-shadow(0 0 12px #e9bb7566)!important}
.deck .layer{background:#08152a url('/static/wo-back-dark.svg') center / 100% 100% no-repeat!important;border:2px solid #ebc88c!important;box-shadow:0 9px 23px #0008,0 0 0 1px #eac78b65!important}
.deck .symbol{visibility:hidden}
.hint,.status{color:var(--wo-muted)!important}
.slot{border-color:var(--wo-border)!important;background:var(--wo-panel)!important;box-shadow:0 14px 35px var(--wo-shadow)!important}
.slot.placeholder{display:grid!important;place-items:center!important;text-align:center!important}
.slot.placeholder:not(:has(span)){font-size:clamp(26px,5vw,42px)!important;text-align:center!important}
.slot.placeholder span{margin:auto!important;color:var(--wo-accent)!important;display:block;text-align:center!important}
.slot .card-meta{background:rgba(12,22,41,.9)!important}
.slot .card-position{color:var(--wo-accent)!important}
.slot .card-name{color:var(--wo-ink)!important}
.reading,.seo-guide{background:var(--wo-panel)!important;border-color:var(--wo-border)!important;box-shadow:0 16px 48px var(--wo-shadow)!important;backdrop-filter:blur(5px)}
.reading h2,.reading h3,.reading .reading-section h3,.seo-guide h2,.seo-guide h3,.seo-guide summary{color:var(--wo-accent)!important}
.reading p,.reading .reading-section p,.seo-guide p{color:var(--wo-ink)!important}
.reading .reading-closing{background:rgba(236,195,122,.09)!important;border-left-color:var(--wo-accent)!important}
.share-actions button,.share,.reset{background:var(--wo-panel)!important;border-color:var(--wo-border)!important;color:var(--wo-ink)!important}
.share-note,.foot,.seo-guide details p{color:var(--wo-muted)!important}
.foot a,.seo-guide .seo-nav a{color:var(--wo-accent)!important}
.theme-switch{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin-left:8px}
.theme-switch button{border:1px solid var(--wo-border);padding:8px 12px;border-radius:999px;font:600 13px system-ui,sans-serif;cursor:pointer;min-width:76px}
.theme-switch button:focus-visible{outline:3px solid var(--wo-accent);outline-offset:3px}
/* Light: same celestial composition, dawn light, parchment card backs */
body[data-wo-theme="light"]{--wo-bg:#f8eddb;--wo-ink:#44331e;--wo-muted:#705b43;--wo-accent:#a26d2a;--wo-panel:rgba(255,250,238,.88);--wo-border:rgba(165,113,49,.35);--wo-shadow:rgba(99,64,25,.17);color-scheme:light;background:#f8eddb url('/static/wo-celestial-light.svg') center top / 100% auto no-repeat fixed!important}
body[data-wo-theme="light"] .brand,body[data-wo-theme="light"] .intro h1{text-shadow:0 4px 26px #fff9ed!important}
body[data-wo-theme="light"] .mode button,body[data-wo-theme="light"] .lang button,body[data-wo-theme="light"] .theme-switch button{background:rgba(255,250,239,.8)!important;color:#5d4325!important;border-color:#bb92586b!important}
body[data-wo-theme="light"] .mode button.active,body[data-wo-theme="light"] .lang button.active,body[data-wo-theme="light"] .theme-switch button.active{background:linear-gradient(130deg,#f5ddb3,#fff5dc)!important;color:#48341c!important;border-color:#b48a48!important;box-shadow:0 5px 20px #966d352b}
body[data-wo-theme="light"] .deck .layer{background:#fef7e7 url('/static/wo-back-light.svg') center / 100% 100% no-repeat!important;border-color:#bb8b45!important;box-shadow:0 10px 22px #977a4833!important}
body[data-wo-theme="light"] .slot .card-meta{background:#fff8eb!important}
body[data-wo-theme="light"] .reading .reading-closing{background:rgba(175,129,62,.1)!important}
body[data-wo-theme="light"] .seo-guide details{border-color:#ab8c675c!important}
body[data-wo-theme="light"] .share-actions button,body[data-wo-theme="light"] .share,body[data-wo-theme="light"] .reset{background:#fff7e8!important;color:#604321!important}
body[data-wo-theme="light"] .deck-area:before{background:radial-gradient(circle,rgba(240,182,91,.32),transparent 70%)!important}
@media(max-width:760px){body{background-size:auto 1250px!important;background-position:center top!important}main{padding-left:14px!important;padding-right:14px!important}.top{justify-content:center}.theme-switch{margin-left:0;margin-top:2px}.theme-switch button{padding:7px 11px;min-width:66px;font-size:12px}.intro{margin-top:30px!important}}
@media(prefers-reduced-motion:reduce){.theme-switch button{transition:none}}