:root{--font-main: "Nunito", "Nunito Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--bg-deep-space: #060911;--bg-midnight: #0b1120;--bg-midnight-800: #10192d;--bg-card: rgba(16, 25, 45, .82);--bg-card-hover: rgba(22, 34, 60, .9);--border-subtle: rgba(45, 63, 100, .45);--border-gold-subtle: rgba(229, 169, 60, .3);--gold-primary: #d4af37;--gold-light: #f5d77f;--gold-bright: #ffe898;--gold-deep: #9d741c;--gold-shadow: #634708;--gold-glow: rgba(212, 175, 55, .4);--gold-glow-intense: rgba(255, 232, 152, .7);--gold-gradient-metallic: linear-gradient(135deg, #FFF6C8 0%, #D4AF37 32%, #FFE082 52%, #B8860B 78%, #785208 100%);--gold-gradient-subtle: linear-gradient(135deg, #FFE898 0%, #D4AF37 55%, #AA771C 100%);--parchment-bg: #f7f2e7;--parchment-crease: #e8ded0;--parchment-ink: #1f1b16;--parchment-sub: #5c5243;--parchment-gold: #b3791d;--text-main: #f0f4ff;--text-secondary: #9aa8c2;--text-muted: #5e6d8a;--shadow-book: 0 25px 60px -15px rgba(0, 0, 0, .85), 0 0 45px rgba(229, 169, 60, .12);--shadow-gold-pill: 0 0 20px rgba(229, 169, 60, .35), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-drawer: -15px 0 40px rgba(0, 0, 0, .65);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--sidebar-width: 250px;--drawer-width: 380px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}.book-stage{perspective:2000px;display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative}.book-container{display:flex;position:relative;height:clamp(430px,52vh,495px);aspect-ratio:1.41 / 1;width:auto;max-width:min(820px,94vw);transform-style:preserve-3d;box-shadow:var(--shadow-book);border-radius:8px 16px 16px 8px;transition:transform var(--transition-normal)}.book-container:hover{transform:translateY(-4px)}.book-cover-left{flex:1;position:relative;background-color:#121824;background-image:url(/assets/book-cover-emblem.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:14px;overflow:hidden;box-shadow:inset -12px 0 24px #000000bf;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.book-page-right{flex:1;position:relative;background-color:var(--parchment-bg);background-image:url(/assets/parchment-spread.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:0 12px 12px 0;padding:22px 32px 18px 46px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 18px 0 28px #00000038,6px 0 16px #0000002e;cursor:pointer;transform-origin:left center;overflow:hidden;box-sizing:border-box;transition:transform .2s ease,filter .2s ease}.page-header{display:flex;flex-direction:column;align-items:center;margin-bottom:4px;flex-shrink:0}.page-category-label{font-family:"Cinzel",var(--font-serif);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#9e6d1e;margin-bottom:2px}.page-number-label{font-family:Cinzel,serif;font-size:21px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#b8860b,#704705);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8));transition:transform .1s ease,color .1s ease}.page-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 4px;min-height:0;overflow:hidden;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.page-body.riffle-blur{filter:blur(3px);opacity:.55;transform:scale(.97)}.page-body.settle{animation:pageSettleZoom .4s cubic-bezier(.2,.9,.3,1) forwards}@keyframes pageSettleZoom{0%{filter:blur(2px);opacity:.7;transform:scale(.96)}to{filter:blur(0);opacity:1;transform:scale(1)}}.page-quote-text{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(15px,1.6vw,19px);font-weight:700;line-height:1.38;color:#17130e;text-shadow:0 1px 1px rgba(229,169,60,.15);margin-bottom:4px;letter-spacing:-.1px}.page-quote-en{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(13px,1.2vw,15px);font-style:italic;font-weight:600;color:#5c4b37;letter-spacing:.5px;margin:0 0 6px;text-align:center}.page-quote-en.hidden{display:none}.page-sparkle-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 6px;color:#a67c1e;font-size:11.5px;flex-shrink:0}.page-sparkle-divider:before,.page-sparkle-divider:after{content:"";display:inline-block;width:28px;height:1px;background:linear-gradient(90deg,transparent,#b8860b,transparent)}.page-reflection-text{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(12.5px,1.1vw,13.5px);font-style:italic;font-weight:600;line-height:1.45;color:#4a3e30;max-width:95%;margin:0 auto}.page-footer{text-align:center;padding-top:6px;margin-top:2px;border-top:1px dashed rgba(179,121,29,.25);flex-shrink:0}.page-author-name{font-family:Cinzel,serif;font-size:12px;letter-spacing:1.5px;font-weight:700;color:#9e6d1e}.intro-ritual-page-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:4px 6px 2px 2px;animation:ritualFadeIn .35s ease-out}@keyframes ritualFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ritual-header{text-align:center;margin-bottom:6px;padding-right:32px;padding-top:2px;flex-shrink:0}.ritual-main-title{font-family:Cinzel,Playfair Display,serif;font-size:clamp(13px,1.3vw,15px);font-weight:900;letter-spacing:1px;color:#110e0b;text-transform:uppercase;margin:0 0 3px;line-height:1.32;text-shadow:0 1px 0 rgba(255,255,255,.6);-webkit-font-smoothing:antialiased}.ritual-filigree-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:1px 0 5px;color:#9e6d1e}.ritual-filigree-divider .filigree-line{display:inline-block;width:40px;height:1.5px;background:linear-gradient(90deg,transparent,#9e6d1e,transparent)}.ritual-filigree-divider .filigree-star{font-size:11px;color:#9e6d1e}.ritual-body{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0;padding:2px 18px 2px 2px}.ritual-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.ritual-step-item{display:flex;align-items:baseline;gap:8px;line-height:1.42;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ritual-step-item .step-badge{font-family:Cinzel,serif;font-size:14px;font-weight:900;color:#6b3e04;flex-shrink:0;letter-spacing:.5px}.ritual-step-item .step-text{font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-size:clamp(13px,1.2vw,15px);font-weight:700;color:#0e0b08;letter-spacing:-.1px;text-shadow:0 .5px 0 rgba(255,255,255,.4)}.ritual-step-item .step-text em{font-style:italic;font-size:.94em;color:#2b2219;font-weight:600}.ritual-philosophy-quote{text-align:center;padding:7px 12px;margin:5px 0;background:#d4af371a;border-top:1.5px dashed rgba(160,115,10,.45);border-bottom:1.5px dashed rgba(160,115,10,.45);border-radius:6px}.philosophy-text{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(12px,1.1vw,13.5px);font-style:italic;font-weight:700;line-height:1.42;color:#1a140f;margin:0}.ritual-touch-prompt{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;background:linear-gradient(135deg,#d4af3738,#d4af3759);border:1.5px solid rgba(160,115,10,.6);border-radius:var(--radius-pill);color:#3f2501;font-family:Cinzel,serif;font-size:11px;font-weight:900;letter-spacing:1.2px;margin-top:3px;flex-shrink:0;animation:promptPulseGlow 2.5s ease-in-out infinite;box-shadow:0 2px 10px #a0730a40}@keyframes promptPulseGlow{0%,to{box-shadow:0 2px 8px #b8860b33;border-color:#b8860b66;transform:scale(1)}50%{box-shadow:0 4px 14px #b8860b73;border-color:#b8860bd9;transform:scale(1.02)}}.ritual-touch-prompt .prompt-sparkle{color:#b8860b;font-size:10px}.ritual-pulse-cta{animation:ctaButtonPulse 2.8s ease-in-out infinite}@keyframes ctaButtonPulse{0%,to{box-shadow:0 0 20px #d4af3759,inset 0 1px #fff3}50%{box-shadow:0 0 32px #d4af37bf,inset 0 1px #fff6;transform:translateY(-2px)}}.book-page-right.riffle-active{animation:riffleFlutterShake .15s infinite alternate ease-in-out}@keyframes riffleFlutterShake{0%{transform:rotateY(-3deg) scaleY(.995);box-shadow:inset 24px 0 35px #00000059}to{transform:rotateY(-14deg) scaleY(1.005);box-shadow:inset 40px 0 45px #00000080}}.page-turning-leaf{position:absolute;top:0;right:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;pointer-events:none;z-index:20;opacity:0;border-radius:0 12px 12px 0;overflow:hidden}.page-turning-leaf.riffle-leaf-active{opacity:1;animation:rapidLeafFlutter .16s infinite alternate ease-in-out}@keyframes rapidLeafFlutter{0%{transform:rotateY(-20deg) skewY(-2deg);filter:drop-shadow(-10px 8px 12px rgba(0,0,0,.4))}to{transform:rotateY(-85deg) skewY(2.5deg);filter:drop-shadow(-30px 14px 25px rgba(0,0,0,.65))}}.page-turning-front{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--parchment-bg);background-image:url(/assets/parchment-spread.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;backface-visibility:hidden;box-shadow:inset -15px 0 25px #00000059}.page-turning-back{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ede2cf;background-image:url(/assets/parchment-spread.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform:rotateY(180deg);backface-visibility:hidden;box-shadow:inset 15px 0 25px #0006}.page-flutter-shadow{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 40%,transparent 100%);pointer-events:none;opacity:0;z-index:15}.page-flutter-shadow.riffle-shadow-active{opacity:.75;animation:shadowFlutterPulse .16s infinite alternate ease-in-out}@keyframes shadowFlutterPulse{0%{transform:scaleX(.4);opacity:.4}to{transform:scaleX(1);opacity:.85}}.book-hint-tap{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 12px;font-size:13px;color:var(--gold-light);opacity:.9;letter-spacing:.5px}.book-hint-tap svg{animation:pulseTap 1.8s infinite ease-in-out;width:16px;height:16px}@keyframes pulseTap{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.book-actions-bar{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:680px;margin:0 auto 16px}.btn-book-action{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-pill);font-family:var(--font-main);font-size:13.5px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.book-actions-bar .btn-book-action svg{color:var(--gold-bright);stroke:var(--gold-bright);filter:drop-shadow(0 0 3px rgba(212,175,55,.7)) drop-shadow(0 0 7px rgba(255,232,152,.4));animation:royalGoldSvgPulse 3s ease-in-out infinite;transition:all var(--transition-fast);flex-shrink:0}.book-actions-bar .btn-book-action:hover svg{color:#fff6c8;stroke:#fff6c8;filter:drop-shadow(0 0 6px rgba(255,232,152,.95)) drop-shadow(0 0 14px rgba(212,175,55,.8));transform:scale(1.12)}@keyframes royalGoldSvgPulse{0%,to{filter:drop-shadow(0 0 2.5px rgba(212,175,55,.6)) drop-shadow(0 0 5px rgba(255,232,152,.3));opacity:.9;transform:scale(1)}50%{filter:drop-shadow(0 0 6px rgba(255,232,152,.95)) drop-shadow(0 0 12px rgba(212,175,55,.75));opacity:1;transform:scale(1.06)}}.btn-secondary{background:#10192dd9;color:var(--text-main);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#1a2744f2;border-color:var(--gold-primary);color:var(--gold-bright);transform:translateY(-2px)}.btn-secondary.active{background:#e5a93c26;border-color:var(--gold-primary);color:var(--gold-bright)}.btn-primary-flip{background:linear-gradient(135deg,#182238,#10192d);color:#fff;border:1.5px solid var(--gold-primary);box-shadow:0 0 20px #d4af3759,inset 0 1px #fff3;padding:11px 26px;font-size:14.5px}.btn-primary-flip:hover{background:linear-gradient(135deg,#223050,#16223d);border-color:var(--gold-light);box-shadow:0 0 28px #d4af3799,inset 0 1px #ffffff4d;transform:translateY(-2px) scale(1.02);color:var(--gold-bright)}.btn-primary-flip:active{transform:translateY(0) scale(.98)}.daily-ticker-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 22px;background:#10192d99;border:1px solid rgba(229,169,60,.2);border-radius:var(--radius-pill);font-size:13px;color:var(--gold-light);letter-spacing:.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.celestial-body{font-family:var(--font-main);background-color:var(--bg-deep-space);background-image:radial-gradient(circle at 50% 20%,#1a264666,#060911f2 75%),url(/assets/celestial-bg.webp);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}#stars-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.click-ripple{position:fixed;pointer-events:none;border-radius:50%;border:1.5px solid var(--gold-bright);z-index:99998;transform:translate(-50%,-50%) scale(0);animation:clickRippleExpand .5s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:0 0 15px #e5a93c99}.click-sparkle{position:fixed;pointer-events:none;border-radius:50%;z-index:99999;animation:clickSparkleFade .6s cubic-bezier(.25,1,.5,1) forwards}@keyframes clickRippleExpand{0%{transform:translate(-50%,-50%) scale(.1);opacity:.95}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes clickSparkleFade{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.1);opacity:0}}.app-layout{position:relative;z-index:2;display:grid;grid-template-columns:260px 1fr var(--drawer-width);min-height:100vh;width:100%;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}.app-layout.sidebar-collapsed{grid-template-columns:84px 1fr var(--drawer-width)}#sidebar-slot{padding:14px 0 14px 14px;height:100vh;position:sticky;top:0;box-sizing:border-box}.app-sidebar{background:#0b1120e0;border:1px solid var(--border-subtle);border-radius:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;height:100%;box-sizing:border-box;box-shadow:0 10px 30px #00000073;transition:all .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.app-sidebar.collapsed{padding:20px 8px;align-items:center;cursor:pointer}.app-sidebar.collapsed:hover{border-color:#d4af3780;box-shadow:0 10px 30px #00000080,0 0 18px #d4af3733}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:18px;border-bottom:1px solid rgba(45,63,100,.3)}.sidebar-header-left{display:flex;align-items:center;gap:10px}.brand-icon-wrapper{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e5a93c40,#10192d99);border:1px solid var(--gold-primary);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);box-shadow:0 0 16px #e5a93c33;flex-shrink:0}.brand-info{display:flex;flex-direction:column;transition:opacity .2s ease,width .2s ease;white-space:nowrap}.brand-title{font-size:14px;font-weight:800;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(212,175,55,.4));line-height:1.25;letter-spacing:-.2px}.brand-subtitle{font-size:10.5px;color:var(--text-secondary);letter-spacing:.5px}.btn-toggle-sidebar{background:#16223c99;border:1px solid var(--border-subtle);border-radius:8px;color:var(--gold-light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.btn-toggle-sidebar:hover{background:#e5a93c2e;border-color:var(--gold-primary);color:var(--gold-bright);transform:scale(1.05)}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin:16px 0;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:700;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.nav-item:hover{background:#16223c80;color:var(--text-main);border-color:#2d3f6466}.nav-item.active{background:#e5a93c1f;color:var(--gold-bright);border-color:#e5a93c73;box-shadow:inset 0 0 12px #e5a93c26}.nav-item svg{width:18px;height:18px;flex-shrink:0}.app-sidebar.collapsed .brand-info,.app-sidebar.collapsed .nav-item span,.app-sidebar.collapsed .lighthouse-quote{display:none!important}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding-bottom:12px}.app-sidebar.collapsed .brand-icon-wrapper{display:none}.app-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar-music-card{background:linear-gradient(180deg,#10192dbf,#0a0f1cf2);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius-md);padding:12px 10px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px #00000073}.sidebar-music-card:hover{border-color:#d4af3799;box-shadow:0 6px 20px #0000008c,0 0 14px #d4af372e}.sidebar-music-card.is-playing{border-color:var(--gold-primary);box-shadow:0 6px 22px #0009,0 0 18px #d4af3740}.music-player-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.music-disc-wrap{width:44px;height:44px;border-radius:50%;position:relative;border:1.5px solid var(--gold-primary);box-shadow:0 0 10px #d4af3759;overflow:hidden;flex-shrink:0;cursor:pointer;background:#0b1120;transition:transform .25s ease,box-shadow .25s ease}.music-disc-wrap:hover{transform:scale(1.08);box-shadow:0 0 16px #d4af3799}.music-album-art{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.sidebar-music-card.is-playing .music-album-art{animation:discSpin 8s linear infinite}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-disc-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#080d19;border:1px solid var(--gold-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.music-disc-pin{width:4px;height:4px;background:var(--gold-light);border-radius:50%}.music-mini-play-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;z-index:3}.music-disc-wrap:hover .music-mini-play-badge{opacity:1}.music-meta-info{flex:1;min-width:0}.music-badge{font-size:8.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.music-track-title{font-family:var(--font-serif);font-size:12.5px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0}.music-artist-name{font-size:10px;color:#889bb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.music-player-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#0b1120a6;border:1px solid rgba(45,63,100,.35);border-radius:var(--radius-sm);margin-bottom:8px}.music-equalizer-bars{display:flex;align-items:flex-end;gap:3px;height:14px;padding-left:2px}.eq-bar{width:2.5px;background:#d4af3773;border-radius:2px;height:3px;transition:height .2s ease,background-color .2s ease}.music-equalizer-bars.active .eq-bar{background:var(--gold-primary)}.music-equalizer-bars.active .bar-1{animation:eqWave .75s ease-in-out infinite alternate}.music-equalizer-bars.active .bar-2{animation:eqWave .55s ease-in-out infinite alternate .15s}.music-equalizer-bars.active .bar-3{animation:eqWave .9s ease-in-out infinite alternate .3s}.music-equalizer-bars.active .bar-4{animation:eqWave .65s ease-in-out infinite alternate .1s}.music-equalizer-bars.active .bar-5{animation:eqWave .8s ease-in-out infinite alternate .2s}@keyframes eqWave{0%{height:3px}to{height:13px}}.btn-music-toggle{display:inline-flex;align-items:center;gap:6px;background:#d4af371f;border:1px solid rgba(212,175,55,.4);border-radius:var(--radius-pill);color:var(--gold-bright);padding:4px 10px;font-family:var(--font-main);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-music-toggle:hover{background:#d4af3747;border-color:var(--gold-light);color:#fff;transform:translateY(-1px)}.music-icon-slot{display:inline-flex;align-items:center;justify-content:center}.music-subquote{font-size:11px;margin:0;line-height:1.4;opacity:.85}.app-sidebar.collapsed .sidebar-music-card{padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-sidebar.collapsed .music-player-top{margin-bottom:0;justify-content:center}.app-sidebar.collapsed .music-meta-info,.app-sidebar.collapsed .music-player-controls,.app-sidebar.collapsed .music-subquote{display:none!important}.app-sidebar.collapsed .music-disc-wrap{width:42px;height:42px}.app-sidebar.collapsed .music-mini-play-badge{opacity:.8}.app-sidebar.collapsed .music-disc-wrap:hover .music-mini-play-badge{opacity:1}.app-center-arena{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:44px 30px 24px;min-height:100vh;box-sizing:border-box}.arena-top-actions{position:absolute;top:18px;right:28px;z-index:20;display:flex;align-items:center;gap:10px}.btn-floating-music{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#10192dc7;border:1.5px solid rgba(212,175,55,.5);border-radius:var(--radius-pill);color:var(--gold-bright);font-family:var(--font-main);font-size:13px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 18px #00000073,0 0 12px #d4af3733,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn-floating-music:hover{background:#1a2744eb;border-color:#f5d77fe6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000008c,0 0 20px #d4af3766}.btn-floating-music.is-playing{border-color:var(--gold-bright);box-shadow:0 4px 18px #00000073,0 0 18px #d4af3773}.music-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.floating-eq-bars{display:inline-flex;align-items:flex-end;gap:2.5px;height:12px}.floating-eq-bars .f-bar{width:2.5px;height:3px;background:var(--gold-bright);border-radius:1px;transition:height .2s ease}.floating-eq-bars.active .f-bar:nth-child(1){animation:floatEqWave .75s ease-in-out infinite alternate}.floating-eq-bars.active .f-bar:nth-child(2){animation:floatEqWave .55s ease-in-out infinite alternate .2s}.floating-eq-bars.active .f-bar:nth-child(3){animation:floatEqWave .9s ease-in-out infinite alternate .1s}@keyframes floatEqWave{0%{height:3px}to{height:12px}}.btn-floating-coffee{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#10192dc7;border:1.5px solid rgba(212,175,55,.6);border-radius:var(--radius-pill);color:var(--gold-bright);font-family:var(--font-main);font-size:13.5px;font-weight:700;letter-spacing:.3px;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 18px #00000073,0 0 15px #d4af3740,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;animation:coffeeFloatingGlow 3.5s ease-in-out infinite}@keyframes coffeeFloatingGlow{0%,to{box-shadow:0 4px 18px #00000073,0 0 12px #d4af3733;transform:translateY(0)}50%{box-shadow:0 6px 22px #0000008c,0 0 22px #d4af376b;transform:translateY(-2px)}}.btn-floating-coffee:hover{background:#1a2744eb;border-color:#f5d77fe6;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0009,0 0 28px #d4af378c,inset 0 1px 1px #ffffff4d}.btn-floating-coffee svg{color:var(--gold-light);transition:transform .35s ease}.btn-floating-coffee:hover svg{transform:rotate(-12deg) scale(1.18);color:#ffe082}.arena-top-header{text-align:center;margin-bottom:26px}.arena-main-title{font-family:var(--font-serif);font-size:clamp(22px,2vw,26px);font-weight:600;color:#f1f5f9;letter-spacing:.4px;line-height:1.42;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.arena-main-title .highlight-gold{font-weight:700;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(212,175,55,.45));display:inline}.arena-subtitle-dotted{font-size:13px;color:#889cb8;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.2px;margin-top:6px}.arena-subtitle-dotted .ornament-line{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:14px;flex-shrink:0}.arena-subtitle-dotted .ornament-line:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.65),transparent)}.arena-subtitle-dotted .ornament-line:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;border:1.5px solid var(--gold-primary);background:#060911;box-shadow:0 0 6px #d4af3780}.center-view-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}#drawer-slot{padding:14px 14px 14px 0;height:100vh;position:sticky;top:0;box-sizing:border-box}.app-oracle-drawer{position:relative;background:linear-gradient(180deg,#0e1628f0,#090e1af7);border:1.5px solid rgba(212,175,55,.7);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:22px 20px 18px;display:flex;flex-direction:column;height:100%;overflow-y:auto;box-shadow:0 15px 40px #000000a6,0 0 25px #d4af3747,inset 0 0 18px #d4af3714,inset 0 1px 1px #ffeba066;box-sizing:border-box;transition:border-color .35s ease,box-shadow .35s ease}.app-oracle-drawer:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(212,175,55,.25);border-radius:16px;pointer-events:none}.app-oracle-drawer:hover{border-color:#f5d77fe6;box-shadow:0 18px 50px #000000bf,0 0 35px #d4af3766,inset 0 0 24px #d4af371f,inset 0 1px 2px #fff0b499}.oracle-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(45,63,100,.35);margin-bottom:12px}.oracle-drawer-title{font-family:var(--font-serif);font-size:12.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(212,175,55,.45));display:flex;align-items:center;gap:8px}.oracle-drawer-title svg{width:16px;height:16px;flex-shrink:0;color:var(--gold-light);filter:drop-shadow(0 0 6px rgba(212,175,55,.6))}.btn-close-drawer{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-close-drawer:hover{color:var(--text-main);background:#ffffff1a}.deity-mascot-container{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}@keyframes deityBreathingGlow{0%,to{box-shadow:0 0 20px #e5a93c59,0 0 45px #ffdf8833;transform:translateY(0) scale(1)}50%{box-shadow:0 0 35px #e5a93ca6,0 0 70px #ffdf8866;transform:translateY(-4px) scale(1.03)}}.deity-avatar-ring{width:120px;height:120px;border-radius:50%;padding:4px;background:radial-gradient(circle,rgba(229,169,60,.45) 0%,transparent 70%);position:relative;margin-bottom:8px;animation:deityBreathingGlow 4s ease-in-out infinite;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.deity-avatar-ring:hover{transform:translateY(-6px) scale(1.09);box-shadow:0 0 50px #ffdf88d9,0 0 90px #e5a93c99}.deity-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--gold-bright);box-shadow:0 0 20px #e5a93c66;transition:all .35s ease}.deity-avatar-ring:hover .deity-avatar-img{border-color:#fff;filter:brightness(1.1)}.deity-hook-text{font-family:var(--font-serif);font-size:14.5px;font-weight:700;text-align:center;color:var(--text-main);line-height:1.45;margin:2px 0 12px}.oracle-insight-box{background:#131d34b3;border:1px solid rgba(45,63,100,.5);border-radius:var(--radius-md);padding:13px 15px;margin-bottom:14px}.oracle-section-tag{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(212,175,55,.35));margin-bottom:6px;display:flex;align-items:center;gap:8px}.oracle-section-tag svg{width:15px!important;height:15px!important;max-width:15px;max-height:15px;flex-shrink:0;display:inline-block;color:var(--gold-light);filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}.oracle-insight-desc{font-size:12.8px;color:var(--text-secondary);line-height:1.55}.life-apps-title{font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(212,175,55,.35));margin-bottom:8px}.life-apps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.life-app-item{display:flex;align-items:flex-start;gap:10px;background:#10192d80;border:1px solid rgba(45,63,100,.3);border-radius:var(--radius-sm);padding:9px 12px;transition:all var(--transition-fast)}.life-app-item:hover{border-color:#e5a93c66;background:#16223cb3}.life-app-icon-wrap{width:24px;height:24px;border-radius:50%;background:#d4af3726;border:1px solid rgba(212,175,55,.35);color:var(--gold-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.life-app-icon-wrap svg{width:13px;height:13px}.life-app-text{font-size:12px;color:var(--text-secondary);line-height:1.45}.life-app-text strong{color:var(--text-main);display:block;margin-bottom:1px}.btn-thank-deity{font-family:var(--font-main);font-size:15px;font-weight:800;letter-spacing:.4px;width:100%;padding:12px 18px;background:linear-gradient(135deg,#e0b84c,#f7d881,#c99a2e);color:#121824;border:none;border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 4px 20px #d4af3766,inset 0 1px 1px #fff9;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);margin-top:auto;-webkit-font-smoothing:antialiased}.btn-thank-deity:hover{background:linear-gradient(135deg,#f0ca65,#ffeb9c,#d4a73b);box-shadow:0 6px 25px #d4af378c,inset 0 1px 1px #fff;transform:translateY(-2px)}.btn-thank-deity svg{width:18px!important;height:18px!important;max-width:18px;max-height:18px;flex-shrink:0;display:inline-block}.btn-thank-deity:hover{transform:translateY(-2px);box-shadow:0 6px 25px #e5a93c99;background:linear-gradient(135deg,#f3c667,#ffdf88)}.btn-thank-deity:active{transform:translateY(0)}.intro-guide-box{background:#131d34bf;border:1px solid rgba(212,175,55,.35)}.intro-deity-tips{display:flex;flex-direction:column;gap:8px;margin-top:4px}.intro-tip-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-secondary);line-height:1.45}.intro-tip-item strong{color:#fff}.intro-tip-dot{color:var(--gold-light);font-size:9px;margin-top:2px;flex-shrink:0}.intro-examples-box{margin-bottom:14px}.intro-example-chips{display:flex;flex-direction:column;gap:6px;margin-top:6px}.example-chip{background:#d4af3714;border:1px dashed rgba(212,175,55,.35);border-radius:var(--radius-sm);padding:6px 10px;font-size:11.5px;font-style:italic;color:var(--gold-light);line-height:1.35;transition:all var(--transition-fast)}.example-chip:hover{background:#d4af3726;border-color:var(--gold-primary);color:#fff;transform:translate(2px)}.btn-oracle-ready{background:linear-gradient(135deg,#182238,#10192d);color:#fff;border:1.5px solid var(--gold-primary);box-shadow:0 0 20px #d4af3759,inset 0 1px #fff3;margin-top:auto;animation:ctaButtonPulse 2.8s ease-in-out infinite}.btn-oracle-ready:hover{background:linear-gradient(135deg,#223050,#16223d);border-color:var(--gold-light);box-shadow:0 0 28px #d4af37a6,inset 0 1px #ffffff4d;color:var(--gold-bright)}.view-panel-container{width:100%;max-width:900px;margin:0 auto;padding:10px 0 30px}.view-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.view-panel-title{font-size:22px;font-weight:800;color:var(--gold-bright)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.wisdom-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);position:relative}.wisdom-card:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:0 8px 25px #0006}.wisdom-card-number{font-size:12px;font-weight:800;color:var(--gold-light);letter-spacing:1px;margin-bottom:8px}.wisdom-card-quote{font-size:14.5px;font-weight:700;line-height:1.5;color:var(--text-main);margin-bottom:12px;flex:1}.wisdom-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(45,63,100,.35);font-size:12.5px;color:var(--gold-light)}.note-editor-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.note-input{width:100%;height:100px;background:#0b1120b3;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;color:var(--text-main);font-family:var(--font-main);font-size:14px;resize:vertical;outline:none;margin:12px 0 16px}.note-input:focus{border-color:var(--gold-primary);box-shadow:0 0 10px #e5a93c40}.settings-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(45,63,100,.3)}.setting-row:last-child{border-bottom:none}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04070ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-midnight);border:1px solid var(--border-gold-subtle);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:24px;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;align-items:center}.canvas-preview-wrap{width:100%;aspect-ratio:1;max-width:380px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 30px #0009;margin-bottom:18px;border:1px solid var(--gold-primary)}.canvas-preview-wrap canvas{width:100%;height:100%;display:block}.modal-actions{display:flex;gap:12px;width:100%}.donation-backdrop{z-index:1100;background:#060911eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:40px 16px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box}.donation-modal-card{position:relative;margin:auto 0;background:linear-gradient(180deg,#10192df5,#090e1afa);border:1.5px solid rgba(212,175,55,.65);border-radius:24px;max-width:800px;width:100%;padding:32px 36px 30px;box-shadow:0 25px 65px #000c,0 0 35px #d4af3738,inset 0 1px 1px #ffeba059;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box;flex-shrink:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-modal-close-corner{position:absolute;top:18px;right:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-modal-close-corner:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.donation-header{text-align:center;margin-bottom:22px}.donation-badge-tag{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:var(--gold-gradient-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(212,175,55,.35));margin-bottom:6px;display:inline-block}.donation-main-title{font-family:var(--font-serif);font-size:clamp(22px,2.4vw,28px);font-weight:800;color:#f1f5f9;letter-spacing:.3px;margin-bottom:10px}.donation-lead-desc{font-size:13.5px;color:#94a3b8;line-height:1.6;max-width:660px;margin:0 auto 14px}.donation-disclaimer-box{background:#16223c73;border:1px solid rgba(45,63,100,.4);border-radius:var(--radius-sm);padding:8px 16px;font-size:12.2px;color:#cbd5e1;display:inline-block;line-height:1.45}.donation-grid-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch;margin-top:16px}.donation-col-qr{background:#0e1526a6;border:1px solid rgba(45,63,100,.5);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donation-qr-frame{background:#fff;padding:10px;border-radius:16px;border:2px solid var(--gold-primary);box-shadow:0 8px 24px #00000073,0 0 16px #d4af3733;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:transform .3s ease}.donation-qr-frame:hover{transform:scale(1.03)}.donation-qr-image{width:100%;height:100%;object-fit:contain;display:block}.donation-qr-guide-title{font-size:13px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.donation-qr-guide-desc{font-size:11.8px;color:#889bb8;line-height:1.45;max-width:220px}.donation-col-info{background:#0e1526a6;border:1px solid rgba(45,63,100,.5);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between}.donation-subtag{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px;display:block}.donation-account-title{font-family:var(--font-serif);font-size:19px;font-weight:700;color:#f8fafc;margin-bottom:14px}.donation-details-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.donation-detail-row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#0b112099;border:1px solid rgba(45,63,100,.3);border-radius:10px}.detail-label{font-size:12.2px;color:#94a3b8}.detail-value{font-size:13px;color:#f1f5f9;font-weight:600}.detail-value.highlight-bank{font-weight:800;color:#ff5252;letter-spacing:.3px}.detail-value.font-bold{font-weight:700;letter-spacing:.5px}.detail-value-with-action{display:flex;align-items:center;gap:8px}.detail-value-num{font-family:Cinzel,monospace;font-size:14.5px;font-weight:800;color:var(--gold-bright);letter-spacing:.8px}.detail-value-content{font-family:monospace;font-size:12.5px;font-weight:700;color:#38bdf8;letter-spacing:.5px}.btn-copy-mini{background:#d4af3726;border:1px solid rgba(212,175,55,.4);border-radius:var(--radius-pill);color:var(--gold-bright);padding:4px 9px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;white-space:nowrap}.btn-copy-mini:hover{background:#d4af3752;border-color:var(--gold-light);color:#fff;transform:translateY(-1px)}.btn-copy-mini.copied{background:#10b981;border-color:#10b981;color:#fff}.btn-copy-mini svg{width:12px;height:12px}.donation-gratitude-note{font-size:11.8px;color:#889bb8;line-height:1.45;font-style:italic;margin-bottom:14px}.btn-back-reading{width:100%;padding:11px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #10b9814d}.btn-back-reading:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}@media(max-width:768px){.donation-backdrop{padding:20px 12px 32px;align-items:center!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch}.donation-modal-card{padding:20px 14px 16px;width:100%;max-width:390px;margin:0 auto;border-radius:20px}.donation-header{margin-bottom:10px}.donation-badge-tag{font-size:10px;margin-bottom:3px}.donation-main-title{font-size:18px;margin-bottom:4px}.donation-lead-desc{font-size:12px;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.donation-disclaimer-box,.donation-gratitude-note{display:none}.donation-grid-layout{grid-template-columns:1fr;gap:10px;margin-top:6px}.donation-col-qr{padding:12px 10px;border-radius:14px}.donation-qr-frame{width:140px;height:140px;padding:6px;margin-bottom:6px;border-radius:12px}.donation-qr-guide-title{font-size:12px;margin-bottom:2px}.donation-qr-guide-desc{font-size:11px;line-height:1.35;max-width:250px}.donation-col-info{padding:12px 12px 10px;border-radius:14px}.donation-subtag{font-size:9px;margin-bottom:2px}.donation-account-title{font-size:15px;margin-bottom:8px}.donation-details-list{gap:5px;margin-bottom:10px}.donation-detail-row{padding:6px 10px;border-radius:8px}.detail-label{font-size:11px}.detail-value{font-size:11.8px}.detail-value-num{font-size:13px}.detail-value-content{font-size:11px}.btn-copy-mini{padding:3px 7px;font-size:10px}.btn-back-reading{padding:9px;font-size:13px}.btn-floating-coffee{padding:6px 12px;font-size:12px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0b1120f2;border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;padding:8px 12px 14px;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:700;transition:all var(--transition-fast)}.mobile-nav-item.active{color:var(--gold-bright)}.mobile-nav-item svg{width:20px;height:20px}.btn-toggle-drawer{display:none;position:fixed;top:16px;right:16px;z-index:100;background:var(--bg-card);border:1px solid var(--gold-primary);color:var(--gold-bright);padding:8px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-gold-pill)}@media(max-width:1279px){.app-layout{grid-template-columns:240px 1fr}.app-layout.sidebar-collapsed{grid-template-columns:90px 1fr}.btn-toggle-drawer{display:inline-flex;align-items:center;gap:6px;position:fixed;top:14px;right:14px;z-index:150}#drawer-slot{position:fixed;top:0;right:0;width:360px;height:100vh;z-index:200;padding:12px 12px 12px 0;transform:translate(100%);transition:transform var(--transition-normal)}#drawer-slot.open{transform:translate(0)}.app-center-arena{padding:40px 24px 24px}.arena-top-header{margin-bottom:24px}.book-container{height:clamp(400px,48vh,450px)}}@media(max-width:1023px){.app-layout{grid-template-columns:86px 1fr}.app-sidebar{padding:16px 8px;align-items:center}.sidebar-header-left .brand-info,.btn-toggle-sidebar,.nav-item span,.sidebar-music-card .music-meta-info,.sidebar-music-card .music-player-controls,.sidebar-music-card .music-subquote{display:none!important}.nav-item{padding:12px;justify-content:center}.sidebar-music-card{padding:6px 4px}.music-player-top{margin-bottom:0;justify-content:center}.music-disc-wrap{width:40px;height:40px}.app-center-arena{padding:42px 20px 24px}.arena-top-header{margin-bottom:22px}.arena-main-title{font-size:20px}.book-container{height:clamp(380px,46vh,430px);aspect-ratio:1.44 / 1}.book-cover-left{padding:18px}.book-page-right{padding:20px 24px 16px 40px}}@media(max-width:767px){.app-layout{display:block;padding-bottom:75px;position:static;z-index:auto}#sidebar-slot{display:none}.mobile-bottom-nav{display:flex}.btn-toggle-drawer{display:inline-flex;align-items:center;gap:6px;position:fixed;top:12px;right:12px;z-index:150;padding:7px 12px;font-size:11.5px;background:#10192de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gold-primary);box-shadow:0 4px 16px #0009}.arena-top-actions{position:fixed;top:12px;left:12px;right:auto;z-index:150;display:inline-flex;align-items:center;gap:8px}.btn-floating-music{padding:7px 10px;font-size:11.5px;background:#10192de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gold-primary);box-shadow:0 4px 16px #0009}.btn-floating-coffee{top:auto;right:auto;padding:7px 11px;font-size:11.5px;gap:5px;background:#10192de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gold-primary);box-shadow:0 4px 16px #0009}.app-center-arena{padding:56px 14px 85px;min-height:100vh;justify-content:flex-start;gap:12px}.arena-top-header{margin-bottom:14px;width:100%;text-align:center}.arena-main-title{font-size:17.5px;line-height:1.35;padding:0 4px}.arena-subtitle-dotted{font-size:11px;margin-top:4px;gap:6px}.arena-subtitle-dotted:before,.arena-subtitle-dotted:after{width:16px}.book-stage{max-width:100%}.book-container{flex-direction:column;width:min(325px,85vw);aspect-ratio:.662 / 1;height:auto;max-width:350px;margin:0 auto;box-shadow:0 10px 30px #0009}.book-cover-left{display:none}.book-page-right{width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:12px;padding:20px 42px 18px 32px;box-shadow:inset 8px 0 16px #00000026,0 8px 25px #00000080}.page-number-label{font-size:18px}.page-quote-text{font-size:15.5px;line-height:1.4;margin-bottom:6px}.page-reflection-text{font-size:12.5px;line-height:1.42}.page-author-name{font-size:11.5px}.page-turning-leaf,.page-flutter-shadow{width:100%;border-radius:14px}.ritual-header{padding-right:16px;margin-bottom:6px}.ritual-main-title{font-size:13.5px;font-weight:900;color:#110e0b;letter-spacing:.8px}.ritual-step-item .step-badge{font-size:13.5px;font-weight:900;color:#6b3e04}.ritual-step-item .step-text{font-size:13.2px;font-weight:700;color:#0c0906;line-height:1.42;text-shadow:0 .5px 0 rgba(255,255,255,.5)}.ritual-step-item .step-text em{color:#261c12;font-weight:600}.ritual-philosophy-quote{padding:6px 10px;margin:4px 0;border-color:#a0730a80}.philosophy-text{font-size:12px;font-weight:700;color:#140f0b;line-height:1.38}.ritual-touch-prompt{font-size:10.5px;font-weight:900;color:#3b2200;padding:6px 12px;letter-spacing:.8px}.book-hint-tap{font-size:12px;margin:10px 0 8px}.book-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:375px;margin:8px auto}.btn-primary-flip{grid-column:span 2;width:100%;justify-content:center;padding:12px 18px;font-size:14px;order:-1}.btn-book-action.btn-secondary{justify-content:center;padding:9px 10px;font-size:12px;gap:6px}.btn-book-action.btn-secondary span{font-size:11.5px}.daily-ticker-banner{font-size:11px;padding:6px 14px;text-align:center;max-width:375px;margin-top:4px;line-height:1.35}#drawer-slot{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:min(72vh,calc(100dvh - 120px));height:72vh;padding:0;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 -10px 40px #000000d9;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}#drawer-slot::-webkit-scrollbar{width:5px}#drawer-slot::-webkit-scrollbar-track{background:#0b112080;border-radius:10px}#drawer-slot::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:10px}#drawer-slot::-webkit-scrollbar-thumb:hover{background:var(--gold-bright)}#drawer-slot.open{transform:translateY(0)}.app-oracle-drawer{border-radius:24px 24px 0 0;border-left:none;border-right:none;border-bottom:none;border-top:2px solid var(--gold-primary);height:auto!important;min-height:min-content;max-height:none!important;overflow-y:visible!important;padding:20px 18px calc(30px + env(safe-area-inset-bottom,12px));background:#0b1120fa;touch-action:pan-y}}