/* Five narrative world themes */
body{transition:background .5s ease,color .4s ease}.visual,.veil,.quick-card,.topbar,.dock,.theme-picker{transition:background .55s ease,filter .55s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.theme-picker{right:12px;gap:5px;padding:8px;border-radius:19px}.theme-picker button{min-width:48px;padding:8px 5px;font-size:9px;font-weight:750}.theme-picker i{width:31px;height:20px;border:1px solid #ffffff35}.theme-picker button:nth-child(1) i{background:linear-gradient(135deg,#06132e,#4dc9ee 58%,#ad8cff)}.theme-picker button:nth-child(2) i{background:linear-gradient(135deg,#102d24,#3f8b5f 58%,#d79258)}.theme-picker button:nth-child(3) i{background:linear-gradient(135deg,#050414,#3e2b8b 54%,#557eff)}.theme-picker button:nth-child(4) i{background:linear-gradient(135deg,#07332d,#29a887 58%,#e6b95f)}.theme-picker button:nth-child(5) i{background:linear-gradient(135deg,#fff9e4,#f1ca69 58%,#dc8d45)}

/* 처음 — 깊은 새벽, 여정이 열리는 청록빛 문 */
body[data-theme=intro]{--accent:#7de4ff;--muted:#b5c9df;background:#081b3d;color:#f6fbff}.theme-intro .visual{filter:saturate(.82) hue-rotate(-7deg) brightness(.82)}.theme-intro .veil{background:linear-gradient(180deg,#071a3a38,#07172b18 30%,#06152bd9 78%,#07162d),radial-gradient(circle at 50% 30%,#4fcfff2b,transparent 42%)}.theme-intro .quick-card{background:#0b2445a6;border-color:#86ddff35}.theme-intro .topbar{background:linear-gradient(#07182cdb,transparent)}.theme-intro .dock{background:#081a35e8;border-color:#89e4ff2e}.theme-intro .dock button.active{background:#6adfff1d;color:#dff9ff;box-shadow:inset 0 0 20px #64dfff12}.theme-intro .eyebrow,.theme-intro .chapter{color:#8deaff}

/* 지구 — 숲, 흙, 생명과 창작의 온기 */
body[data-theme=earth]{--accent:#75d69a;--muted:#c0d0c5;background:#102d24;color:#f5fbf6}.theme-earth .visual{filter:saturate(.76) hue-rotate(18deg) brightness(.75)}.theme-earth .veil{background:linear-gradient(180deg,#0b2c2147,#163b2717 30%,#102b22dc 79%,#0b241c),radial-gradient(circle at 78% 24%,#d98b5233,transparent 36%)}.theme-earth .quick-card{background:#153c2eb5;border-color:#8bd6a73d}.theme-earth .topbar{background:linear-gradient(#0d2b22dc,transparent)}.theme-earth .dock{background:#102d25ed;border-color:#8cd29f36}.theme-earth .dock button.active{background:#72ce8e24;color:#e4ffeb}.theme-earth .eyebrow,.theme-earth .chapter{color:#8de1a6}.theme-earth .primary{background:linear-gradient(135deg,#65c98b,#bd8a58);border-color:#d7eccd50;box-shadow:0 12px 30px #071e1570}

/* 우주 — 무한한 밤, 보랏빛 성운과 전기청색 별 */
body[data-theme=space]{--accent:#8ca4ff;--muted:#b8b9d6;background:#09071c;color:#f8f7ff}.theme-space .visual{filter:saturate(1.15) hue-rotate(32deg) brightness(.64) contrast(1.12)}.theme-space .veil{background:linear-gradient(180deg,#06041645,#160d3610 31%,#09071ddf 80%,#070619),radial-gradient(circle at 68% 22%,#774cff42,transparent 37%)}.theme-space .stars{opacity:.78}.theme-space .quick-card{background:#161034b8;border-color:#9b8cff42}.theme-space .topbar{background:linear-gradient(#080619e6,transparent)}.theme-space .dock{background:#0b0924ef;border-color:#9c8cff34;box-shadow:0 14px 42px #000c,0 0 28px #684cff19}.theme-space .dock button.active{background:#7760ff26;color:#eeeaff}.theme-space .eyebrow,.theme-space .chapter{color:#a9a2ff}.theme-space .primary{background:linear-gradient(135deg,#506cf0,#933ed2);border-color:#b8a5ff52}

/* 성장 — 새순, 순환, 균형을 상징하는 에메랄드와 금빛 */
body[data-theme=growth]{--accent:#57dfb5;--muted:#b9d7cf;background:#0c332f;color:#f3fffb}.theme-growth .visual{filter:saturate(.88) hue-rotate(72deg) brightness(.76)}.theme-growth .veil{background:linear-gradient(180deg,#08362d3b,#0b47321a 32%,#0b312ddd 80%,#082722),radial-gradient(circle at 35% 25%,#44d6a72f,transparent 40%)}.theme-growth .quick-card{background:#123f38b8;border-color:#64dcb848}.theme-growth .topbar{background:linear-gradient(#092e29e0,transparent)}.theme-growth .dock{background:#0b312ced;border-color:#63d9b33a}.theme-growth .dock button.active{background:#4edbb322;color:#dcfff5}.theme-growth .eyebrow,.theme-growth .chapter{color:#67e8be}.theme-growth .primary{background:linear-gradient(135deg,#35bd9a,#d0a94f);border-color:#bbf1da55}.theme-growth .steps i{background:linear-gradient(90deg,#4dd8b0,#e7ba5d)}

/* 빛 — 완성과 화합, 부드러운 아이보리와 황금빛 */
body[data-theme=light]{--accent:#c58c31;--muted:#715f4d;background:#f7e6b8;color:#36291f}.theme-light .visual{filter:saturate(.62) sepia(.24) brightness(1.12)}.theme-light .veil,.theme-light .world[data-tone=light] .veil{background:linear-gradient(180deg,#fff8dc42,#fff7dd18 30%,#fff2c9d6 79%,#f7e5b6),radial-gradient(circle at 50% 22%,#fffbd9a8,transparent 40%)}.theme-light .world{color:#392c21}.theme-light .intro-content>p,.theme-light .lead{color:#705e4c}.theme-light .quick-card,.theme-light .light-content .quick-card{background:#fff8e0b8;border-color:#a97b3b3b;color:#463426;box-shadow:0 9px 25px #815d2217}.theme-light .quick-card span,.theme-light .light-content .quick-card span{color:#755e47}.theme-light .topbar{background:linear-gradient(#fff4cfe8,transparent);color:#473526}.theme-light .page-count,.theme-light .page-count b{color:#60472f}.theme-light .dock{background:#fff8e7ed;border-color:#9b713c38;box-shadow:0 14px 35px #76511f27}.theme-light .dock button{color:#80684f}.theme-light .dock button.active{background:#e9c87f59;color:#45321f}.theme-light .eyebrow,.theme-light .chapter{color:#a66e20}.theme-light .primary{background:linear-gradient(135deg,#e0b458,#b96e36);color:#fff9ec;border-color:#fff5d58c;box-shadow:0 12px 30px #9d682735}.theme-light .theme-launch,.theme-light .sound{border-color:#8d67353b;background:#fff9e69c}.theme-light .brand-mark{border-color:#6c503d70}

.theme-intro .theme-picker,.theme-earth .theme-picker,.theme-space .theme-picker,.theme-growth .theme-picker{background:#07152ef0;border-color:#ffffff22}.theme-light .theme-picker{background:#fff9e9f2;border-color:#9b764537;box-shadow:0 16px 40px #75521d2c}.theme-light .theme-picker button{color:#806a52}.theme-light .theme-picker button.active{background:#edd39778;color:#3f2d20}
@media(min-width:700px){.theme-picker{right:calc(50% - 215px)}}