/* Kailasa — a cinematic journal, with the latest work in view. */
:root{--bg:#080d17;--card:#101927;--text:#f4eee2;--muted:#8896ac;--gold:#dac293;--cool:#85d9d4;--font-display:'Fraunces',Georgia,serif}
body{background:#080d17}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.hud{z-index:5}
#hudTop{padding:28px 34px 22px;right:350px;background:linear-gradient(#080d17 40%,transparent)}
#brand .t1{font-size:11px;letter-spacing:.25em;color:var(--gold)}#epTitle{font-size:clamp(22px,2.5vw,36px);max-width:650px;line-height:1.2;margin-top:19px;font-weight:400}
#epSub{display:none}#epMetaRow{margin-top:13px}.chip{font-size:9px;letter-spacing:.12em;border-radius:3px;padding:5px 7px}.chip.acc{background:#85d9d412;color:#a9d7d2}
#hudRight{display:none}#credit{display:none}#stage{right:350px}
#hudBot{right:350px;padding:15px 34px 22px;background:#0b1220e8;border-top:1px solid #ffffff10;backdrop-filter:blur(18px)}
#controls{gap:8px}.btn{letter-spacing:.02em;font-size:12px;border-radius:6px;background:#111c2c;padding:10px 15px}.btn.primary{background:#d8be90;color:#121821;border-color:#d8be90}.btn:hover{border-color:var(--gold)}
#pips{gap:5px;margin-bottom:15px}.pip{height:3px;max-width:none}.pip.now{background:var(--gold);box-shadow:0 0 10px #d8be9055}#beatLabel{font-size:10px;max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
#drawer{inset:0 0 0 auto;display:block;width:350px;background:#0d1522;border-left:1px solid #d4c19a20;backdrop-filter:none;padding:30px 0 0;z-index:7;overflow-y:auto}
#drawer .inner{padding:0 20px}#drawer h2{font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;color:var(--text);font-weight:400;margin:7px 0 16px}
.journal-label{font:9px var(--font-mono);letter-spacing:.24em;color:var(--gold)}#feedStatus{font-size:11px;color:#95adaf;line-height:1.6;margin:13px 0 4px;min-height:34px}#feedStatus[data-state=error]{color:#edba97}#feedStatus[data-state=live]::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#83d7bc;margin-right:7px;box-shadow:0 0 8px #83d7bc77}
#feedDetail{font-size:10px;color:var(--muted);margin-bottom:18px;line-height:1.6}.feed-tabs{display:flex;gap:4px;border-bottom:1px solid #ffffff12;padding-bottom:12px;margin-bottom:12px}.feed-tabs button{background:transparent;border:0;color:var(--muted);padding:8px 9px;font:11px var(--font-body);cursor:pointer;border-radius:5px}.feed-tabs button[aria-pressed=true]{background:#dac29315;color:var(--gold)}
#storySearch{width:100%;background:#080e19;border:1px solid #ffffff12;border-radius:6px;color:var(--text);padding:11px 12px;margin-bottom:18px;font:12px var(--font-body)}
.ep{position:relative;gap:10px;padding:15px 10px;border:0;border-bottom:1px solid #ffffff0b;background:transparent;border-radius:0;margin:0}.ep:hover{transform:none;background:#ffffff04}.ep.selected{background:linear-gradient(90deg,#d8be9010,transparent);box-shadow:inset 2px 0 var(--gold)}.ep .n{display:none}.ep .tt{font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.5}.ep .ss{font-size:10px;line-height:1.6}.ep .right{display:none}.ep-avatar{width:40px;height:46px;object-fit:contain;flex:none;filter:drop-shadow(0 0 10px #dac29322)}.ep-meta{display:block;color:var(--muted);font-size:9px;margin-top:6px;letter-spacing:.02em}.ep-meta b{font-weight:400;color:#c1ad8d}#emptyStories{padding:20px 0;color:var(--muted);font-size:13px}
#refreshStories{border:1px solid #d8be9040;background:#d8be9010;border-radius:5px;color:var(--gold);padding:9px 12px;font:11px var(--font-body);cursor:pointer;margin-bottom:12px}#newStories{position:fixed;z-index:8;top:145px;left:34px;background:#d8be90;color:#101725;border:0;padding:10px 16px;border-radius:6px;cursor:pointer;font:12px var(--font-body)}#newStories[hidden]{display:none}
#dialogue{position:fixed;left:34px;bottom:115px;width:calc(100% - 418px);max-width:820px;z-index:5;display:flex;align-items:center;gap:20px;pointer-events:none;border-top:1px solid #d8be9030;padding-top:18px;background:linear-gradient(0deg,#080d17c9,transparent)}
#speakerPortrait{width:82px;height:92px;object-fit:contain;filter:drop-shadow(0 0 20px #dac29322)}#speakerName{font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:7px}#dialogueText{font-family:var(--font-display);font-size:clamp(16px,1.7vw,24px);line-height:1.45;max-width:640px;color:#ede7db}#chapterNumber{position:fixed;top:190px;left:34px;font:9px var(--font-mono);letter-spacing:.2em;color:#8999ad;z-index:4}
#boot{display:block;overflow:auto;background:radial-gradient(ellipse at 72% 45%,#17374177,transparent 50%),radial-gradient(ellipse at 20% 65%,#49321d44,transparent 45%),#080d17;z-index:10}
#boot::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#d8be9066 .6px,transparent .6px);background-size:57px 53px;opacity:.35;pointer-events:none}
#boot .col{position:relative;text-align:left;max-width:1480px;min-height:100%;padding:42px 6vw 24px;margin:auto;display:flex;flex-direction:column}
.boot-nav{display:flex;align-items:center;gap:12px;font:11px var(--font-mono);letter-spacing:.2em;color:var(--gold)}.boot-nav .mark{width:20px;height:20px}.boot-nav span:last-child{margin-left:auto;font:10px var(--font-body);letter-spacing:.05em;color:var(--muted)}
.boot-scene{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;flex:1;min-height:440px}.boot-copy{position:relative;z-index:2;padding:50px 0}.boot-eyebrow{font:10px var(--font-mono);letter-spacing:.25em;color:var(--gold);margin-bottom:25px}#boot h1{font-size:clamp(54px,6.5vw,102px);font-weight:400;line-height:1.03;margin:0 0 24px;letter-spacing:-.06em}#boot h1 em{color:#d8be90;font-weight:400}#boot .tag{font-size:15px;line-height:1.8;max-width:440px;color:#97a6bb}#boot .go{margin-top:28px;gap:12px;flex-wrap:wrap}#boot .go .btn{font-size:13px;padding:14px 23px}#bootMeta{font:10px var(--font-mono);line-height:1.7;letter-spacing:.04em!important;max-width:480px}
.boot-art{position:relative;display:grid;place-items:center;min-width:0}.boot-art::before{content:'';position:absolute;width:80%;aspect-ratio:1;border:1px solid #dac29320;border-radius:50%;box-shadow:0 0 100px #63d4c011,inset 0 0 70px #dac29308;animation:orbit 45s linear infinite}.boot-art::after{content:'';position:absolute;width:94%;aspect-ratio:1;border:1px dashed #dac29313;border-radius:50%;animation:orbit 90s linear infinite reverse}.mountain-art{position:relative;width:115%;max-width:750px;animation:float 9s ease-in-out infinite;filter:drop-shadow(0 25px 65px #6ccac222)}.orbit-tag{position:absolute;bottom:14%;font:9px var(--font-mono);letter-spacing:.3em;color:#aec2c4}
.pantheon-strip{display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,2vw,30px);border-top:1px solid #d8be9020;padding:20px 0 10px}.pantheon-person{text-align:center;flex:1;max-width:115px}.pantheon-person img{width:100%;height:100px;object-fit:contain;transition:transform .4s;filter:drop-shadow(0 0 18px #d8be9015)}.pantheon-person:hover img{transform:translateY(-8px)}.pantheon-person span{display:block;font-size:10px;color:#d4c5ac;margin-top:7px}.pantheon-person small{font:8px var(--font-mono);color:#6e819c;letter-spacing:.06em}.boot-footer{display:flex;justify-content:space-between;font:9px var(--font-mono);letter-spacing:.06em;color:#6c819a;padding-top:16px}
#boot.gone{display:none}@keyframes float{50%{transform:translateY(-16px)}}@keyframes orbit{to{transform:rotate(360deg)}}
#closeDrawer{display:none}#stats .card{margin-right:350px}.empty-feed{padding:26px 10px;color:var(--muted);font-size:12px}
@media(min-width:1101px){#bEps{display:none}}
@media(max-width:1100px){#drawer{display:none;width:360px;max-width:100%;z-index:9;box-shadow:-20px 0 80px #0009}#drawer.open{display:block}#hudTop,#hudBot{right:0}#dialogue{width:calc(100% - 68px)}#closeDrawer{display:block;position:absolute;right:18px;top:22px;background:none;border:0;color:var(--gold);font-size:24px;cursor:pointer}#stats .card{margin-right:0}}
@media(max-width:650px){#hudTop{padding:20px}#epTitle{font-size:23px;max-width:100%}#epMetaRow{margin-top:10px}#hudBot{padding:12px 16px 20px}#controls{gap:6px}.btn{padding:9px 11px;font-size:11px}#beatLabel{display:none}#dialogue{left:20px;width:calc(100% - 40px);bottom:115px;gap:12px}#speakerPortrait{width:54px;height:75px}#dialogueText{font-size:18px}#speakerName{font-size:8px}#chapterNumber{top:158px;left:20px}#newStories{top:175px;left:20px;font-size:11px}.boot-scene{grid-template-columns:1fr;min-height:0}.boot-copy{padding:45px 0 0}#boot .col{padding:25px 25px 20px}#boot h1{font-size:64px}#boot .tag{font-size:13px}.boot-art{height:280px;overflow:hidden;order:-1;margin-top:22px}.mountain-art{width:360px;max-width:105%}.boot-art::before{width:240px}.boot-art::after{width:270px}.orbit-tag{bottom:10px}.boot-eyebrow{margin-bottom:17px}.boot-nav span:last-child{display:none}.pantheon-strip{margin-top:30px;gap:4px}.pantheon-person:nth-child(n+6){display:none}.pantheon-person img{height:72px}.pantheon-person span{font-size:8px}.pantheon-person small{display:none}.boot-footer{line-height:1.7;gap:16px;font-size:8px}#boot .meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}