:root{color-scheme:dark;--bg:#100b19;--panel:#1b1426;--line:#43344f;--text:#f7f1e7;--muted:#c4b8d0;--gold:#edce85;--purple:#ae7bff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;border-radius:9px;font:inherit;font-weight:600;min-height:48px;padding:12px 20px;border:1px solid var(--line);background:var(--panel);color:var(--text)}button:hover,.button:hover{border-color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.7}header{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{width:225px;flex-shrink:0}.brand img,footer img{width:100%;height:auto;display:block}nav{display:flex;gap:26px}nav a{padding:12px 0;color:var(--muted);font-size:14px}nav a[aria-current],nav a:hover{color:var(--gold)}main{max-width:1220px;padding:0 38px;margin:auto}section{scroll-margin-top:20px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:18px 0 26px}h1{font-size:clamp(44px,5.5vw,80px)}h2{font-size:clamp(34px,4vw,48px)}em{color:var(--gold);font-weight:400}.eyebrow{font-size:11px;letter-spacing:.21em;font-weight:700;color:var(--gold)}p{color:var(--muted)}.hero{min-height:620px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;position:relative}.lead{max-width:470px;font-size:18px;margin-bottom:30px}.gold{background:var(--gold);color:#22152a;border-color:var(--gold)}.button{display:inline-flex;gap:22px;align-items:center}.text-link{display:block;width:fit-content;margin-top:22px;font-size:14px;color:var(--muted)}.hero-art{height:460px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#5d239644,transparent 65%)}.orbit{position:absolute;width:390px;height:390px;border:1px solid #9670b635;border-radius:50%;transform:rotate(-27deg) scaleY(.72)}.orbit-two{transform:rotate(45deg) scaleY(.8);width:320px;height:320px}.book{position:absolute;width:220px;height:305px;border-radius:3px 14px 14px 3px}.book-back{background:linear-gradient(100deg,#3c2160,#654585);transform:rotate(15deg) translate(25px,0);box-shadow:18px 20px 70px #0008;border-right:8px solid #d6c5af}.book-front{background:linear-gradient(115deg,#44236f,#211430 70%);border:1px solid #b48adc88;border-left:9px solid #5b368a;transform:rotate(-12deg) translate(-15px,-10px);display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:25px 15px;box-shadow:0 30px 60px #0008}.book-front span{text-align:center;font:24px/1.1 Georgia;letter-spacing:.1em;color:var(--gold)}.book-front small{font-size:8px;letter-spacing:.12em}.play{font-size:56px;color:var(--gold);filter:drop-shadow(0 0 20px #dfad4d55)}.caption{position:absolute;bottom:4px;letter-spacing:.22em;color:var(--muted);font-size:9px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2{margin-bottom:20px}.section-head>p{font-size:14px;margin-bottom:24px}.channels{padding:40px 0 80px;border-top:1px solid var(--line)}.channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.channel{min-width:0;position:relative;padding:24px 17px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#24192f,#17101f);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.channel[href]:hover{transform:translateY(-4px);border-color:var(--purple)}.channel-icon{color:var(--gold);font-size:25px;height:45px}.channel strong{font-size:16px}.channel small{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.arrow{position:absolute;top:24px;right:17px;color:var(--muted)}.pending{border-style:dashed}.pending .channel-icon{color:var(--muted)}.about{display:grid;grid-template-columns:.6fr 1fr;gap:70px;padding:70px 0;border-top:1px solid var(--line);align-items:center}.portrait{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:80px 8px 8px 8px;background:radial-gradient(ellipse at top,#5c337d66,transparent 80%);overflow:hidden}.portrait>span{font:80px Georgia;color:#b491d4}.portrait small{color:var(--muted);font-size:12px}.portrait img{width:100%;height:310px;object-fit:cover}.signature{border-left:2px solid var(--gold);padding-left:20px;font-size:14px;margin-top:28px}.store{margin:30px 0 80px;border:1px solid #6b4e74;background:linear-gradient(110deg,#281834,#17101f);border-radius:18px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:48px;overflow:hidden}.store p{max-width:420px}.notice{font-size:13px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}.shelf{display:flex;align-items:end;justify-content:center;gap:12px;min-height:320px;transform:rotate(6deg)}.spine{height:260px;width:72px;background:linear-gradient(90deg,#b38a48,#e3be76,#b18a4b);color:#271c19;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:space-around;padding:24px 0;letter-spacing:.16em;font:15px Georgia;box-shadow:12px 12px 30px #0005}.spine.purple{background:linear-gradient(90deg,#4e2972,#8054a4,#462562);color:#f5e0b7;height:300px}.spine.dark{background:linear-gradient(90deg,#30223d,#493455,#23182c);color:var(--gold);height:235px}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.support{display:flex;flex-direction:column;gap:20px;padding:28px 24px;min-height:220px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.support small{font-size:9px;letter-spacing:.19em;color:var(--gold)}.support strong{font:27px/1.1 Georgia}.support>span{font-size:12px;color:var(--muted);margin-top:auto}.support[href]:hover{border-color:var(--gold)}.vacant{background:transparent;border-style:dashed}.vacant strong{font-size:24px;color:var(--muted)}footer{max-width:1144px;margin:80px auto 0;padding:45px 25px calc(25px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center}footer img{width:215px;margin:auto}footer p{font-size:13px}footer small{font-size:11px;color:var(--muted)}.footer-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.footer-actions button{background:transparent;font-size:12px;padding:8px 12px}dialog{color:var(--text);background:#1b1227;border:1px solid #78558f;border-radius:18px;padding:32px;max-width:min(600px,92vw);max-height:85dvh;overflow:auto}dialog::backdrop{background:#06030ce6}dialog h2{font-size:32px}dialog p{font-size:15px}#intro{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse,#35104d,#09060f 75%);text-align:center;overflow:hidden;align-content:center}#intro img{width:min(740px,85vw);height:auto;animation:logo-in 1.3s ease both,shine 1s 1.3s ease both}#intro h2{font:clamp(18px,4vw,30px) Georgia;animation:logo-in .6s 1.9s both}#skip-intro{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));font-size:13px}.particles{position:absolute;inset:12% 0 auto;color:#d5b2ff;letter-spacing:3vw;animation:float 3.7s ease both}label{display:block;margin:15px 0 5px;font-size:13px}input,textarea{display:block;width:100%;min-height:48px;padding:12px;color:var(--text);background:#100b19;border:1px solid #81638e;border-radius:6px;font:14px system-ui}textarea{min-height:110px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.form-actions button{font-size:12px}#config-error{color:#ffd0cf}.status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#30223d;color:white;padding:12px 24px;border-radius:12px;z-index:10;max-width:90vw}.status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:20;padding:12px;background:var(--gold);color:#100b19}.skip:focus{transform:none}[hidden]{display:none!important}@keyframes logo-in{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes shine{50%{filter:drop-shadow(0 0 24px #ae7bff88) brightness(1.15)}}@keyframes float{from{opacity:0;transform:translateY(15px)}30%,80%{opacity:.8}to{opacity:0;transform:translateY(-15px)}}
@media(max-width:1000px){header{gap:15px;flex-wrap:wrap}.brand{width:190px}nav{order:3;justify-content:center;width:100%}.channel-grid{grid-template-columns:repeat(3,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}.hero-art{transform:scale(.85)}.hero{gap:0;min-height:570px}.about{gap:35px}}
@media(max-width:650px){html{scroll-padding-top:20px}header{padding:20px}.brand{width:175px}#install{font-size:12px;padding:9px 12px}nav{gap:22px}nav a{font-size:13px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:30px}.hero-art{height:345px;transform:scale(.82);margin:0 -15px}.lead{font-size:16px}h1{font-size:52px}.hero-copy{position:relative;z-index:1}.section-head{display:block}.section-head>p{margin-top:0}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel:last-child{grid-column:1/-1}.channels{padding-bottom:45px}.about{grid-template-columns:1fr;padding:45px 0;gap:20px}.portrait{min-height:210px}.store{padding:28px;grid-template-columns:1fr;margin-bottom:45px}.shelf{min-height:270px;transform:scale(.85) rotate(6deg);margin:-15px}.support-grid{gap:10px}.support{padding:20px 16px;min-height:205px}.support strong{font-size:24px}.support>span{font-size:11px}footer{margin-top:50px}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}html.reduce-motion{scroll-behavior:auto}.reduce-motion *{animation:none!important;transition:none!important}
@media(max-width:650px){input,textarea{font-size:16px}}
body{overflow-x:hidden}.hero>*,.about>*,.store>*{min-width:0}.hero-art{overflow:hidden}
.support-logo{display:grid;place-items:center;background:#f5f0e7;border-radius:9px;padding:12px;min-height:100px;width:100%}.support-logo img{display:block;width:100%;height:90px;object-fit:contain}.support-logo-card{padding:24px 16px;gap:16px}.support-logo-card>span{font-size:12px}.support-logo-card strong.sr-only{position:absolute}.support-logo-card .support-logo{margin:auto 0}@media(max-width:650px){.support-logo-card{grid-column:1/-1;min-height:210px}.support-logo{min-height:120px}.support-logo img{height:105px}}

#about-text{white-space:pre-line;max-width:650px}

.channel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;margin-bottom:14px;background:#ffffff09;border:1px solid #ffffff15}.channel-icon img{display:block;width:28px;height:28px;object-fit:contain}.channel-icon-youtube{background:#ff003314}.channel-icon-instagram{background:#e4405f14}.channel-icon-facebook{background:#4592ff14}.channel-icon-site{background:#ba90ff14}.channel-icon-ebooks{background:#edce8514}.cta-brand-icon{display:block;width:24px;height:24px;flex-shrink:0}

#intro[open]{animation:intro-out .5s 3.2s both}@keyframes intro-out{to{opacity:0}}
