body:has(#reels){overflow:hidden;background:#000}body:has(#reels) main{height:calc(100vh - var(--header-height))}body:has(#reels) .site-header{display:none}body:has(#reels) main{box-sizing:border-box;height:100vh}body:has(#reels) .site-logo{color:#fff;position:absolute;z-index:2;top:14px;left:14px}body:has(#reels) .site-logo:hover{color:#fff}body:has(#reels) .site-logo__text{opacity:.5}body:has(#reels) .site-logo__text span{color:#fff}body:has(#reels) .site-logo__img{display:inline-block}body:has(#reels) .header-search{display:none}body:has(#reels) .header-nav a{color:#ffffffbf}body:has(#reels) .header-nav a:hover{color:#fff}.reels{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;background:#000}.reels::-webkit-scrollbar{display:none}.reels__empty{height:100%;display:grid;place-items:center;color:#fff}.reel{position:relative;height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:24px 88px 24px 24px;box-sizing:border-box;background:linear-gradient(180deg,#111,#000)}.reel__card{position:relative;width:100%;max-width:560px;aspect-ratio:9 / 16;max-height:calc(100vh - 48px);perspective:1200px;cursor:pointer}.reel__face{position:absolute;inset:0;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:16px;backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 60px #00000073;color:#fff}.reel__face--front{background:var(--cat-front, linear-gradient(135deg, #1a2540 0%, #0d1320 100%));transform:rotateY(0)}.reel__face--back{background:var(--cat-back, linear-gradient(135deg, #1f3a2e 0%, #0d1f17 100%));transform:rotateY(180deg)}.reel.is-flipped .reel__face--front{transform:rotateY(-180deg)}.reel.is-flipped .reel__face--back{transform:rotateY(0)}.reel[data-category=general]{--cat-accent: #6366f1;--cat-front: linear-gradient(135deg, #1e1f48 0%, #0a0b1f 100%);--cat-back: linear-gradient(135deg, #161735 0%, #060716 100%)}.reel[data-category=essentials]{--cat-accent: #f59e0b;--cat-front: linear-gradient(135deg, #3a2410 0%, #190f06 100%);--cat-back: linear-gradient(135deg, #2a1a0c 0%, #110803 100%)}.reel[data-category=people]{--cat-accent: #d946ef;--cat-front: linear-gradient(135deg, #341240 0%, #160819 100%);--cat-back: linear-gradient(135deg, #260d2f 0%, #0e0512 100%)}.reel[data-category=science]{--cat-accent: #10b981;--cat-front: linear-gradient(135deg, #103a2c 0%, #061a13 100%);--cat-back: linear-gradient(135deg, #0c2a20 0%, #040f0a 100%)}.reel[data-category=philosophy]{--cat-accent: #a78bfa;--cat-front: linear-gradient(135deg, #2a1f4a 0%, #110b22 100%);--cat-back: linear-gradient(135deg, #1f1736 0%, #0a0617 100%)}.reel[data-category=howto]{--cat-accent: #14b8a6;--cat-front: linear-gradient(135deg, #0d3a36 0%, #061a18 100%);--cat-back: linear-gradient(135deg, #0a2a27 0%, #040f0e 100%)}.reel[data-category=technology]{--cat-accent: #3b82f6;--cat-front: linear-gradient(135deg, #1a2540 0%, #0d1320 100%);--cat-back: linear-gradient(135deg, #131c30 0%, #060a17 100%)}.reel[data-category=health]{--cat-accent: #f43f5e;--cat-front: linear-gradient(135deg, #3a1226 0%, #190713 100%);--cat-back: linear-gradient(135deg, #2a0d1c 0%, #11050d 100%)}.reel[data-category=geography]{--cat-accent: #06b6d4;--cat-front: linear-gradient(135deg, #0d3142 0%, #06161e 100%);--cat-back: linear-gradient(135deg, #0a2532 0%, #040d12 100%)}.reel[data-category=current]{--cat-accent: #ec4899;--cat-front: linear-gradient(135deg, #3a1230 0%, #1a0816 100%);--cat-back: linear-gradient(135deg, #2a0d23 0%, #0f0510 100%)}.reel__cat{align-self:flex-start;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:var(--cat-accent, rgba(255, 255, 255, .12));padding:4px 10px;border-radius:999px;color:#fff;font-weight:600}.reel__question{font-size:clamp(22px,4.2vw,32px);line-height:1.25;margin:0;padding:0;border:0;font-weight:700;color:#fff}.reel__answer{font-size:clamp(18px,3.4vw,24px);line-height:1.45;margin:0;color:#fff}.reel__hint{margin:0;font-size:13px;color:#fff9}.reel__question.is-speaking,.reel__answer.is-speaking{text-shadow:0 0 18px color-mix(in srgb,var(--cat-accent, #2563eb) 45%,transparent)}.tts-word{transition:color .12s ease,background-color .12s ease,box-shadow .12s ease;padding:0 2px;margin:0 -2px;position:relative}.tts-word.is-active:before{content:"";position:absolute;left:0;right:0;bottom:-2px;display:inline-flex;height:5px;width:100%;background-color:var(--cat-accent, #2563eb);opacity:1;z-index:-1;border-radius:20px}.reel__actions{position:absolute;right:14px;bottom:34px;display:flex;flex-direction:column;gap:18px;align-items:center}.reel-btn{background:transparent;border:0;padding:0;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;cursor:pointer}.reel-btn__icon{width:48px;height:48px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;transition:background .15s ease,transform .15s ease}.reel-btn:hover .reel-btn__icon{background:#ffffff38}.reel-btn:active .reel-btn__icon{transform:scale(.92)}.reel-btn.is-active .reel-btn__icon{background:var(--color-accent, #2563eb)}.reel-btn__count,.reel-btn__label{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.reel-tts{position:absolute;z-index:2;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffff24;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.reel-tts:hover{background:#ffffff3d}.reel-tts:active{transform:scale(.92)}.reel-tts.is-playing{background:var(--cat-accent, #2563eb)}.reel-tts.is-loading{background:var(--cat-accent, #2563eb);cursor:wait}.reel-tts .reel-tts__icon-stop,.reel-tts .reel-tts__icon-loading,.reel-tts.is-playing .reel-tts__icon-play{display:none}.reel-tts.is-playing .reel-tts__icon-stop{display:block}.reel-tts.is-loading .reel-tts__icon-play,.reel-tts.is-loading .reel-tts__icon-stop{display:none}.reel-tts.is-loading .reel-tts__icon-loading{display:block;animation:reel-tts-spin .8s linear infinite}@keyframes reel-tts-spin{to{transform:rotate(360deg)}}.reel-modal[hidden]{display:none}.reel-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center}.reel-modal__backdrop{position:absolute;inset:0;background:#0009}.reel-modal__panel{position:relative;background:var(--color-bg, #fff);color:var(--color-text, #000);border-radius:16px;width:min(480px,calc(100vw - 32px));padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px #0006}.reel-modal__panel h3{margin:0}.reel-modal__panel select,.reel-modal__panel textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid var(--color-border, #ddd);font:inherit;background:inherit;color:inherit}.reel-modal__msg{margin:0;min-height:1.2em;font-size:14px}.reel-modal__actions{display:flex;justify-content:flex-end;gap:8px}.reel-modal__actions button{padding:8px 16px;border-radius:8px;border:1px solid var(--color-border, #ddd);background:transparent;color:inherit;cursor:pointer}.reel-modal__primary{background:var(--color-accent, #2563eb)!important;color:#fff!important;border-color:transparent!important}@media(max-width:640px){.reel{padding:16px 12px}.reel__face{padding-right:64px}.reel__actions{right:18px;bottom:34px;gap:14px}.reel-btn__icon{width:34px;height:34px}.reel-btn__icon svg{width:18px;height:18px}span.reel-btn__label{font-size:xx-small;opacity:.6}}