@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--gold: #ddb86b;--gold-bright: #f5d991;--gold-wash: rgba(221, 184, 107, .12);--aqua: #8fc7cc;--ink: #05070c;--line: rgba(226, 202, 149, .2);--line-strong: rgba(226, 202, 149, .42);--paper: #f1eadb;--muted: #969ba6;--shadow: 0 18px 55px rgba(0, 0, 0, .36);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.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}button,select,.scrubber-track-wrapper{-webkit-tap-highlight-color:transparent}#app-container{isolation:isolate;position:relative;width:100vw;height:100vh;min-height:520px;overflow:hidden}#webgl-canvas,#scene-wrapper,.film-grain,.cinematic-vignette,#flash-overlay{position:absolute;inset:0;width:100%;height:100%}#webgl-canvas{z-index:1;transition:transform .05s ease-out}#scene-wrapper{z-index:2;pointer-events:none}.film-grain{z-index:5;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.cinematic-vignette{z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,7,.86) 0%,transparent 22%,transparent 68%,rgba(2,3,7,.94) 100%),radial-gradient(ellipse at 50% 45%,transparent 42%,rgba(0,0,0,.62) 110%)}#flash-overlay{z-index:6;pointer-events:none;background:radial-gradient(circle,rgba(255,237,194,.78) 0%,rgba(202,111,42,.28) 58%,transparent 100%);opacity:0;transition:opacity .06s ease-out}.scene-frame{position:absolute;inset:18px;z-index:7;border:1px solid rgba(226,202,149,.1);pointer-events:none}.scene-frame:before,.scene-frame:after{content:"";position:absolute;top:-1px;width:58px;height:1px;background:var(--gold);box-shadow:0 calc(100vh - 37px) 0 #ddb86b6b}.scene-frame:before{left:-1px}.scene-frame:after{right:-1px}.top-hud{position:absolute;top:0;left:0;z-index:10;width:100%;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(380px,1fr);align-items:start;gap:1.5rem;padding:1.65rem 2.25rem;pointer-events:none}.brand-section,.hud-center,.hud-controls,.bottom-console{pointer-events:auto}.brand-section{display:flex;align-items:center;gap:.95rem;min-width:0}.brand-monogram{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line-strong);color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:.75rem;letter-spacing:.08em;transform:rotate(45deg)}.brand-monogram span{transform:rotate(-45deg)}.brand-copy{min-width:0;max-width:min(32vw,34rem)}.brand-kicker{margin-bottom:.22rem;color:var(--muted);font-size:.66rem;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.brand-title{color:var(--paper);font-family:Cinzel,Georgia,serif;font-size:clamp(1rem,1.45vw,1.38rem);font-weight:900;letter-spacing:.105em;line-height:1;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{margin-top:.22rem;overflow:hidden;color:var(--gold);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.hud-center{justify-self:center;padding-top:.15rem}.act-lockup{display:flex;flex-direction:column;align-items:center;gap:.42rem}.act-eyebrow{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.verse-pill{position:relative;max-width:28rem;padding:.48rem 1.7rem .43rem;overflow:hidden;border-bottom:1px solid var(--line-strong);color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.verse-pill:before,.verse-pill:after{content:"◆";position:absolute;bottom:-.37rem;color:var(--gold);font-size:.58rem}.verse-pill:before{left:0}.verse-pill:after{right:0}.hud-controls{justify-self:end;display:flex;align-items:center;gap:.45rem;min-width:0}.control-field{position:relative;min-width:0}.control-field label{position:absolute;top:.27rem;left:.8rem;z-index:1;color:var(--muted);font-size:.54rem;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase;pointer-events:none}.glass-select,.glass-btn{height:46px;border:1px solid var(--line);border-radius:3px;outline:none;background:linear-gradient(180deg,#141820cc,#070a10db);box-shadow:inset 0 1px #ffffff09,var(--shadow);color:var(--paper);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.glass-select{min-width:122px;max-width:195px;padding:1.05rem 2rem .23rem .75rem;color:#d9d7d1;font-size:.72rem;font-weight:650}.control-field.act-field .glass-select{min-width:196px}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.52rem;padding:0 .9rem;font-size:.7rem;font-weight:720;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}.glass-btn .btn-icon{color:var(--gold);font-family:Georgia,serif;font-size:1rem;line-height:1}.glass-select:hover,.glass-select:focus-visible,.glass-btn:hover,.glass-btn:focus-visible{border-color:var(--line-strong);background:linear-gradient(180deg,#1d2028e6,#090c12f0)}.glass-btn:active{transform:translateY(1px)}.glass-btn.active{border-color:#ddb86b9e;background:var(--gold-wash);color:var(--gold-bright)}.bottom-hud{position:absolute;right:0;bottom:0;left:0;z-index:10;padding:0 2.25rem 1.75rem;pointer-events:none}.bottom-console{width:100%;padding:.85rem 1rem .95rem;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,#0c0f16c7,#05070ceb);box-shadow:0 22px 55px #00000075,inset 0 1px #ffffff09;backdrop-filter:blur(18px) saturate(120%)}.timeline-container{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:1rem;width:100%;padding:0 .1rem .72rem;border-bottom:1px solid rgba(255,255,255,.055)}.time-display{min-width:94px;color:var(--gold-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.03em}.timeline-caption{color:var(--muted);font-size:.59rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.scrubber-track-wrapper{position:relative;display:flex;align-items:center;height:26px;cursor:pointer}.scrubber-track{position:relative;width:100%;height:2px;background:#ffffff2b}.scrubber-progress{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#a97d35,var(--gold-bright));box-shadow:0 0 12px #ddb86b80}.scrubber-handle{position:absolute;top:50%;left:0;width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #ddb86b1f,0 0 14px #ddb86b9e;transform:translate(-50%,-50%);transition:transform .15s ease}.scrubber-track-wrapper:hover .scrubber-handle{transform:translate(-50%,-50%) scale(1.22)}.verse-marker{position:absolute;top:-3px;width:1px;height:8px;border-radius:1px;background:#ffffff57;transform:translate(-50%);pointer-events:none}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem}.playback-controls,.aux-controls,.verse-tabs{display:flex;align-items:center}.playback-controls{gap:.55rem;min-width:0}.aux-controls{gap:.45rem}.verse-tabs{gap:.28rem;max-width:min(48vw,720px);margin-left:.45rem;overflow-x:auto;scrollbar-width:none}.verse-tabs::-webkit-scrollbar{display:none}.play-pause-btn{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid var(--gold-bright);border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 5px #ddb86b14,0 9px 28px #00000057;color:#171208;cursor:pointer;font-size:.94rem;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}.play-pause-btn:hover,.play-pause-btn:focus-visible{box-shadow:0 0 0 6px #ddb86b26,0 9px 28px #00000057;transform:scale(1.04);outline:none}.controls-row .glass-btn{height:36px;box-shadow:none}.controls-row #replay-btn{width:38px;padding:0;font-size:1rem}.verse-tab-btn{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:2px;background:transparent;color:#767b85;cursor:pointer;font-family:Cinzel,Georgia,serif;font-size:.66rem;font-weight:600;transition:color .15s ease,border-color .15s ease,background .15s ease}.verse-tab-btn:after{content:"";position:absolute;right:8px;bottom:3px;left:8px;height:1px;background:transparent}.verse-tab-btn:hover,.verse-tab-btn:focus-visible{border-color:var(--line);color:var(--paper);outline:none}.verse-tab-btn.active{border-color:var(--line-strong);background:var(--gold-wash);color:var(--gold-bright)}.verse-tab-btn.active:after{background:var(--gold)}.orbit-hint{position:absolute;top:6.8rem;left:50%;z-index:12;max-width:calc(100vw - 2rem);padding:.65rem 1rem;border:1px solid rgba(143,199,204,.42);border-radius:3px;background:#070e13e0;box-shadow:var(--shadow);color:#b7dade;font-size:.73rem;font-weight:650;letter-spacing:.04em;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .22s ease}.orbit-hint.visible{opacity:1;transform:translate(-50%)}.library-toggle{position:absolute;bottom:9.55rem;left:2.25rem;z-index:24;display:inline-flex;align-items:center;gap:.65rem;height:40px;padding:0 .85rem 0 .45rem;border:1px solid var(--line-strong);border-radius:3px;background:#070a10e6;box-shadow:var(--shadow);color:var(--paper);cursor:pointer;font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(16px);transition:color .16s ease,border-color .16s ease,background .16s ease}.library-toggle:hover,.library-toggle:focus-visible,.library-toggle[aria-expanded=true]{border-color:var(--gold);background:#1a1814f0;color:var(--gold-bright);outline:none}.library-toggle-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line-strong);color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:.72rem}.library-drawer{position:absolute;bottom:12.6rem;left:2.25rem;z-index:25;display:flex;flex-direction:column;width:min(410px,calc(100vw - 2rem));height:min(610px,calc(100vh - 15rem));min-height:350px;overflow:hidden;border:1px solid var(--line-strong);border-radius:4px;background:linear-gradient(180deg,#0f131cf7,#05080dfb);box-shadow:0 28px 80px #0000009e,inset 0 1px #ffffff0a;opacity:0;pointer-events:none;transform:translateY(12px) scale(.985);transform-origin:bottom left;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(24px) saturate(120%)}.library-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.15rem .65rem}.library-eyebrow{margin-bottom:.28rem;color:var(--gold);font-size:.6rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.library-header h2{font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:.035em}.library-close{width:32px;height:32px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--muted);cursor:pointer;font-size:1.2rem;line-height:1}.library-close:hover,.library-close:focus-visible{border-color:var(--line-strong);color:var(--paper);outline:none}.library-intro{padding:0 1.15rem .9rem;color:var(--muted);font-size:.74rem;line-height:1.45}.library-search{padding:0 1.15rem .75rem}.library-search input{width:100%;height:40px;padding:0 .75rem;border:1px solid var(--line);border-radius:2px;outline:none;background:#00000038;color:var(--paper);font:600 .76rem Inter,ui-sans-serif,sans-serif}.library-search input::placeholder{color:#676d78}.library-search input:focus{border-color:var(--gold)}.library-status{min-height:24px;padding:0 1.15rem .55rem;color:var(--muted);font-size:.65rem;font-weight:650;letter-spacing:.04em}.library-status.loading{color:var(--gold-bright)}.library-status.error{color:#ff9a86}.library-list{flex:1;min-height:0;overflow-y:auto;border-top:1px solid rgba(255,255,255,.055);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.library-list::-webkit-scrollbar{width:7px}.library-list::-webkit-scrollbar-track{background:transparent}.library-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px}.library-book{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-height:58px;padding:.58rem .9rem .58rem .72rem;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:var(--paper);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.library-book:hover,.library-book:focus-visible{background:#ddb86b14;outline:none}.library-book.active{background:#ddb86b21}.library-book.loading{cursor:wait}.library-rank{color:#6e737d;font:700 .62rem ui-monospace,SFMono-Regular,monospace;text-align:right}.library-book.active .library-rank{color:var(--gold)}.library-book-copy{min-width:0}.library-book-title{display:block;overflow:hidden;color:#e9e4da;font-family:Cinzel,Georgia,serif;font-size:.7rem;font-weight:600;letter-spacing:.02em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.library-book-author{display:block;margin-top:.18rem;overflow:hidden;color:var(--muted);font-size:.63rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.library-downloads{color:#6f747d;font:600 .58rem ui-monospace,SFMono-Regular,monospace;white-space:nowrap}.library-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.65rem 1.15rem;border-top:1px solid var(--line);color:var(--muted);font-size:.6rem;line-height:1.35}.library-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-footer a{flex:0 0 auto;color:var(--gold);text-decoration:none}@media (max-width: 1180px){.top-hud{grid-template-columns:minmax(190px,.9fr) auto minmax(320px,1fr);gap:.8rem;padding-inline:1.5rem}.hud-controls .control-field:nth-of-type(2),.hud-controls .control-field:nth-of-type(3){display:none}.bottom-hud{padding-inline:1.5rem}.library-toggle,.library-drawer{left:1.5rem}.aux-controls .glass-btn{padding-inline:.72rem}}@media (max-width: 1050px){#app-container{min-height:660px}.scene-frame{inset:10px}.top-hud{grid-template-columns:1fr;grid-template-areas:"brand" "act" "actions";gap:.55rem;padding:1.15rem 1.2rem 0}.brand-section{grid-area:brand}.hud-center{grid-area:act;width:100%;padding-top:.4rem}.hud-controls{grid-area:actions;justify-self:stretch;width:100%;margin-top:.35rem;padding-bottom:.25rem;overflow-x:auto;scrollbar-width:none}.hud-controls::-webkit-scrollbar{display:none}.brand-monogram{width:34px;height:34px}.brand-kicker{display:none}.brand-title{font-size:.96rem}.brand-subtitle{display:block;margin-top:.3rem;font-size:.58rem;font-weight:700;letter-spacing:.12em}.act-eyebrow{display:none}.verse-pill{width:min(100%,28rem);padding-top:.38rem;font-size:.7rem}.hud-controls .control-field,.hud-controls .control-field.act-field{display:block;flex:0 0 auto}.hud-controls #regen-btn{display:inline-flex;flex:0 0 auto}.hud-controls .glass-select,.hud-controls #regen-btn{height:41px}.bottom-hud{padding:0 1rem 1rem}.library-toggle{bottom:9rem;left:1rem}.library-drawer{bottom:12rem;left:1rem;height:min(560px,calc(100vh - 14rem))}.bottom-console{padding:.72rem .8rem .8rem}.timeline-container{grid-template-columns:auto 1fr;gap:.75rem}.timeline-caption{display:none}.controls-row{align-items:flex-end}.playback-controls{flex:1;overflow:hidden}.verse-tabs{overflow-x:auto;scrollbar-width:none}.verse-tabs::-webkit-scrollbar{display:none}.aux-controls{flex:0 0 auto}.aux-controls .glass-btn{display:inline-flex;width:38px;padding:0;overflow:hidden;font-size:0}.aux-controls #orbit-btn:before{content:"◉";font-size:.9rem}.aux-controls #particles-btn:before{content:"✦";font-size:1rem}.aux-controls #wobble-btn:before{content:"~";font:700 1rem Georgia,serif}.aux-controls #sound-btn:before{content:"♪";font-family:Georgia,serif;font-size:1rem}.aux-controls #sound-btn.active:before{content:"♫"}.aux-controls .glass-btn .btn-icon{display:none}.orbit-hint{top:12rem}}@media (max-width: 820px){.top-hud{gap:.7rem}.hud-controls{margin-top:.15rem}}@media (max-width: 480px){.top-hud{padding-inline:.9rem}.brand-monogram{display:none}.brand-title{font-size:.9rem}.bottom-hud{padding-inline:.7rem}.bottom-console{padding-inline:.65rem}.time-display{min-width:82px;font-size:.66rem}.verse-tabs{margin-left:.2rem}.verse-tab-btn{width:30px;min-width:30px}.aux-controls{gap:.25rem}.aux-controls .glass-btn{width:32px}.hud-controls .glass-select{min-width:148px;max-width:165px}.hud-controls .control-field:not(.act-field) .glass-select{min-width:118px}.library-toggle{left:.7rem}.library-drawer{right:.7rem;left:.7rem;width:auto;height:min(520px,calc(100vh - 13.5rem))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}