@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #050505;--bg-surface: #121212;--text-main: #ededed;--text-muted: #a0a0a0;--accent-gold: #c5a059;--accent-red: #8b0000;--border-dark: #333333;--font-aesthetic: "Cinzel", serif;--font-reading: "Inter", sans-serif;--overlay-opacity: .7}body.light-theme{--bg-deep: #f4f4f5;--bg-surface: #ffffff;--text-main: #18181b;--text-muted: #52525b;--accent-gold: #b8860b;--accent-red: #b30000;--border-dark: #e4e4e7;--font-aesthetic: "Inter", sans-serif;--overlay-opacity: .2;color-scheme:light}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-reading);transition:background-color .4s ease,color .4s ease;color-scheme:dark}.app-container{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,.brand-font{font-family:var(--font-aesthetic);font-weight:700;letter-spacing:1px}body.light-theme .brand-font,body.light-theme h1,body.light-theme h2,body.light-theme h3{font-weight:600;letter-spacing:normal;color:var(--text-main)}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-dark);transition:background-color .4s ease,border-color .4s ease}.logo{font-size:1.5rem;color:var(--accent-gold);text-decoration:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-item{color:var(--text-main);text-decoration:none;font-weight:400;transition:color .3s ease}.nav-item:hover{color:var(--accent-gold)}.btn-primary{background-color:var(--accent-red);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-family:var(--font-aesthetic);font-weight:700;transition:background-color .3s ease}.btn-primary:hover{background-color:#5c0000}.btn-logout{background-color:var(--border-dark);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:var(--font-reading);font-weight:600;font-size:.9rem;transition:background-color .3s ease,color .3s ease}body.light-theme .btn-logout{background-color:#404040;color:#fff!important}body.light-theme .navbar span[style*="var(--accent-gold)"]{color:var(--text-main)!important}.mobile-toggle{display:none;background:none;border:none;color:var(--accent-gold);font-size:1.8rem;cursor:pointer}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(to bottom,#050505b3,#121212f2),url(/hall-of-faces.webp) no-repeat center center;background-size:cover;transition:background .4s ease}.hero-title{font-size:4rem;margin-bottom:.5rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8);transition:color .4s ease,text-shadow .4s ease}.hero-subtitle{font-size:1.2rem;color:#a0a0a0;max-width:600px;line-height:1.6;margin-bottom:2rem;transition:color .4s ease}body.light-theme .hero{background:linear-gradient(to bottom,#fff9,#f4f4f5),url(/TheWall.jpeg) no-repeat center center;background-size:cover}body.light-theme .hero-title{color:var(--text-main);text-shadow:2px 2px 8px rgba(255,255,255,.8)}body.light-theme .hero-subtitle{color:var(--text-muted)}@media(max-width:1100px){.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:var(--bg-surface);padding:1rem 0;border-bottom:1px solid var(--border-dark)}.nav-links.open{display:flex}.mobile-toggle{display:block}.hero-title{font-size:2.5rem}}.floating-raven-button{position:fixed;bottom:2rem;right:2rem}.floating-raven-window{position:fixed;bottom:2rem;right:2rem;width:380px;height:600px;max-height:85vh}@media(max-width:768px){.desktop-nav{display:none!important}.page-container{padding:1rem!important}.brand-font{font-size:2rem!important}.subscription-checkout-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.subscription-checkout-section{padding:1.5rem!important}.control-bar{flex-direction:column;align-items:stretch!important;gap:1rem!important}.control-bar select{width:100%!important}.floating-raven-window{width:calc(100vw - 2rem)!important;max-width:380px;right:1rem!important;bottom:1rem!important;height:70vh!important}.floating-raven-button{bottom:1rem!important;right:1rem!important}.scrollable-tabs-container{overflow-x:auto!important;white-space:nowrap!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scrollable-tabs-container::-webkit-scrollbar{display:none}.scrollable-tabs-container button{flex:0 0 auto!important;padding:1rem 1.5rem!important}.profile-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.profile-stats-grid>div{padding:1rem!important}.profile-stats-grid div[style*="fontSize: '2rem'"]{font-size:1.5rem!important}.hero-cta-container{margin-top:3rem!important;width:100%;display:flex;justify-content:center}}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-surface);padding:2.5rem;border-radius:8px;border:1px solid var(--border-dark);width:90%;max-width:400px;text-align:center;position:relative;box-shadow:0 10px 30px #00000080;transition:background-color .4s ease,border-color .4s ease}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.close-btn:hover{color:var(--accent-red)}.auth-input{width:100%;padding:.8rem;margin-bottom:1rem;background-color:var(--bg-deep);border:1px solid var(--border-dark);color:var(--text-main);border-radius:4px;box-sizing:border-box;transition:background-color .4s ease,color .4s ease,border-color .4s ease}body.light-theme .auth-input[style*=min-height]{background-color:var(--bg-surface);color:var(--text-main)!important}.auth-input:focus{outline:none;border-color:var(--accent-gold)}.auth-switch{margin-top:1.5rem;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:color .3s}.auth-switch:hover{color:var(--accent-gold)}.google-btn{width:100%;background-color:#fff;color:#000;border:none;padding:.8rem;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:10px}.main-content{flex:1;display:flex;flex-direction:column;padding-top:var(--quiz-topbar-h)}.page-container{padding:2rem;max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.modules-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.modules-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.modules-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.module-section{background-color:var(--bg-surface);padding:2rem;border-radius:8px;border:1px solid var(--border-dark);transition:background-color .4s ease,border-color .4s ease}body.light-theme div[style*="max-width: 600px"]{border:1px solid var(--border-dark)}body.light-theme h4[style*=Cinzel]{color:var(--text-main)!important}body.light-theme button[style*="border: 1px solid gold"]{background-color:#ffd7001a;color:var(--text-main)!important}body.light-theme h2,body.light-theme div.main-content,body.light-theme div.page-container,body.light-theme .module-section p{color:var(--text-main)!important}.module-card:before,div[style*="max-height: 200px"] div:before{background:rgba(0,0,0,var(--overlay-opacity))!important;z-index:1;transition:background .3s ease}.module-card{border:1px solid var(--border-dark);border-radius:8px;padding:2rem;text-align:center;background-size:cover;background-position:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px;min-height:250px;flex:0 0 auto;overflow:hidden;position:relative}.dashboard-card{border:1px solid var(--border-dark);border-radius:8px;padding:1.5rem;background-color:var(--bg-surface);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background-color .4s ease;position:relative}.module-card h2,.module-card p{z-index:2;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.8);color:#fff}body.light-theme .module-card h2,body.light-theme .module-card p{text-shadow:none;color:var(--text-main)!important}.module-card:before{content:"";position:absolute;inset:0;z-index:1;transition:background .3s ease}.module-card:hover,.dashboard-card:hover{transform:translateY(-5px);border-color:var(--accent-gold);box-shadow:0 10px 25px #c5a05926}.module-card:hover:before{background:#0000001a!important}.control-bar{display:flex;gap:1.5rem;flex-wrap:wrap;background-color:var(--bg-surface);padding:1rem;border-radius:8px;border:1px solid var(--border-dark);margin-bottom:2rem;align-items:center;transition:background-color .4s ease,border-color .4s ease}.grid-view{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.list-view{display:grid;gap:1rem}.item-card{border:1px solid var(--border-dark);padding:1.5rem;border-radius:8px;background-color:var(--bg-surface);display:flex;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .4s ease}.item-card.column{flex-direction:column}.item-card.row{justify-content:space-between;align-items:center}.item-card.special{border-color:var(--accent-red);background-color:#ff4d4d0d;box-shadow:0 0 15px #ff4d4d1a}.item-card.recommended{border-color:var(--accent-gold);background-color:#d4af370d}.item-card.pinned{border-color:var(--accent-gold)}.btn-ghost{background:transparent;border:1px solid var(--border-dark);color:var(--text-muted);padding:.5rem .8rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.btn-ghost:hover{border-color:var(--text-main);color:var(--text-main)}.btn-ghost-gold{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.5rem .8rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem}.btn-ghost-danger{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);padding:.5rem .8rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem}.btn-solid-gold{background-color:var(--accent-gold);color:#000;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.4rem}.modal-box{background-color:var(--bg-surface);border:1px solid var(--border-dark);border-radius:8px;padding:2rem;width:100%;max-width:400px;position:relative;transition:background-color .4s ease}.modal-item-btn{padding:1rem;background-color:var(--bg-deep);border:1px solid var(--border-dark);color:var(--text-main);border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;transition:background-color .2s}.modal-item-btn:hover{border-color:var(--accent-gold)}.text-title{color:var(--text-main);margin:0;font-size:1.2rem;font-family:var(--font-reading);font-weight:600}.text-desc{color:var(--text-muted);margin:0;font-size:.9rem;font-family:var(--font-reading)}.text-stat{font-size:.85rem;color:var(--accent-gold);font-weight:700}body.light-theme .module-card:before{background:linear-gradient(to bottom,#fff9,#f4f4f5f2)!important}body.light-theme .module-card:hover:before{background:linear-gradient(to bottom,#fffc,#f4f4f5)!important}.notifications-dropdown{background-color:var(--bg-surface)!important;color:var(--text-main)!important;box-shadow:0 4px 12px #00000026}body.light-theme .notifications-dropdown{background-color:#fff!important;border:1px solid var(--border-dark)}.mobile-drawer-hidden{display:block}@media(max-width:1024px){.mobile-drawer-hidden{display:none}.mobile-drawer-open{display:block!important;position:fixed;top:0;left:0;height:100vh;z-index:999;background-color:var(--bg-surface)!important;box-shadow:2px 0 10px #00000080;overflow-y:auto}.mobile-only{display:block!important}}.mobile-only{display:none}@media(min-width:1024px){.mobile-only{display:none!important}}:root{--quiz-sidebar-left-w: 256px;--quiz-sidebar-right-w: 272px;--quiz-topbar-h: 70px}.quiz-layout-wrapper{position:relative;min-height:calc(100vh - var(--quiz-topbar-h))}.quiz-panel-left{position:fixed;left:0;top:var(--quiz-topbar-h);width:var(--quiz-sidebar-left-w);height:calc(100vh - var(--quiz-topbar-h));overflow-y:auto;overflow-x:hidden;background-color:var(--bg-surface);border-right:1px solid var(--border-dark);z-index:50;display:flex;flex-direction:column;gap:0;padding:1.25rem 1rem;box-sizing:border-box}.quiz-panel-right{position:fixed;right:0;top:var(--quiz-topbar-h);width:var(--quiz-sidebar-right-w);height:calc(100vh - var(--quiz-topbar-h));overflow-y:auto;overflow-x:hidden;background-color:var(--bg-surface);border-left:1px solid var(--border-dark);z-index:50;padding:1.25rem 1rem;box-sizing:border-box}.quiz-main-content{margin-left:var(--quiz-sidebar-left-w);margin-right:var(--quiz-sidebar-right-w);padding:2rem 2.5rem;min-height:calc(100vh - var(--quiz-topbar-h));box-sizing:border-box}.panel-divider{height:1px;background:var(--border-dark);margin:1rem -1rem}.panel-heading{font-family:Cinzel,serif;color:var(--accent-gold);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;margin-top:0}.scroll-pill{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-radius:6px;border:1.5px solid var(--border-dark);background:var(--bg-elevated, var(--bg-deep));cursor:grab;font-size:.82rem;color:var(--text-main);margin-bottom:.4rem;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.scroll-pill:hover{border-color:var(--accent-gold)}.scroll-pill.drag-over{border-color:var(--accent-gold);background:#ffd70014}.scroll-pill.answered{border-color:#4caf5066}.scroll-pill.flagged{border-color:var(--accent-red)}@media(max-width:1023px){.quiz-panel-left,.quiz-panel-right{display:none}.quiz-main-content{margin-left:0;margin-right:0;padding:1rem}}@keyframes spin-bw{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.avatar-wrapper{position:relative;display:inline-block;border-radius:50%;z-index:1}.frame-no-one:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#0f0f0f,#b3b3b3,#fff,#4a4a4a,#0f0f0f);z-index:-1;animation:spin-bw 3s linear infinite;box-shadow:0 0 12px #fff6}.frame-no-one:after{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--bg-surface);z-index:-1}.ad-page-layout{display:flex;flex-direction:column;min-height:100vh}.ad-main-cols{display:flex;flex:1}.ad-content-center{flex:1;min-width:0}@media(min-width:1024px){.ad-sidebar{width:160px;flex-shrink:0;display:flex;flex-direction:column;padding:1rem}}@media(max-width:1023px){.ad-sidebar{display:none}}.ad-banner-top,.ad-banner-bottom{display:flex;justify-content:center;padding:10px 0}.ad-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--border-dark);border:1px solid var(--border-dark);border-radius:8px;overflow:hidden}.ad-calendar-header{background-color:var(--bg-deep);color:var(--accent-gold);padding:.5rem;text-align:center;font-weight:700;font-size:.85rem;text-transform:uppercase}.ad-calendar-cell{background-color:var(--bg-surface);min-height:100px;padding:.5rem;display:flex;flex-direction:column}.ad-calendar-cell.empty{background-color:var(--bg-deep)}.ad-calendar-cell.today{background-color:#d4af370d}.ad-calendar-date{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.ad-calendar-cell.today .ad-calendar-date{color:var(--accent-gold)}.ad-calendar-events{display:flex;flex-direction:column;gap:.2rem;flex:1}.ad-calendar-event{color:#fff;padding:.15rem .3rem;border-radius:4px;font-size:.7rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9;transition:opacity .2s}.ad-calendar-event:hover{opacity:1}