:root{--paper:#f7f0e3;--paper-warm:#fbf4e2;--paper-dark:#ede3cc;--paper-shadow:#d4c9b0;--ink:#2c1f0e;--ink-light:#6b5740;--ink-faint:#9e8870;--accent:#8b3a1a;--accent-light:#c06b2a;--accent-hover:#a0451f;--accent-press:#5c2010;--teal:#3d7b78;--spine:#c4a882;--rule:#9e88704d;--wood-start:#3a2a18;--wood-end:#1e1208;--f-heading:"Kalam", cursive;--f-hand:"Kalam", cursive;--f-hand-bold:"Kalam", cursive;--f-body:"Lora", Georgia, serif}*{box-sizing:border-box}html,body{font-family:var(--f-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}.desk{background:radial-gradient(ellipse at 30% 5%, #ffdcaa0d, transparent 60%), linear-gradient(160deg, var(--wood-start), var(--wood-end));position:relative}.desk:before{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(92deg,#0000 0 120px,#0000000d 121px,#0000 240px),repeating-linear-gradient(88deg,#ffc88c00 0 60px,#ffc88c05 61px,#ffc88c00 120px);position:absolute;inset:0}.page{background:var(--paper);box-shadow:0 1px 0 #fff6 inset, 2px 3px 0 var(--paper-dark), 4px 5px 0 var(--paper-shadow), 8px 10px 30px #00000059;border-radius:2px 6px 6px 2px;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.95;background-image:radial-gradient(at 20% 0,#b4966412,#0000 50%),radial-gradient(at 100% 100%,#785a2817,#0000 55%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='paper-noise'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.15  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23paper-noise)'/></svg>");background-size:auto,auto,240px 240px;position:absolute;inset:0}.page>*{z-index:2;position:relative}.page-fold{z-index:3;border-style:solid;border-width:0 0 30px 30px;border-color:transparent transparent var(--paper-dark) transparent;filter:drop-shadow(-1px -1px 1px #00000014);width:0;height:0;position:absolute;bottom:0;right:0}.page-num{text-align:center;font-family:var(--f-hand);color:var(--ink-faint);z-index:3;font-size:16px;font-style:italic;position:absolute;bottom:18px;left:0;right:0}.page-num:before,.page-num:after{content:"·";opacity:.6;margin:0 10px}.h1{font-family:var(--f-heading);color:var(--ink);letter-spacing:-.005em;margin:0;font-size:38px;font-weight:700;line-height:1.05}.h2{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:26px;font-weight:700;line-height:1.15}.h3{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:20px;font-weight:700;line-height:1.2}.body{font-family:var(--f-body);color:var(--ink-light);margin:0;font-size:16px;line-height:1.6}.body-lg{font-family:var(--f-body);color:var(--ink);margin:0;font-size:18px;line-height:1.55}.label{font-family:var(--f-hand-bold);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.caption{font-family:var(--f-body);color:var(--ink-faint);margin:0;font-size:13px;font-style:italic}.hand{font-family:var(--f-hand)}.note{font-family:var(--f-hand);color:var(--ink-light);font-size:20px;font-style:normal}.annotation{font-family:var(--f-hand);color:var(--ink-light);margin:0;font-size:22px}.btn{font-family:var(--f-hand-bold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-weight:700;text-decoration:none;transition:transform 60ms,box-shadow .1s,background .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--paper);min-height:60px;box-shadow:2px 4px 0 var(--accent-press), 4px 8px 14px #0000002e;letter-spacing:.005em;border-radius:14px 4px;padding:16px 28px;font-size:22px}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{box-shadow:1px 2px 0 var(--accent-press), 2px 4px 8px #0000002e;transform:translateY(2px)}.btn-primary-xl{border-radius:18px 5px;min-height:78px;padding:22px 36px;font-size:26px}.btn-secondary{background:var(--paper-warm);color:var(--accent);border:2px solid var(--accent);border-radius:12px 3px;min-height:50px;padding:12px 22px;font-size:18px;box-shadow:2px 3px #8b3a1a2e}.btn-secondary:hover{background:var(--paper)}.btn-ghost{color:var(--accent);background:0 0;border-radius:6px;min-height:36px;padding:8px 12px;font-size:18px}.btn-ghost:hover{background:#8b3a1a14}.topbar{border-bottom:2px dashed var(--rule);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.topbar-trail{font-family:var(--f-hand);color:var(--ink-faint);text-align:center;flex:1;font-size:19px}.topbar-trail .sep{opacity:.5;margin:0 8px}.lesson{border:1.5px solid var(--paper-shadow);cursor:pointer;background:#ffffff8c;border-radius:8px 3px;align-items:center;gap:16px;min-height:70px;padding:14px 18px;transition:background .12s,transform 80ms;display:flex}.lesson:hover{background:#ffffffc7;transform:translate(2px)}.lesson.locked{opacity:.5;cursor:not-allowed}.lesson.locked:hover{background:#ffffff8c;transform:none}.lesson-num{border:2px solid var(--teal);width:40px;height:40px;font-family:var(--f-hand-bold);color:var(--teal);background:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex}.lesson-num.done{background:var(--teal);color:var(--paper)}.lesson-info{flex:1;gap:3px;min-width:0;display:grid}.lesson-name{font-family:var(--f-body);color:var(--ink);font-size:18px;font-weight:500;line-height:1.25}.lesson-type{font-family:var(--f-hand);color:var(--ink-faint);font-size:16px;line-height:1.2;display:block}.lesson-arrow{font-family:var(--f-hand-bold);color:var(--accent);flex:none;font-size:24px}.card{border:1.5px solid var(--paper-shadow);background:#ffffff8c;border-radius:8px 3px;padding:18px 20px;position:relative}.card-ruled{background-image:linear-gradient(transparent, transparent calc(1.7em - 1px), var(--rule) calc(1.7em - 1px), var(--rule) 1.7em);border-left:3px double var(--paper-shadow);background-position:0 12px;background-size:100% 1.7em;border-top:none;border-bottom:none;border-right:none;border-radius:0;padding-left:22px}.book-cover{background:var(--paper);border:1.5px solid var(--paper-shadow);cursor:pointer;border-radius:3px 8px 8px 3px;min-height:180px;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:4px 6px 16px #00000038}.book-cover:hover{transform:translateY(-3px)}.book-cover .spine{background:linear-gradient(90deg, #00000038, transparent 40%, transparent 60%, #00000024), var(--accent);width:18px;position:relative}.book-cover .spine:before,.book-cover .spine:after{content:"";background:#ffffff38;height:1px;position:absolute;left:3px;right:3px}.book-cover .spine:before{top:14px}.book-cover .spine:after{bottom:14px}.book-cover.locked{opacity:.55;cursor:not-allowed}.book-cover.locked:hover{transform:none}.book-cover.locked .spine{background:var(--paper-shadow)}.book-cover-content{flex-direction:column;flex:1;padding:22px 26px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--f-hand-bold);color:var(--ink);font-size:16px;font-weight:700}.input{font-family:var(--f-body);border:none;border-bottom:2px solid var(--ink-light);color:var(--ink);background:0 0;outline:none;width:100%;padding:14px 16px;font-size:18px}.input:focus{border-bottom-color:var(--accent)}.input::placeholder{color:var(--ink-faint);font-style:italic}.doodle{color:var(--ink-faint);opacity:.45;pointer-events:none;z-index:2;position:absolute}.divider-ornament{color:var(--paper-shadow);align-items:center;gap:12px;margin:22px 0;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background:currentColor;flex:1;height:1px}.divider-ornament svg{color:var(--ink-faint)}.badge{font-family:var(--f-hand);border:1.5px solid var(--paper-shadow);background:var(--paper);color:var(--ink-faint);border-radius:4px;align-items:center;padding:3px 10px;font-size:14px;display:inline-flex}.badge-soon{color:var(--ink-faint)}.badge-new{background:var(--accent);color:var(--paper);border-color:var(--accent)}.row{display:flex}.col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.center{justify-content:center;align-items:center}.between{justify-content:space-between}.flex-1{flex:1;min-width:0}.text-center{text-align:center}.text-ink{color:var(--ink)}.text-light{color:var(--ink-light)}.text-faint{color:var(--ink-faint)}.text-accent{color:var(--accent)}.text-teal{color:var(--teal)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}html,body{background:radial-gradient(ellipse at 30% 5%, #ffdcaa0d, transparent 60%), linear-gradient(160deg, var(--wood-start), var(--wood-end));min-height:100vh;font-family:var(--f-body);color:var(--ink);background-attachment:fixed;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:repeating-linear-gradient(92deg,#0000 0 120px,#0000000d 121px,#0000 240px),repeating-linear-gradient(88deg,#ffc88c00 0 60px,#ffc88c05 61px,#ffc88c00 120px);position:fixed;inset:0}#root{z-index:1;position:relative}.view-transition{justify-content:center;width:100%;animation:.32s ease-out both page-in;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.view-transition{animation:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.update-banner{z-index:100;background:var(--ink);color:var(--paper);font-family:var(--f-body);white-space:nowrap;border-radius:2rem;align-items:center;gap:.75rem;padding:.6rem 1rem .6rem 1.25rem;font-size:.875rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.update-banner-btn{background:var(--paper);color:var(--ink);font-family:var(--f-body);cursor:pointer;border:none;border-radius:1rem;padding:.3rem .85rem;font-size:.8125rem;font-weight:600}.update-banner-btn:hover{opacity:.85}.ribbon-header{z-index:10;background:radial-gradient(ellipse at 60% 30%, #ffffff26, transparent 60%), linear-gradient(180deg, var(--paper-warm), var(--paper-dark));border-bottom:1px solid var(--paper-shadow);justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(20px,4vw,44px);display:flex;position:sticky;top:0;box-shadow:0 2px #0000002e,0 6px 16px #00000052}.ribbon-header:before{content:"";opacity:.5;background-image:radial-gradient(circle at 8px 3px,#2c1f0e2e 1px,#0000 1.5px);background-repeat:repeat-x;background-size:16px 6px;height:6px;position:absolute;bottom:-6px;left:0;right:0}.ribbon-header:after{content:"";pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='r'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.15 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");position:absolute;inset:0}.ribbon-header>*{z-index:1;position:relative}.brand-link{font-family:var(--f-heading);color:var(--ink);letter-spacing:-.005em;align-items:center;gap:12px;font-size:clamp(20px,2.4vw,24px);text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--paper);box-shadow:1px 2px 0 var(--accent-press);border-radius:50% 8%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ribbon-nav{align-items:center;gap:4px;display:flex}.ribbon-nav-link{font-family:var(--f-hand);color:var(--ink-light);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px 8px;font-size:18px;text-decoration:none;display:inline-flex;position:relative}.ribbon-nav-link:hover{color:var(--ink);background:#fff6}.ribbon-nav-link.is-active{color:var(--accent);background:#ffffff80;text-decoration:none}.ribbon-nav-link.is-active:after{content:"";background:var(--accent-light);border-radius:999px;height:2px;position:absolute;bottom:4px;left:12px;right:12px}.ribbon-nav-link .badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.ribbon-lang{font-family:var(--f-hand-bold);color:var(--ink-light);border:1.5px solid var(--paper-shadow);background:var(--paper);cursor:pointer;border-radius:12px 3px;padding:4px 10px;font-size:14px}.ribbon-nav.is-public{gap:8px}.page-shell{flex-direction:column;flex:1;align-items:center;width:100%;padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px);display:flex}.paper-page{background:var(--paper);width:100%;max-width:1180px;min-height:clamp(620px,100vh - 150px,820px);box-shadow:0 1px 0 #fff6 inset, 0 2px 0 var(--paper-dark), 0 18px 42px #00000057;isolation:isolate;background-clip:padding-box;border:1px solid #d4c9b0b8;border-radius:4px;padding:clamp(24px,4vw,48px) clamp(24px,4vw,48px) clamp(48px,6vw,72px);position:relative}.paper-page:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:.92;background-image:radial-gradient(at 20% 0,#b4966412,#0000 50%),radial-gradient(at 100% 100%,#785a2817,#0000 55%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.15 0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");background-size:auto,auto,240px 240px;position:absolute;inset:0}.paper-page>*{z-index:1;position:relative}.paper-page:after{content:none}.paper-page-num{text-align:center;font-family:var(--f-hand);color:var(--ink-faint);z-index:2;pointer-events:none;font-size:16px;font-style:italic;position:absolute;bottom:16px;left:0;right:0}.paper-page-num:before,.paper-page-num:after{content:"·";opacity:.6;margin:0 10px}.paper-page.narrow{max-width:560px;min-height:auto}.paper-page.medium{max-width:1180px}.page-topbar{border-bottom:2px dashed var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(18px,3vw,28px);padding-bottom:14px;display:flex}.page-trail{font-family:var(--f-hand);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:4px;font-size:18px;display:flex}.page-trail a{color:var(--ink-light);cursor:pointer;text-decoration:none}.page-trail a:hover{color:var(--accent)}.page-trail .sep{opacity:.45;margin:0 8px}.page-trail .current{color:var(--ink)}.page-topbar-actions{align-items:center;gap:8px;display:flex}.landing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(20px,4vw,32px) 0;display:grid}@media (width<=880px){.landing-hero{grid-template-columns:1fr}}.landing-hero .eyebrow{color:var(--accent);font-family:var(--f-hand-bold);letter-spacing:.08em;text-transform:uppercase;font-size:16px}.landing-book{justify-content:center;padding:24px;display:flex;position:relative}.landing-book-cover{aspect-ratio:3/4;background:radial-gradient(ellipse at 30% 25%, #fff0c826, transparent 60%), linear-gradient(160deg, var(--accent), var(--accent-press));border-radius:3px 10px 10px 3px;width:min(360px,100%);position:relative;overflow:hidden;box-shadow:-4px 4px #0000002e,8px 16px 40px #00000080}.landing-book-cover:before{content:"";background:linear-gradient(90deg,#00000059,#0000 70%);width:18px;position:absolute;top:0;bottom:0;left:0}.landing-book-cover .inner{color:var(--paper);text-align:center;border:1.5px solid #f7f0e366;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 16px;display:flex;position:absolute;inset:32px 24px}body.video-mode .page-shell{justify-content:center;min-height:0;padding:clamp(8px,1.5vw,16px);overflow:hidden}body.video-mode{overflow:hidden}body.video-mode .app-shell{height:100vh;min-height:0;overflow:hidden}body.video-mode .ribbon-header{flex:none;padding-block:8px}body.video-mode .view-transition{flex:auto;align-items:center;min-height:0}.video-stage{background:var(--paper);width:100%;max-width:1180px;box-shadow:0 1px 0 #fff6 inset, 2px 3px 0 var(--paper-dark), 4px 5px 0 var(--paper-shadow), 8px 12px 32px #00000059;border-radius:2px 8px 8px 2px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:clamp(16px,3vw,28px);display:flex;position:relative}body.video-mode .video-stage{gap:clamp(6px,.9vh,10px);height:100%;min-height:0;max-height:100%;padding:clamp(8px,1.2vw,14px);overflow:hidden}.video-canvas{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1108,#3a2a18);border:1px solid #2a1f12;border-radius:8px 3px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}body.video-mode .video-canvas{flex:0 auto;width:min(100%,177.778vh - 533.333px);min-height:0}.video-canvas .placeholder{color:#c4a882;text-align:center;opacity:.85}.video-loading{z-index:8;color:#fbf4e2;text-align:center;background:radial-gradient(circle at 50% 38%,#e0934133,#0000 34%),linear-gradient(135deg,#1a1108eb,#3a2a18f5);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:clamp(18px,5vw,48px);display:flex;position:absolute;inset:0}.video-loading-mark{width:clamp(64px,12vw,96px);height:clamp(64px,12vw,96px);color:var(--accent-light);background:#fffaf014;border:2px solid #fbf4e275;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 30px #00000042}.video-loading .label{color:var(--accent-light)}.video-loading-message{max-width:520px;font-family:var(--f-hand);margin:0;font-size:clamp(24px,4vw,38px);line-height:1.25}.video-loading-staff{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.video-loading-staff span{background:var(--accent-light);opacity:.36;border-radius:999px;width:10px;height:10px;animation:1.1s ease-in-out infinite video-loading-pulse}.video-loading-staff span:nth-child(2){animation-delay:.14s}.video-loading-staff span:nth-child(3){animation-delay:.28s}@keyframes video-loading-pulse{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.video-topbar{background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex;position:relative}body.video-mode .video-topbar{flex:none}.video-topbar .video-context{color:var(--muted);font-family:var(--f-hand);text-align:center;flex:1;font-size:18px}.video-topbar .video-context strong{font-family:var(--f-heading);color:var(--ink);font-size:22px;font-weight:700;display:block}.video-bottombar{background:0 0;width:100%;padding:0}body.video-mode .video-bottombar{flex:none;gap:clamp(5px,.7vh,8px);display:grid}.video-controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:14px 0;display:flex}body.video-mode .video-controls-row{gap:clamp(6px,.9vw,10px);margin:0}.video-controls-row .time{font-family:var(--f-hand);color:var(--muted);min-width:50px;font-size:16px}.video-fullscreen-button{flex:none}body.video-mode .video-fullscreen-button{min-height:34px;color:var(--paper);background:#8b3a1a9e;padding:6px 10px;font-size:15px}.video-scrubber{cursor:pointer;background:#ffffff2e;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.video-scrubber-fill{background:var(--accent-light);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.video-scrubber-thumb{background:var(--paper);border:2px solid var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-nav-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}body.video-mode .video-nav-row{margin-top:0}body.video-mode .video-nav-row .btn-primary{min-height:50px;box-shadow:2px 3px 0 var(--accent-press), 3px 6px 12px #00000029;padding:12px 22px;font-size:20px}body.video-mode .video-nav-row .btn-secondary,body.video-mode .video-topbar .btn-ghost{min-height:42px;padding:9px 16px;font-size:17px}.video-play{pointer-events:auto;background:var(--accent);width:110px;height:110px;color:var(--paper);cursor:pointer;box-shadow:4px 8px 0 var(--accent-press), 0 12px 32px #00000080;z-index:6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.video-mode .video-play{width:88px;height:88px}.video-play.is-playing{opacity:0;pointer-events:none;transition:opacity .2s}.btn-on-dark{color:#fbf4e2;background:#00000073;border:1.5px solid #ffffff2e}.btn-on-dark:hover{color:#fff;background:#0009}.btn-secondary-on-dark{color:var(--accent);border:2px solid var(--accent);background:#fffaf0eb;box-shadow:2px 3px #00000073}.auth-grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:clamp(20px,4vw,40px);max-width:1080px;margin:0 auto;display:grid}@media (width<=880px){.auth-grid{grid-template-columns:1fr}}.auth-form{padding:clamp(20px,3vw,32px)}.auth-aside{background:radial-gradient(ellipse at 30% 20%, #fff0c81f, transparent 65%), linear-gradient(160deg, var(--ink), #1a120a);color:var(--paper);min-height:380px;box-shadow:4px 5px 0 var(--paper-shadow), 8px 12px 32px #00000059;border-radius:3px 8px 8px 3px;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3vw,40px);display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";opacity:.65;background:radial-gradient(circle at 65% 35%,#f0e3c4 0 18px,#0000 19px),radial-gradient(circle,#0000 0 22px,#c0a88280 23px 24px,#0000 25px);width:80px;height:80px;position:absolute;top:20px;right:20px}.auth-aside h2{font-family:var(--f-heading);color:#fbf4e2;margin:0 0 8px;font-size:clamp(28px,4vw,44px)}.auth-aside p{font-family:var(--f-hand);color:#fbf4e2c7;margin:0;font-size:19px}.auth-toggle{border:1.5px solid var(--paper-shadow);background:var(--paper);border-radius:8px 3px;display:inline-flex;overflow:hidden}.auth-toggle button{font-family:var(--f-hand-bold);color:var(--ink-light);cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:16px}.auth-toggle button.is-active{background:var(--accent);color:var(--paper)}.book-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.book-cover-large{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,36px);display:grid}@media (width<=760px){.book-cover-large{grid-template-columns:1fr}}.book-cover-large .cover-art{aspect-ratio:3/4;background:radial-gradient(ellipse at 30% 25%, #fff0c81f, transparent 60%), linear-gradient(160deg, var(--accent), var(--accent-press));border-radius:3px 10px 10px 3px;justify-self:center;width:min(100%,320px);position:relative;overflow:hidden;box-shadow:-4px 4px #0000002e,6px 12px 32px #00000073}.book-cover-large>.stack{min-width:0}.book-cover-large .cover-art:before{content:"";background:linear-gradient(90deg,#0006,#0000 70%);width:16px;position:absolute;top:0;bottom:0;left:0}.book-cover-large .cover-art .inner{color:var(--paper);text-align:center;border:1.5px solid #f7f0e366;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 14px;display:flex;position:absolute;inset:28px 20px}.book-cover-large .cover-art .inner h3{font-family:var(--f-heading);color:#fbf4e2;margin:0;font-size:26px;line-height:1.05}.purchase-panel{border:1.5px solid var(--paper-shadow);background:#ffffff8c;border-radius:8px 3px;flex-direction:column;gap:12px;padding:18px 22px;display:flex}.purchase-panel .price{font-family:var(--f-heading);color:var(--ink);font-size:32px}.purchase-panel .price small{font-family:var(--f-hand);color:var(--ink-faint);margin-left:8px;font-size:16px}.toc-unit{border-bottom:1px dashed var(--rule);padding:12px 0}.toc-unit:last-child{border-bottom:none}.toc-unit-head{cursor:pointer;align-items:center;gap:14px;padding:6px 0;display:flex}.toc-unit-head:hover .lesson-name{color:var(--accent)}.toc-videos{border-left:1.5px dashed var(--paper-shadow);gap:6px;margin-top:8px;margin-left:56px;padding-left:16px;display:grid}.toc-video-row{border:1px solid var(--paper-shadow);cursor:pointer;background:#fff6;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:background .12s;display:flex}.toc-video-row:hover{background:#ffffffb3}.toc-video-row.muted{opacity:.55;cursor:not-allowed}.toc-video-row .type{font-family:var(--f-hand);color:var(--ink-faint);margin-left:auto;font-size:14px}.toc-video-row .check{background:var(--teal);width:18px;height:18px;color:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.message-card{border:1.5px solid var(--paper-shadow);background:#ffffff8c;border-radius:8px 3px;gap:12px;padding:18px 22px;display:grid}.message-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.status-pill{font-family:var(--f-hand-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);border-radius:12px 3px;padding:4px 10px;font-size:12px}.status-new{background:var(--accent-light)}.status-read{background:var(--teal)}.status-replied,.status-resolved{background:#5f8f63}.status-archived{background:#7d7468}.thread-bubble{border-radius:8px 3px;max-width:80%;padding:14px 16px;position:relative}.thread-bubble.from-user{background:#3d7b7824;border:1px solid #3d7b7852;border-radius:8px 3px 3px 8px;margin-left:auto}.thread-bubble.from-teacher{border:1px solid var(--paper-shadow);background:#d4c9b066}.thread-bubble .author{font-family:var(--f-hand-bold);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:13px}.thread-bubble.from-user .author{color:var(--teal)}.thread-bubble p{margin:0;line-height:1.55}.thread-time{font-family:var(--f-hand);color:var(--ink-faint);margin-top:4px;font-size:12px;font-style:italic}.admin-messages{gap:20px;display:grid}.admin-message-hero{gap:16px;display:grid}.admin-message-title{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-message-title svg{color:var(--accent)}.notice-panel{border:1.5px solid var(--paper-shadow);border-left:6px solid var(--teal);background:#ffffff8c;border-radius:8px 3px;gap:8px;padding:14px 16px;display:grid}.notice-panel strong{color:var(--ink);font-family:var(--f-body);font-size:16px}.notice-panel p{color:var(--ink-light);font-family:var(--f-body);margin:0;font-size:15px;line-height:1.5}.admin-message-list{gap:14px;display:grid}.admin-message-card{border:1.5px solid var(--paper-shadow);background:#ffffff94;border-radius:8px 3px;gap:14px;width:100%;padding:18px 20px;display:grid}.admin-message-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-message-card-header>div{min-width:min(100%,260px)}.admin-message-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-message-actions .btn{min-height:44px;padding:10px 16px;font-size:17px}.admin-reply-button{min-height:50px;padding:12px 22px}.modal-backdrop{z-index:80;background:#1f140a94;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);display:flex;position:fixed;inset:0}.modal-panel{background:var(--paper);border:1.5px solid var(--paper-shadow);width:min(100%,680px);max-height:min(760px,100vh - 48px);box-shadow:0 2px 0 var(--paper-dark), 0 24px 58px #00000061;border-radius:8px 3px;padding:clamp(20px,4vw,30px);overflow:auto}.modal-panel label{color:var(--accent);font-family:var(--f-hand-bold);gap:6px;font-size:17px;display:grid}.modal-panel input{border:1.5px solid var(--paper-shadow);width:100%;color:var(--ink);font:17px var(--f-body);background:#ffffffad;border-radius:6px 2px;padding:12px 14px}.modal-panel input:focus{border-color:var(--accent);background:var(--paper);outline:none}.form-stack{gap:14px;display:grid}.form-stack textarea{font-family:var(--f-body);border:1.5px solid var(--paper-shadow);color:var(--ink);resize:vertical;background:#fff9;border-radius:6px 2px;width:100%;min-height:120px;padding:12px 14px;font-size:17px;line-height:1.55}.form-stack textarea:focus{border-color:var(--accent);background:var(--paper);outline:none}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.guide-card{border:1.5px solid var(--paper-shadow);cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:#ffffff8c;border-radius:8px 3px;flex-direction:column;gap:10px;padding:22px;transition:transform .12s,background .12s;display:flex}.guide-card:hover{background:#ffffffc7;transform:translateY(-2px)}.guide-card .glyph{background:var(--paper-warm);border:1.5px solid var(--paper-shadow);width:44px;height:44px;color:var(--accent);font-family:var(--f-hand-bold);border-radius:10px 2px;justify-content:center;align-items:center;font-size:22px;display:flex}.book-map{gap:20px;display:grid}.book-map-intro{text-align:center;max-width:760px;margin:0 auto}.book-map-chapter{border:1.5px solid var(--paper-shadow);background:#ffffff80;border-radius:10px 2px;grid-template-columns:auto 1fr;align-items:center;gap:18px;max-width:720px;margin:0 auto;padding:20px;display:grid}.book-map-number{border:2px solid var(--teal);width:58px;height:58px;color:var(--teal);font-family:var(--f-hand-bold);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.book-parts-heading{color:var(--accent);font-family:var(--f-heading);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.book-parts-heading span{border-top:1.5px dashed var(--paper-shadow)}.book-part-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.book-part-card{border:1.5px solid var(--paper-shadow);background:#ffffff75;border-radius:8px 3px;flex-direction:column;gap:9px;min-height:188px;padding:18px;display:flex}.book-part-mark{border:1.5px solid var(--paper-shadow);background:var(--paper-warm);color:var(--teal);font-family:var(--f-hand-bold);border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:15px;line-height:1}.book-map-footer{max-width:760px;color:var(--accent);font-family:var(--f-heading);text-align:center;margin:4px auto 0;font-size:clamp(18px,2.2vw,22px)}.celebration-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.celebration-seal{background:var(--teal);width:88px;height:88px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px #2c5957,0 8px 18px #0003}.proto-nav{z-index:100;font-family:var(--f-hand);color:var(--ink-light);border:1px solid var(--paper-shadow);background:#f5ebd7f5;border-radius:10px 3px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex;position:fixed;bottom:14px;right:14px;box-shadow:2px 4px 12px #00000059}.proto-nav select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;outline:none;max-width:220px;padding:2px 4px}.proto-nav button{font:inherit;border:1px solid var(--paper-shadow);cursor:pointer;color:var(--ink-light);background:0 0;border-radius:4px;padding:2px 8px}.proto-nav button:hover{background:var(--paper-dark)}.muted{color:var(--ink-faint)}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{gap:16px;display:grid}.split-actions{flex-wrap:wrap;gap:12px;display:flex}.split-actions.between{justify-content:space-between}.eyebrow-row{color:var(--accent);align-items:center;gap:12px;display:flex}.next-target{opacity:1}body{overflow-x:hidden}a{color:inherit}.paper-page a{text-decoration:none}.landing-title{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:clamp(40px,7vw,76px);line-height:.98}.landing-callouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.full-width-button{width:100%}.mt-auto{margin-top:auto}.unit-link-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.book-map-entry{max-width:680px;margin:0 auto}.book-map-button{border:1.5px solid var(--paper-shadow);min-height:128px;color:var(--ink);background:linear-gradient(90deg,#8b3a1a14,#0000 28%),#fffaf0b8;border-radius:10px 3px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px 28px;display:grid;box-shadow:2px 4px #8b3a1a1a,0 14px 28px #2c1f0e14}.book-map-button:hover{border-color:var(--accent);background:linear-gradient(90deg,#8b3a1a1f,#0000 32%),#fffaf0e6}.book-map-button-mark{border:2px solid var(--accent);width:54px;height:54px;color:var(--accent);font-family:var(--f-heading);border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:inline-flex}.book-map-button strong{font-family:var(--f-heading);font-size:clamp(26px,3vw,34px);line-height:1.05;display:block}.book-map-button span span{font-family:var(--f-body);color:var(--ink-light);margin-top:6px;font-size:16px;display:block}.imaginarium-map-panel{aspect-ratio:1280/820;border:1.5px solid var(--paper-shadow);background:var(--paper-warm);border-radius:16px 4px;width:min(100%,1040px);margin:0 auto;position:relative;overflow:hidden;box-shadow:2px 4px #8b3a1a1a,0 18px 36px #2c1f0e1f}.imaginarium-map-art,.imaginarium-station-layer{width:100%;height:100%;position:absolute;inset:0}.map-ridge{fill:none;stroke:#6b574038;stroke-width:2px;stroke-linecap:round;stroke-dasharray:10 16}.map-ridge-top{stroke:#8b3a1a2e}.map-region{opacity:.16}.map-region-meadow{fill:#c4a882}.map-region-river{fill:#6b5740}.map-region-sky{fill:#d4c9b0}.map-road-shadow,.map-road{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-road-shadow{stroke:#2c1f0e29;stroke-width:22px}.map-road{stroke:var(--accent);stroke-width:5px;stroke-dasharray:2 14}.map-piano-shore rect{fill:#2c1f0e1f}.map-piano-shore rect:nth-child(3n+1){fill:#2c1f0e33;height:58px}.imaginarium-station{left:var(--map-x);top:var(--map-y);color:var(--ink);z-index:1;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.map-station-num{border:2px solid var(--accent);width:clamp(28px,4.2vw,44px);height:clamp(28px,4.2vw,44px);font-family:var(--f-heading);background:#fffaf0eb;border-radius:999px;justify-content:center;align-items:center;font-size:clamp(15px,2.2vw,22px);font-weight:700;line-height:1;display:inline-flex;box-shadow:0 3px 10px #2c1f0e29}.imaginarium-station.is-done .map-station-num{background:var(--accent);color:var(--paper)}.imaginarium-station.is-current .map-station-num{background:var(--paper);border-width:3px;width:clamp(36px,5vw,54px);height:clamp(36px,5vw,54px);box-shadow:0 0 0 7px #8b3a1a1f,0 10px 22px #2c1f0e2e}.map-station-name{border:1px solid var(--paper-shadow);text-align:center;opacity:0;pointer-events:none;background:#fffaf0f5;border-radius:8px 2px;min-width:160px;max-width:220px;padding:9px 12px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 18px #2c1f0e24}.map-station-name strong{font-family:var(--f-body);font-size:14px;line-height:1.25;display:block}.map-station-name span{font-family:var(--f-body);color:var(--ink-light);margin-top:2px;font-size:12px;display:block}.imaginarium-station:hover,.imaginarium-station:focus-visible{z-index:5}.imaginarium-station:hover .map-station-name,.imaginarium-station:focus-visible .map-station-name,.imaginarium-station.is-current .map-station-name{opacity:1;transform:translate(-50%)translateY(0)}.map-underbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1040px);margin:18px auto 0;padding:14px 0 0;display:flex}.toc-meta{font-family:var(--f-hand);color:var(--ink-faint);white-space:nowrap;margin-left:auto}.toc-unit-head{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0}.toc-phase{padding:16px 0 4px}.form-message{font-family:var(--f-body);color:var(--accent);margin:10px 0;font-size:15px}.small-copy{font-family:var(--f-body);color:var(--ink-faint);font-size:14px}.auth-switcher{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.install-steps{font-family:var(--f-body);color:var(--ink-light);line-height:1.7}.video-element{object-fit:contain;background:#0a0603;width:100%;height:100%;position:absolute;inset:0}.video-range{accent-color:var(--accent-light);flex:1;min-width:90px}.video-title-card{color:var(--ink);text-align:center;min-width:180px}body.video-mode .video-title-card{display:none}.video-title-card p{font-family:var(--f-hand);color:var(--muted);margin:0}body.video-mode .video-title-card p{font-size:15px;line-height:1.1}.video-title-card strong{font-family:var(--f-heading);font-size:20px;display:block}body.video-mode .video-title-card strong{font-size:clamp(18px,2vw,20px);line-height:1.05}.speed-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.speed-choice{border:1.5px solid var(--paper-shadow);min-width:72px;min-height:46px;color:var(--ink);cursor:pointer;font-family:var(--f-hand-bold);background:#fffaf0b8;border-radius:12px 3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 10px;display:inline-flex;box-shadow:1px 2px #8b3a1a24}body.video-mode .speed-choice{min-width:62px;min-height:42px;padding:5px 8px}.speed-choice.is-active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.speed-buttons-dark .speed-choice{color:var(--accent);background:#fffaf0eb;border-color:#ffffff59}.speed-buttons-dark .speed-choice.is-active{background:var(--accent);color:var(--paper);border-color:var(--accent-light)}.speed-icon{width:22px;height:22px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round}body.video-mode .speed-icon{width:18px;height:18px}.speed-value{font-size:13px;line-height:1}body.video-mode .speed-value{font-size:12px}.speed-choice.is-active .speed-icon{color:var(--paper)}.video-error{color:#fbf4e2;background:#8b3a1acc;border-radius:8px 2px;margin:0 0 10px;padding:8px 12px}.message-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}.message-card:hover{background:#ffffffb8}.btn:disabled,.lesson.locked,button:disabled{cursor:not-allowed}.btn:disabled{opacity:.62;transform:none}.center-panel,.center-buttons{text-align:center;justify-content:center}.panel{border:1.5px solid var(--paper-shadow);background:#ffffff8c;border-radius:8px 3px;padding:18px 20px}.quiz-page{flex-direction:column;gap:20px;width:100%;display:flex}.quiz-game-page{gap:24px}.quiz-menu-panel{max-width:880px;margin:0 auto}.quiz-intro-page{align-items:center;gap:14px}.quiz-intro-page .quiz-prompt{gap:6px}.quiz-intro-page .quiz-prompt .h1{font-size:clamp(34px,4.4vw,48px)}.quiz-intro-page .quiz-prompt .annotation{font-size:clamp(18px,2vw,23px)}.quiz-prompt{text-align:center;justify-items:center;gap:10px;display:grid}.quiz-prompt .h1{font-size:clamp(38px,5vw,58px)}.quiz-prompt .annotation{max-width:760px;font-size:clamp(20px,2.3vw,28px)}.quiz-play{border-width:3px;min-width:min(100%,320px);min-height:66px;margin-top:16px;font-size:clamp(22px,2.4vw,28px)}.quiz-card-grid{gap:18px;width:100%;display:grid}.mode-grid,.level-grid,.answer-grid,.quiz-explainer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.answer-grid{max-width:980px;margin:0 auto}.rhythm-answer-grid{max-width:760px}.quiz-choice-card{appearance:none;border:2px solid var(--paper-shadow);color:var(--ink);cursor:pointer;text-align:center;background:#ffffff8f;border-radius:8px 3px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:210px;padding:30px 18px;transition:background .12s,border-color .12s,box-shadow .12s,transform 80ms;display:flex}.level-card{min-height:190px}.quiz-choice-card:not(:disabled):hover{border-color:var(--accent-light);background:#ffffffc7;transform:translateY(-2px)}.quiz-choice-card:disabled{opacity:.64}.quiz-choice-card.answer-card:disabled{opacity:.74}.quiz-choice-card.selected,.quiz-choice-card.correct{background:var(--paper-warm);border-color:var(--accent);border-width:3px;box-shadow:3px 5px #8b3a1a38}.quiz-choice-card.correct{border-color:var(--teal);box-shadow:3px 5px #3d7b7838}.quiz-choice-badge{border:3px solid var(--ink-faint);width:64px;height:64px;color:var(--ink-faint);background:var(--paper);font-family:var(--f-hand-bold);border-radius:50%;justify-content:center;align-items:center;font-size:34px;line-height:1;display:inline-flex}.quiz-choice-card.selected .quiz-choice-badge,.quiz-choice-card.correct .quiz-choice-badge{background:var(--accent);border-color:var(--accent);color:var(--paper)}.quiz-choice-card.correct .quiz-choice-badge{background:var(--teal);border-color:var(--teal)}.quiz-choice-title{color:var(--ink);font-family:var(--f-hand-bold);font-size:clamp(30px,4vw,42px);line-height:1.05}.quiz-choice-pattern{color:var(--ink);font-family:var(--f-hand);font-size:clamp(25px,3vw,34px);line-height:1.1}.quiz-choice-note{color:var(--ink-light);font-family:var(--f-hand);min-height:24px;font-size:20px;line-height:1.2}.quiz-explainer-grid{gap:14px;width:100%;max-width:760px;margin:0 auto;display:grid}.quiz-explainer-card{border:1.5px solid var(--paper-shadow);border-left:6px solid var(--teal);text-align:center;background:#ffffff85;border-radius:8px 3px;gap:4px;padding:14px 18px;display:grid}.quiz-explainer-card.dominant{border-left-color:var(--accent)}.quiz-explainer-card span{color:var(--ink-light);font-family:var(--f-hand-bold);font-size:18px}.quiz-explainer-card strong{color:var(--ink);font-family:var(--f-hand);font-size:clamp(22px,2.4vw,28px);font-weight:700}.quiz-progress-dots{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:980px;margin:2px auto 0;display:flex}.quiz-dot{border:2px dashed var(--paper-shadow);width:34px;height:34px;color:var(--ink-faint);font-family:var(--f-hand-bold);opacity:.72;border-radius:50%;justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.quiz-dot.done{background:var(--teal);border-color:var(--teal);color:var(--paper);opacity:1}.quiz-dot.current{background:var(--accent);border-color:var(--accent);color:var(--paper);opacity:1}.quiz-feedback{border:1.5px solid var(--paper-shadow);background:#ffffffa3;border-radius:8px 3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(100%,980px);min-height:112px;margin:0 auto;padding:16px 18px;display:flex}.quiz-feedback.is-placeholder{visibility:hidden;pointer-events:none}.quiz-feedback strong{color:var(--accent);font-family:var(--f-hand-bold);font-size:28px}.quiz-feedback span{color:var(--ink-light);font-family:var(--f-body);flex:260px;font-size:16px;line-height:1.5}.quiz-action-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tonal-intro-card{border:2px solid var(--paper-shadow);border-left:8px solid var(--teal);text-align:center;background:#ffffff9e;border-radius:8px 3px;align-content:center;justify-items:center;gap:16px;width:min(100%,680px);min-height:170px;padding:clamp(18px,3vw,26px);display:grid;box-shadow:3px 5px #2c1f0e14}.tonal-intro-card.dominant{border-left-color:var(--accent)}.tonal-intro-pattern{color:var(--ink);font-family:var(--f-hand-bold);margin:0;font-size:clamp(30px,4vw,44px);line-height:1.12}.tonal-intro-answer{background:var(--paper-warm);border:1.5px solid var(--paper-shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;display:inline-flex}.tonal-intro-answer strong{color:var(--ink);font-family:var(--f-body);font-size:clamp(18px,2.4vw,24px);font-weight:600}.tonal-intro-dot{background:var(--teal);border-radius:50%;width:16px;height:16px;display:inline-block}.tonal-intro-dot.dominant{background:var(--accent)}.tonal-intro-note{color:var(--ink-light);font-family:var(--f-body);max-width:460px;margin:0;font-size:16px;font-style:italic;line-height:1.5}.intro-dots{margin-top:-6px}.content-stack{gap:24px;width:100%;display:grid}.primary-button,.secondary-button,.text-button{cursor:pointer;min-height:42px;font-family:var(--f-hand-bold);border:0;border-radius:7px 2px;justify-content:center;align-items:center;padding:10px 16px;font-size:20px;line-height:1;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);color:#fff7e5;box-shadow:inset 0 -3px #4a1f0c3b}.secondary-button{border:1.5px solid var(--paper-shadow);color:var(--accent);background:#ffffff70}.text-button{min-height:auto;color:var(--accent);background:0 0;padding:4px 6px}@media (width<=720px){body.video-mode{overflow-y:auto}body.video-mode .app-shell{height:auto;min-height:100vh;overflow:visible}body.video-mode .page-shell,body.video-mode .view-transition,body.video-mode .video-stage{min-height:auto;overflow:visible}body.video-mode .video-stage{height:auto}body.video-mode .video-canvas{width:100%;min-height:0}.ribbon-header{flex-direction:column;align-items:flex-start}.ribbon-nav{flex-wrap:wrap;width:100%}.ribbon-nav-link{padding:5px 8px}.landing-callouts{grid-template-columns:1fr}.video-topbar,.video-bottombar{padding-left:12px;padding-right:12px}.video-nav-row{flex-direction:column;align-items:stretch}.video-title-card{order:-1}.thread-bubble{max-width:100%}}.lv-root{font-family:var(--f-body);color:var(--ink);background:#0a0603;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lv-stage{aspect-ratio:9/16;background:radial-gradient(ellipse at 50% 0%, #ffdcaa0f, transparent 60%), linear-gradient(160deg, var(--wood-start), var(--wood-end));isolation:isolate;width:auto;height:min(100vh,177.778vw);position:relative;overflow:hidden;box-shadow:0 0 80px #0009}.lv-scene{opacity:0;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:7% 8%;transition:opacity .6s;display:flex;position:absolute;inset:0}.lv-scene.is-active{opacity:1}.lv-play-overlay{z-index:50;color:var(--paper);cursor:pointer;background:radial-gradient(#1a1108b3,#0a0603f2);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.lv-play-button{background:var(--accent);width:110px;height:110px;color:var(--paper);cursor:pointer;box-shadow:4px 8px 0 var(--accent-press), 0 12px 32px #00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.lv-play-hint{font-family:var(--f-hand);opacity:.8;font-size:20px}.lv-hud{z-index:60;color:#f7f0e3;background:#0009;align-items:center;gap:10px;padding:8px 12px;font-family:monospace;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.lv-hud input[type=range]{accent-color:var(--accent-light);flex:1}.lv-hud button{font:inherit;color:#f7f0e3;cursor:pointer;background:#2c1f0e;border:1px solid #6b5740;border-radius:4px;padding:2px 8px}.lv-intro-vignette{background:radial-gradient(at 50% 58%,#ffc47829,#0000 42%),radial-gradient(at 50% 60%,#0000 30%,#080502c7 78%);position:absolute;inset:0}.lv-closed-book{aspect-ratio:3/4;background:linear-gradient(160deg, var(--accent), var(--accent-press));border-radius:4px 14px 14px 4px;width:58%;animation:4s ease-in-out infinite lv-glow;position:relative;box-shadow:-6px 6px #00000040,10px 22px 60px #0009}.lv-closed-book:before{content:"";background:linear-gradient(90deg,#0006,#0000 70%);width:22px;position:absolute;top:0;bottom:0;left:0}.lv-closed-book .inner{border:1.5px solid #f7f0e359;border-radius:3px;position:absolute;inset:26px 20px}@keyframes lv-glow{0%,to{box-shadow:-6px 6px #00000040,10px 22px 60px #0009,0 0 #ffc88200}50%{box-shadow:-6px 6px #00000040,10px 22px 60px #0009,0 0 60px #ffc88259}}.lv-drop{z-index:30;background:radial-gradient(#fff4e2f5,#f7f0e3e6)}.lv-drop-title{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:clamp(40px,9vw,92px);line-height:.98}.lv-paper{background:var(--paper);text-align:left;border-radius:6px;flex-direction:column;gap:22px;width:100%;height:100%;padding:9% 7%;display:flex;box-shadow:inset 0 0 0 1px #d4c9b0b3}.lv-eyebrow{font-family:var(--f-hand-bold);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(14px,2.6vw,20px)}.lv-title{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:clamp(30px,6.5vw,58px);line-height:1.02}.lv-shelf{gap:18px;margin-top:6px;display:grid}.lv-bookcover{border:1.5px solid var(--paper-shadow);background:var(--paper-warm);border-radius:3px 10px 10px 3px;min-height:150px;display:flex;overflow:hidden;box-shadow:4px 6px 16px #0000002e}.lv-bookcover .spine{background:var(--accent);width:20px}.lv-bookcover.locked{opacity:.5}.lv-bookcover.locked .spine{background:var(--paper-shadow)}.lv-bookcover .body{flex-direction:column;gap:6px;padding:18px 22px;display:flex}.lv-rows{gap:12px;display:grid}.lv-row{border:1.5px solid var(--paper-shadow);background:#ffffff8c;border-radius:8px 3px;align-items:center;gap:16px;min-height:66px;padding:14px 18px;display:flex}.lv-row-num{border:2px solid var(--teal);background:var(--paper);width:44px;height:44px;font-family:var(--f-hand-bold);color:var(--teal);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;transition:background .2s,color .2s,transform .2s;display:flex}.lv-row.done .lv-row-num{background:var(--teal);color:var(--paper);transform:scale(1.06)}.lv-row-name{font-family:var(--f-body);color:var(--ink);font-size:clamp(16px,3.6vw,24px)}.lv-row-type{font-family:var(--f-hand);color:var(--ink-faint);font-size:clamp(13px,2.6vw,17px)}.lv-keys{filter:drop-shadow(0 0 30px #ffc88266);gap:4px;width:70%;height:120px;display:flex}.lv-keys .k{background:var(--paper-warm);border-radius:0 0 6px 6px;flex:1}.lv-keys .k.black{background:var(--ink);z-index:2;border-radius:0 0 4px 4px;flex:0 0 8%;height:62%;margin:0 -4%}.lv-seal{background:var(--teal);width:96px;height:96px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 6px #2c5957,0 12px 26px #00000059}.lv-endcard{gap:22px}.lv-endcard .lv-closed-book{width:42%;animation:none}.lv-cta{font-family:var(--f-heading);color:var(--paper);margin:0;font-size:clamp(28px,6vw,54px)}.lv-url{font-family:var(--f-hand-bold);color:var(--accent-light);letter-spacing:.02em;margin:0;font-size:clamp(18px,3.4vw,28px)}.lv-handle{font-family:var(--f-hand);color:#f7f0e3b3;margin:0;font-size:clamp(14px,2.6vw,20px)}.lv-vshow{background:var(--paper);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:8% 7%;display:flex}.lv-vframe{aspect-ratio:16/9;width:100%;box-shadow:2px 4px 0 var(--paper-dark), 0 16px 34px #0000006b;background:linear-gradient(135deg,#1a1108,#3a2a18);border:1px solid #2a1f12;border-radius:8px 3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lv-vframe video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lv-vframe-type{font-family:var(--f-hand-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);background:#00000073;border-radius:6px;padding:4px 9px;font-size:13px;position:absolute;top:12px;left:14px}.lv-vtitle{font-family:var(--f-heading);color:var(--ink);margin:0;font-size:clamp(28px,6vw,48px)}.lv-vblurb{font-family:var(--f-body);color:var(--ink-light);max-width:92%;margin:0;font-size:clamp(15px,3.4vw,20px);line-height:1.5}.lv-vdots{gap:9px;margin-top:4px;display:flex}.lv-vdots span{background:var(--paper-shadow);border-radius:50%;width:11px;height:11px;transition:background .2s}.lv-vdots span.on{background:var(--accent)}@media (prefers-reduced-motion:reduce){.lv-closed-book{animation:none}}