@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;700&family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#173333;--ink-light:#2c4c4c;--ink-dark:#0e2222;--cream:#faf4e6;--cream-dark:#f0e4cc;--cream-light:#fdfbf7;--gold:#c59b3f;--gold-light:#f5cd5b;--gold-dark:#966f1e;--red:#dc5a45;--red-hover:#c44733;--wood:#6b4324;--wood-dark:#4a2d16;--paper-bg:#fffdf8;--paper:#fffdf8;--border:rgba(23,51,51,.14);--border-light:rgba(23,51,51,.12);--border-parchment:#e2cfab;--shadow-warm:0 16px 36px rgba(23,51,51,.08);--shadow-card:0 4px 20px rgba(23,51,51,.06);--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}img{max-width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;touch-action:manipulation;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}.drm-protection-layer{position:fixed;inset:0;pointer-events:none;z-index:999}.intro{position:fixed;z-index:1000;inset:0;background:#173333;display:grid;place-items:center;padding:20px;transition:opacity .8s ease,visibility .8s ease}.intro--gone{opacity:0;visibility:hidden;pointer-events:none}.scroll-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(320px,85vw);height:min(400px,70vh);color:#633b1f;background:repeating-linear-gradient(0deg,#ead29a 0 16px,#f7e4b5 17px 32px);border:8px solid #9c5d31;border-radius:36px;box-shadow:0 25px 60px rgba(0,0,0,.45);font:900 clamp(24px,7vw,36px)/1.05 Fraunces,serif;text-align:center;padding:20px}.intro-scroll-ornament{font-size:clamp(20px,5vw,28px);color:#9c5d31;margin:8px 0}.intro-scroll-sub{font:600 clamp(11px,3.2vw,14px) Manrope;color:#9c5d31;margin-top:12px;letter-spacing:.1em;text-transform:uppercase}@keyframes unrollScroll{0%{transform:scaleY(.08) scaleX(.4) rotate(-5deg);opacity:0}50%{transform:scaleY(1.08) scaleX(1.02) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}.portal-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,80px);background:var(--cream);border-bottom:1px solid var(--border-light);position:relative;z-index:20;gap:12px}.brand{font-family:DM Mono,monospace;font-size:clamp(15px,4vw,18px);font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.04em;display:flex;flex-direction:column}.brand small{display:block;font-family:Manrope,sans-serif;font-size:clamp(10px,2.5vw,11px);font-weight:600;color:#6a8282;letter-spacing:.01em;margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.admin-link{color:var(--ink);text-decoration:none;font-size:clamp(12px,3vw,14px);font-weight:700;padding:8px 16px;border-radius:100px;border:1px solid var(--border-light);background:#fff;white-space:nowrap;box-shadow:0 2px 6px rgba(23,51,51,.04)}.admin-link:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:clamp(35px,6vw,100px) clamp(16px,4vw,80px);max-width:1280px;margin:0 auto;min-height:480px;gap:30px;position:relative}.hero-copy{flex:1 1;max-width:640px;z-index:2}.eyebrow{font-family:DM Mono,monospace;font-size:clamp(10px,2.8vw,12px);font-weight:700;letter-spacing:.12em;color:var(--red);text-transform:uppercase;margin-bottom:8px}.hero-copy h1{font:900 clamp(32px,6vw,68px)/1.02 Fraunces,serif;margin:10px 0 18px;color:var(--ink)}.hero-copy h1 em{font-style:italic;font-weight:500;color:var(--red)}.hero-desc{font-size:clamp(15px,3.5vw,18px);line-height:1.55;color:#3b5757;margin-bottom:24px}.btn-explore{background:var(--ink);color:#fff;border-radius:100px;padding:clamp(14px,3.5vw,18px) clamp(24px,5vw,36px);font-size:clamp(14px,3.5vw,16px);font-weight:700;box-shadow:0 10px 24px rgba(23,51,51,.18);display:inline-flex;align-items:center;gap:8px}.btn-explore:hover{transform:translateY(-2px);background:var(--red)}.hero-mascot-spot{flex-shrink:0;width:clamp(240px,35vw,320px);position:relative;display:flex;justify-content:center}.mascot-component{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.mascot-bubble{background:#fff;border:2px solid #ecd8af;border-radius:18px;padding:clamp(10px,3vw,16px) clamp(14px,4vw,20px);font-size:clamp(12px,3.2vw,14px);font-weight:600;line-height:1.45;color:var(--ink);box-shadow:0 10px 24px rgba(23,51,51,.1);position:relative;margin-bottom:14px;max-width:min(280px,90vw);text-align:center;transform:rotate(-1.5deg);transition:transform .3s ease}.bubble-pulse{animation:bubblePulse 1.2s ease-in-out infinite alternate}@keyframes bubblePulse{0%{transform:scale(1) rotate(-1.5deg)}to{transform:scale(1.03) rotate(.5deg)}}.bubble-tail{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.mascot-character{position:relative;width:clamp(170px,32vw,220px);height:clamp(200px,38vw,260px);cursor:pointer;outline:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:mascotFloat 3.2s ease-in-out infinite;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mascot-character:hover{transform:translateY(-4px) scale(1.03)}.mascot-bounce{animation:mascotHop .55s ease!important}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}@keyframes mascotHop{0%{transform:scaleY(.82) scaleX(1.18)}35%{transform:translateY(-28px) scaleY(1.16) scaleX(.88)}65%{transform:translateY(-12px) scaleY(.96) scaleX(1.04)}to{transform:translateY(0) scale(1)}}.mascot-floor-shadow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:65%;height:18px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(30,20,10,.28) 0,rgba(30,20,10,.08) 55%,transparent 75%);filter:blur(2px);z-index:1;animation:shadowPulse 3.2s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.8}50%{transform:translateX(-50%) scale(.82);opacity:.45}}.mascot-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 24px rgba(45,25,10,.18))}.mascot-svg .pupil-track{transition:transform .07s cubic-bezier(.2,.8,.4,1);will-change:transform}.mascot-svg .eyelid{transform:scaleY(0);transform-box:fill-box;transform-origin:center top;transition:transform .12s ease-in-out;pointer-events:none}.mascot-svg .eyelid.blink{transform:scaleY(1)}.mascot-svg .brows{transition:transform .25s ease}.mascot-svg .brows-raised{transform:translateY(-4px)}.arm-l{transform-origin:74px 175px;animation:svgArmLBob 3.4s ease-in-out infinite}@keyframes svgArmLBob{0%,to{transform:rotate(0deg)}50%{transform:rotate(-4deg) translateY(-2px)}}.arm-r{transform-origin:167px 175px;animation:svgArmRSway 3.4s ease-in-out infinite}@keyframes svgArmRSway{0%,to{transform:rotate(0deg)}50%{transform:rotate(4deg) translateY(-2px)}}.mascot-svg.is-waving .arm-r{animation:svgArmRWave .72s ease-in-out infinite alternate}@keyframes svgArmRWave{0%{transform:rotate(-9deg)}to{transform:rotate(17deg) translateY(-7px)}}@media (prefers-reduced-motion:reduce){.arm-l,.arm-r,.mascot-svg.is-waving .arm-r{animation:none!important}.mascot-svg .eyelid{transition:none}}.mascot-size-sm .mascot-character{width:clamp(110px,22vw,140px);height:clamp(130px,26vw,165px)}.mascot-size-md .mascot-character{width:clamp(160px,30vw,210px);height:clamp(190px,36vw,250px)}.mascot-size-lg .mascot-character{width:clamp(210px,38vw,270px);height:clamp(250px,44vw,320px)}.mascot-foot{width:16px;height:20px;background:#8e542b;border-radius:10px}.mascot-shadow{position:absolute;bottom:-18px;left:12px;right:12px;height:12px;background:rgba(23,51,51,.12);border-radius:50%;filter:blur(2px)}.shelf-section{background:linear-gradient(180deg,#f7eccf,#ecdcb5);padding:clamp(50px,8vw,90px) clamp(16px,4vw,80px) clamp(60px,9vw,110px);border-top:1px solid var(--border-light)}.shelf-header{text-align:center;max-width:700px;margin:0 auto clamp(30px,5vw,50px)}.shelf-header h2{font:900 clamp(28px,5vw,52px)/1.05 Fraunces,serif;margin:8px 0 0}.shelf-container{max-width:1100px;margin:0 auto}.shelf-wood{background:linear-gradient(180deg,#945d31,#683d1c);border-top:clamp(10px,2vw,16px) solid #b37340;border-bottom:clamp(16px,3vw,24px) solid #4a280f;border-radius:8px 8px 4px 4px;box-shadow:0 25px 50px rgba(0,0,0,.22);padding:clamp(24px,4vw,40px) clamp(16px,3vw,35px) 20px;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,28px);align-items:flex-end;justify-content:center}.book-card{width:clamp(200px,40vw,240px);min-height:clamp(280px,50vw,330px);background:var(--book-accent,#e25d49);color:#fff;border:0;border-radius:6px 16px 4px 4px;box-shadow:8px 6px 0 rgba(0,0,0,.25),inset 10px 0 0 rgba(0,0,0,.15);padding:clamp(16px,3vw,24px) clamp(14px,3vw,20px);display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.book-card:hover{transform:translateY(-16px) scale(1.02) rotate(-1deg);box-shadow:12px 20px 24px rgba(0,0,0,.35),inset 10px 0 0 rgba(0,0,0,.15)}.book-card:active{transform:translateY(-4px) scale(.99)}.book-spine-lines{position:absolute;top:0;bottom:0;left:10px;width:2px;background:hsla(0,0%,100%,.2)}.book-year{font-family:DM Mono,monospace;font-size:clamp(10px,2.5vw,12px);font-weight:700;letter-spacing:.1em;opacity:.85}.book-title{font:800 clamp(20px,4vw,26px)/1.15 Fraunces,serif;margin:12px 0 8px}.book-desc-preview{font-size:clamp(12px,2.8vw,13px);line-height:1.45;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.book-badge{font-family:DM Mono,monospace;font-size:clamp(9px,2.2vw,11px);font-weight:700;background:rgba(0,0,0,.25);border-radius:100px;padding:6px 12px;align-self:flex-start;margin-top:16px}.reader-view{min-height:100vh;background:#edb;padding-bottom:60px}.reader-nav{min-height:64px;background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px clamp(14px,4vw,60px);gap:10px}.btn-back{background:hsla(0,0%,100%,.12);color:#fff;border-radius:100px;padding:8px 16px;font-size:clamp(12px,2.8vw,13px);font-weight:700;white-space:nowrap}.btn-back:hover{background:hsla(0,0%,100%,.24)}.reader-title{font:700 clamp(14px,3.5vw,18px) Fraunces,serif;text-align:center;flex:1 1;min-width:160px}.reader-counter{font-family:DM Mono,monospace;font-size:clamp(11px,2.8vw,13px);color:var(--gold-light);white-space:nowrap}.reader-layout{max-width:1260px;margin:clamp(20px,4vw,40px) auto 0;padding:0 clamp(12px,3vw,20px);display:flex;gap:25px;align-items:flex-start}.reader-content-wrap{flex:1 1;min-width:0;width:100%}.reader-mascot-sidebar{width:280px;position:-webkit-sticky;position:sticky;top:20px;flex-shrink:0}.parchment-page{background:var(--paper-bg);border:1px solid #e0ceaa;border-radius:var(--radius-md);padding:clamp(20px,4vw,60px);box-shadow:0 16px 36px rgba(23,51,51,.1);position:relative;min-height:480px}.parchment-stamp{display:inline-block;border:2px dashed rgba(197,155,63,.6);color:#a47d2c;font-family:DM Mono,monospace;font-size:clamp(9px,2.2vw,11px);font-weight:700;padding:4px 10px;border-radius:4px;margin-bottom:12px;transform:rotate(-1deg)}.page-title{font:900 clamp(24px,5vw,48px)/1.08 Fraunces,serif;margin:6px 0 20px;color:var(--ink);word-break:break-word}.rich-text-content{font-size:clamp(15px,3.2vw,17px);line-height:1.65;color:#344747}.rich-text-content h2,.rich-text-content h3{font:800 clamp(20px,4vw,28px)/1.15 Fraunces,serif;color:var(--ink);margin:20px 0 10px}.rich-text-content p{margin:0 0 14px}.rich-text-content blockquote{border-left:4px solid var(--gold);margin:16px 0;padding:8px 16px;background:#faf5e8;border-radius:0 8px 8px 0;font-style:italic}.rich-text-content ol,.rich-text-content ul{padding-left:24px;margin-bottom:16px}.compare-block{margin:clamp(20px,4vw,35px) 0}.compare-block h3{font:800 clamp(18px,4vw,24px) Fraunces,serif;margin-bottom:10px}.compare-slider{position:relative;height:clamp(220px,45vw,380px);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15);touch-action:pan-y}.compare-layer{position:absolute;inset:0}.compare-layer img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-after{z-index:1}.layer-before{z-index:2;-webkit-clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0);border-right:3px solid #fff}.compare-tag{position:absolute;top:12px;font-family:DM Mono,monospace;font-size:clamp(9px,2.2vw,11px);font-weight:700;padding:5px 10px;border-radius:6px;background:rgba(23,51,51,.85);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4}.tag-before{left:12px}.tag-after{right:12px}.compare-divider{position:absolute;top:0;bottom:0;width:4px;background:#fff;z-index:5;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.divider-handle{width:clamp(34px,8vw,42px);height:clamp(34px,8vw,42px);background:#fff;color:var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;box-shadow:0 4px 14px rgba(0,0,0,.35)}.slider-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:10;cursor:ew-resize;touch-action:pan-y;margin:0;padding:0}.compare-caption{font-size:clamp(12px,2.8vw,14px);font-weight:600;color:#647d7d;margin-top:8px}.collage-block{margin:clamp(20px,4vw,35px) 0}.collage-block h3{font:800 clamp(18px,4vw,24px) Fraunces,serif;margin-bottom:12px}.collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,32vw,240px),1fr));grid-gap:clamp(12px,2.5vw,18px);gap:clamp(12px,2.5vw,18px)}.collage-card{background:#fff6e0;border:1px solid #e2cfab;border-radius:10px;padding:clamp(12px,3vw,18px);box-shadow:0 4px 12px rgba(23,51,51,.05);cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.collage-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(23,51,51,.1);border-color:var(--gold)}.collage-card-img{width:100%;height:140px;object-fit:cover;border-radius:6px;margin-bottom:10px;border:1px solid #e2cfab}.card-badge{font-family:DM Mono,monospace;font-size:clamp(9px,2.2vw,10px);font-weight:700;color:var(--red);text-transform:uppercase;margin-bottom:6px}.card-title{font:700 clamp(15px,3.2vw,18px)/1.2 Fraunces,serif;margin:0 0 4px}.card-year{font-family:DM Mono,monospace;font-size:clamp(11px,2.5vw,12px);color:#8c6827;margin-bottom:8px}.card-desc{font-size:clamp(12px,2.6vw,14px);line-height:1.4;color:#4b6161;margin-bottom:12px}.card-zoom-hint{margin-top:auto;font-size:clamp(11px,2.5vw,12px);font-weight:700;color:var(--ink)}.quiz-intro{font-size:clamp(14px,3.2vw,17px);color:#3b5757;margin-bottom:24px}.quiz-question-box{background:#fff;border:1px solid #e2cfab;border-radius:12px;padding:clamp(16px,3.5vw,24px);margin-bottom:20px;box-shadow:0 4px 15px rgba(23,51,51,.04)}.question-text{font:700 clamp(16px,3.5vw,20px) Fraunces,serif;margin:0 0 16px;color:var(--ink)}.quiz-options-list{display:flex;flex-direction:column;gap:10px}.btn-quiz-option{display:flex;align-items:center;gap:10px;background:#faf7ef;border:1px solid #d4c4a4;border-radius:8px;padding:clamp(10px,2.8vw,14px) clamp(12px,3vw,18px);text-align:left;font-size:clamp(13px,2.8vw,15px);font-weight:600;color:var(--ink);width:100%}.btn-quiz-option:hover{background:#fdf1d4;border-color:var(--gold)}.opt-letter{font-family:DM Mono,monospace;font-weight:700;color:var(--red);font-size:clamp(12px,2.6vw,14px)}.opt-text{flex:1 1}.opt-mark{font-weight:800}.option-correct{background:#e2f5df!important;border-color:#55a864!important;color:#195227!important}.option-wrong{background:#fde5e0!important;border-color:#e06d58!important;color:#7a2818!important}.answer-feedback{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:clamp(12px,2.6vw,14px);font-weight:600}.feedback-success{background:#e7f7e4;color:#1c5e2a}.feedback-hint{background:#fff2d6;color:#8c5b12}.diploma-claim-box{background:linear-gradient(135deg,#fff2cb,#fae2a3);border:2px solid var(--gold);border-radius:14px;padding:clamp(18px,4vw,32px);margin-top:30px;box-shadow:0 12px 30px rgba(197,155,63,.2)}.diploma-claim-header{padding-right:104px}.diploma-claim-header h2{display:flex;align-items:center;gap:10px;font:900 clamp(20px,4vw,28px) Fraunces,serif;margin:0 0 6px;color:var(--ink)}.diploma-form label{display:block;font-weight:700;font-size:clamp(13px,2.8vw,15px);margin-bottom:8px;color:var(--ink)}.input-group{display:flex;flex-wrap:wrap;gap:10px}.input-group input{flex:1 1;min-width:220px;padding:12px 16px;border:1px solid #cbb27a;background:#fff}.btn-download-diploma,.input-group input{border-radius:8px;font-size:clamp(14px,3vw,16px)}.btn-download-diploma{background:var(--red);color:#fff;padding:12px 24px;font-weight:700;box-shadow:0 6px 16px rgba(220,90,69,.25);white-space:nowrap}.btn-download-diploma:hover:not(:disabled){background:var(--red-hover)}.btn-download-diploma:disabled{opacity:.5;cursor:not-allowed}.cert-success-msg{color:#195227;font-weight:700;margin-top:12px;font-size:clamp(12px,2.6vw,14px)}.reader-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:10px;flex-wrap:wrap}.btn-pag-next,.btn-pag-prev{background:var(--ink);color:#fff;border-radius:100px;padding:10px 20px;font-size:clamp(12px,2.8vw,14px);font-weight:700;white-space:nowrap}.btn-pag-next:disabled,.btn-pag-prev:disabled{opacity:.3;cursor:not-allowed}.pag-indicator{display:flex;gap:8px;align-items:center}.pag-dot{width:10px;height:10px;background:#cbb48b;transition:all .2s}.dot-active{background:var(--red);transform:scale(1.3)}.zoom-modal-overlay{position:fixed;inset:0;background:rgba(23,51,51,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:500;display:grid;place-items:center;padding:16px}.zoom-modal-card{background:var(--paper-bg);border:2px solid var(--gold);border-radius:16px;padding:clamp(20px,4vw,36px);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.4)}.btn-modal-close{position:absolute;top:16px;right:16px;font-size:20px;color:var(--ink);padding:4px}.modal-badge{font-family:DM Mono,monospace;font-size:11px;font-weight:700;color:var(--red)}.zoom-modal-card h2{font:800 clamp(20px,4vw,28px) Fraunces,serif;margin:6px 0}.modal-year{font-family:DM Mono,monospace;font-size:13px;color:#8c6827;display:block;margin-bottom:16px}.modal-document-preview{background:#f7edd7;border:1px dashed #d1b882;border-radius:8px;padding:18px;position:relative;margin-bottom:20px;font-size:14px;line-height:1.5}.doc-watermark{font-family:DM Mono,monospace;font-size:10px;font-weight:700;color:rgba(140,104,39,.3);letter-spacing:.2em;margin-bottom:8px}.btn-modal-back{background:var(--ink);color:#fff;border-radius:100px;padding:12px 24px;font-weight:700;width:100%}.admin-loading-screen{text-align:center;padding-top:25vh;font:700 18px Fraunces,serif;color:var(--ink)}.spinner{width:44px;height:44px;border:4px solid rgba(23,51,51,.15);border-top:4px solid var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.admin-login-layout{min-height:100vh;background:linear-gradient(135deg,#f7efe1,#eaddc4);display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-card{background:#fff;border:1px solid var(--border-parchment);border-radius:18px;padding:clamp(24px,5vw,42px);max-width:420px;width:100%;box-shadow:0 16px 40px rgba(23,51,51,.08);text-align:center}.login-logo-seal{width:56px;height:56px;background:#fbf7ee;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}.admin-login-card h1{font:800 clamp(24px,5vw,32px) Fraunces,serif;margin:0 0 6px;color:var(--ink)}.login-sub{font-size:13px;color:#6a8282;margin:0 0 20px}.login-error-alert{background:#fde5e0;color:#a32a18;padding:10px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:16px;text-align:left}.login-form label{display:flex;flex-direction:column;text-align:left;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:14px}.login-form input{margin-top:6px;padding:11px 14px;border:1px solid #d4c4a4;border-radius:8px;font-size:15px;background:#faf7ef}.login-form input:focus{outline:none;border-color:var(--gold);background:#fff}.btn-login-submit{width:100%;background:var(--ink);color:#fff;border-radius:8px;padding:12px;font-size:15px;font-weight:700;margin-top:8px}.btn-login-submit:hover{background:#254d4d}.login-footer-info{margin-top:18px;font-size:11px;color:#8c7a6b}.admin-cms-layout{display:flex;min-height:100vh;background:#f5eedf}.admin-sidebar{width:260px;background:#173333;color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.brand-icon{font-size:26px}.sidebar-brand h3{font:800 16px Fraunces,serif;margin:0;color:#faf4e6}.sidebar-brand small{color:#8fa8a8;font-size:11px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1 1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:#c9dbdb;font-weight:600;font-size:14px;text-align:left;width:100%}.nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-item.active{background:#c59b3f;color:#173333;font-weight:800}.nav-icon{font-size:16px}.sidebar-footer{padding:16px;border-top:1px solid hsla(0,0%,100%,.1);justify-content:space-between}.sidebar-footer,.user-profile-badge{display:flex;align-items:center;gap:10px}.user-profile-badge{min-width:0}.avatar-circle{width:34px;height:34px;background:#c59b3f;color:#173333;font-weight:800;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.profile-info{display:flex;flex-direction:column;min-width:0}.profile-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info small{font-size:11px;color:#8fa8a8}.btn-logout{padding:6px 10px;background:hsla(0,0%,100%,.1);border-radius:6px;font-size:16px;color:#fff}.admin-main-viewport{flex:1 1;min-width:0;display:flex;flex-direction:column}.admin-topbar{min-height:56px;background:#fff;border-bottom:1px solid #e2cfab;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;gap:12px}.btn-portal-view{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fbf7ee;border:1px solid #e0ceaa;border-radius:6px}.topbar-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4b6666}.status-indicator{width:8px;height:8px;border-radius:50%;background:#38a169;box-shadow:0 0 6px #38a169}.admin-workspace-content{padding:clamp(16px,3vw,32px);max-width:1360px;width:100%}.admin-toast{position:fixed;top:16px;right:16px;z-index:2000;background:#255c32;color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.2);animation:slideInToast .3s ease}@keyframes slideInToast{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;gap:14px}.panel-header h2{font:800 clamp(20px,4vw,28px) Fraunces,serif;margin:0 0 4px;color:var(--ink)}.panel-header p{color:#6a8282;margin:0;font-size:14px}.btn-create-primary{background:#8b3a1a;color:#fff;padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 4px 12px rgba(139,58,26,.2)}.btn-create-primary:hover{background:#732f14}.admin-form-box{background:#fff;border:1px solid #e0ceaa;border-radius:12px;padding:clamp(16px,3vw,24px);margin-bottom:24px;box-shadow:var(--shadow-card)}.admin-form-box h3,.admin-form-box h4{font:800 clamp(16px,3.2vw,20px) Fraunces,serif;margin:0 0 16px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.full-width{grid-column:1/-1}.admin-form-box label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--ink)}.admin-form-box input,.admin-form-box select,.admin-form-box textarea{margin-top:5px;padding:10px 12px;border:1px solid #d4c4a4;border-radius:6px;font-size:14px;background:#faf7ef}.admin-form-box input:focus,.admin-form-box select:focus,.admin-form-box textarea:focus{outline:none;border-color:var(--gold);background:#fff}.btn-save{background:#255c32;color:#fff;border-radius:6px;padding:10px 20px;font-weight:700;font-size:14px}.btn-cancel{background:#eee;border-radius:6px;padding:10px 16px;margin-right:10px;font-weight:600}.exhibitions-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:20px;gap:20px}.exhibition-admin-card{background:#fff;border:1px solid #e0ceaa;border-radius:12px;overflow:hidden;display:flex;box-shadow:var(--shadow-card)}.exhibition-card-spine{width:44px;background:#8b3a1a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exhibition-card-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:DM Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em}.exhibition-card-body{padding:18px;flex:1 1;display:flex;flex-direction:column}.exhibition-card-body h4{font:800 18px Fraunces,serif;margin:0 0 4px}.slug-tag{font-family:DM Mono,monospace;font-size:11px;color:#8c6827;margin:0 0 8px}.desc-preview{font-size:13px;color:#5b7373;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.card-stats{display:flex;justify-content:space-between;font-size:12px;color:#6a8282;font-weight:600;margin-top:auto;padding-top:10px;border-top:1px solid #f0e6d6}.card-btn-row{display:flex;gap:8px;margin-top:12px}.btn-edit{flex:1 1;background:var(--ink);color:#fff;border-radius:6px;padding:8px;font-size:13px;font-weight:700}.btn-delete{background:#fde5e0;border-radius:6px;padding:8px 12px;font-size:14px}.editor-top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.editor-top-actions h3{font:800 clamp(18px,3.5vw,24px) Fraunces,serif;margin:0;flex:1 1}.badge-published{background:#e2f5df;color:#1c5e2a;font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;flex-wrap:wrap;gap:12px}.btn-add-page{background:var(--ink);color:#fff;border-radius:8px;padding:10px 18px;font-weight:700;font-size:14px;box-shadow:0 3px 8px rgba(23,51,51,.2);transition:all .2s ease}.btn-add-page:hover{background:#254d4d;transform:translateY(-1px)}.page-box{background:#fff;border:1px solid #dfd1b8;border-radius:14px;padding:clamp(16px,3vw,24px);margin-bottom:24px;box-shadow:var(--shadow-card)}.page-box-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f2ead9;padding-bottom:12px;margin-bottom:18px}.page-box-header h4{font:800 20px Fraunces,serif;margin:0;color:var(--ink)}.btn-delete-sm{background:#ffeaeb;color:#c92a2a;border:1px solid #fcc2c3;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-delete-sm:hover{background:#ffd8d9}.page-mascot-card{background:linear-gradient(135deg,#fdf8ed,#f7edd7);border:1px solid #e2cfab;border-left:4px solid #c59b3f;border-radius:10px;padding:16px 18px;margin-bottom:20px;box-shadow:0 2px 8px rgba(197,155,63,.08)}.page-mascot-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed #dfceaa}.mascot-badge-icon{font-size:24px;line-height:1}.page-mascot-card-header strong{display:block;font:700 15px Fraunces,serif;color:#2b231a}.page-mascot-card-header small{display:block;font-size:12px;color:#7d6a54}.mascot-textarea-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#2b231a;margin-bottom:14px}.mascot-speech-textarea{width:100%;min-height:80px;resize:vertical;padding:10px 14px;border:1px solid #d4c4a4;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;color:#2b231a;background:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.04);transition:border-color .2s ease}.mascot-speech-textarea:focus{outline:none;border-color:#c59b3f;box-shadow:0 0 0 3px rgba(197,155,63,.15)}.page-mascot-audio-box{background:hsla(0,0%,100%,.6);border:1px solid #e5d8be;border-radius:8px;padding:12px}.page-mascot-audio-box>label{display:block;font-size:13px;font-weight:700;color:#2b231a;margin-bottom:6px}.blocks-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 14px;flex-wrap:wrap;gap:12px;padding:10px 14px;background:#fbf7ee;border:1px solid #e8dcbf;border-radius:10px}.blocks-header h5{margin:0;font:700 15px Fraunces,serif;color:var(--ink)}.add-block-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-add-b{background:#fff;border:1px solid #d4c4a4;color:#4b3d2c;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.btn-add-b:hover{background:#f4ede1;border-color:#c59b3f;color:#173333}.block-editor-card{background:#faf7ef;border:1px solid #dfd1b8;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px rgba(0,0,0,.02)}.block-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #eae0cb}.block-type-badge{font-family:DM Mono,monospace;font-size:12px;font-weight:700;color:var(--ink)}.btn-del-block{background:#ffeaeb;color:#c92a2a;border:1px solid #fcc2c3;font-weight:800;font-size:13px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-del-block:hover{background:#ffd8d9}.input-with-upload-btn{display:flex;gap:8px;align-items:center;width:100%;margin-top:6px}.input-with-upload-btn input{flex:1 1;min-width:0;width:100%;margin-top:0!important}.input-with-upload-btn .btn-upload-file-label{flex-shrink:0;margin:0}.slider-editor-container{display:flex;flex-direction:column;gap:14px}.slider-titles-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-gap:14px;gap:14px}.slider-images-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:16px;gap:16px}.ckeditor-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.ck-editor__editable_inline{min-height:140px;font-family:inherit;font-size:15px;line-height:1.6;color:#2b231a!important;background:#fdfbf7!important;padding:12px 16px!important}.ck-toolbar{background:#f5eedf!important;border-color:#dfd1b8!important;flex-wrap:wrap!important}.btn-upload-file-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;background:#ede3cb;border:1px solid #d5c39f;color:#5c472c;font-size:13px;font-weight:700;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-upload-file-label:hover{background:#dfd1b3;color:#3b2c17}.image-upload-field-card{background:#fff;border:1px solid #e2d5bd;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 4px rgba(0,0,0,.03)}.image-upload-field-card strong{font-size:13px;color:#2b231a}.img-preview-thumb{width:100%;height:120px;border-radius:6px;overflow:hidden;background:#f2ead9;border:1px dashed #d5c7ab;display:flex;align-items:center;justify-content:center;color:#8c7a6b;font-size:12px}.img-preview-thumb img{width:100%;height:100%;object-fit:cover}.collage-items-editor{background:#fdfaf2;border:1px solid #e5d8be;border-radius:10px;padding:16px;margin-top:14px}.collage-items-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.btn-add-collage-item{background:#8b3a1a;color:#fff;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-add-collage-item:hover{background:#732f14}.collage-items-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:10px}.collage-item-edit-card{background:#fff;border:1px solid #dfd2b9;border-radius:10px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:8px;min-width:0}.collage-item-edit-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0e6d6;padding-bottom:8px}.collage-thumb-preview{width:100%;height:100px;border-radius:6px;overflow:hidden;background:#f2ead9;border:1px dashed #d5c7ab;display:flex;align-items:center;justify-content:center;color:#8c7a6b;font-size:12px}.collage-thumb-preview img{width:100%;height:100%;object-fit:cover}.collage-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:6px}.collage-fields-grid input,.collage-fields-grid label,.collage-fields-grid textarea{min-width:0;width:100%;box-sizing:border-box}.collage-fields-grid .full-col{grid-column:1/-1}.btn-del-sm-item{background:#ffeaeb;color:#c92a2a;border:1px solid #fcc2c3;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer}.file-manager-folders-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.folder-tab-btn{background:#f5edd9;border:1px solid #dcc9a3;color:#5a452a;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;transition:all .2s ease}.folder-tab-btn.active,.folder-tab-btn:hover{background:#8b3a1a;color:#fff;border-color:#8b3a1a}.file-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-gap:16px;gap:16px}.file-card{background:#fff;border:1px solid #e3d6bc;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.04);display:flex;flex-direction:column}.file-card-preview{height:130px;background:#f7f1e4;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.file-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.file-card-preview:hover img{transform:scale(1.05)}.audio-card-thumb,.doc-card-thumb{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8c734b;font-size:32px}.file-card-info{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1 1}.file-card-info h5{margin:0;font-size:13px;font-weight:700;color:#2b231a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;justify-content:space-between;font-size:11px;color:#8c7a6b;font-family:DM Mono,monospace}.file-card-actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #f2eadb}.btn-file-act{flex:1 1;background:#f5edd9;border:1px solid #e1d3b9;border-radius:6px;padding:6px 0;font-size:13px;display:grid;place-items:center}.btn-file-act:hover{background:#eadebe}.btn-file-del:hover{background:#ffe3e3;border-color:#fcc2c3}.empty-files-box{text-align:center;padding:50px 20px;background:#fff;border:2px dashed #ded0b7;border-radius:16px;color:#7a6854}.file-preview-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.file-preview-modal-content{background:#fefdf9;border-radius:16px;max-width:680px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8dcbf}.preview-header h4{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-body{padding:16px;overflow-y:auto;display:flex;align-items:center;justify-content:center;min-height:180px;background:#f7f2e6}.preview-full-img{max-width:100%;max-height:60vh;border-radius:8px}.preview-audio-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.audio-icon-huge{font-size:56px}.audio-player-modal{width:100%}.preview-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid #e8dcbf;background:#faf6ec;gap:10px}.preview-actions{display:flex;gap:8px}.btn-copy-url{background:#2b231a;color:#fff;padding:8px 14px;border-radius:6px}.btn-copy-url,.btn-del-file{font-size:13px;font-weight:700}.btn-del-file{background:#ffeaeb;color:#c92a2a;border:1px solid #fcc2c3;padding:8px 12px;border-radius:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fff;border-radius:16px;max-width:540px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.25);border:1px solid #e2cfab}.modal-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0e4cc}.modal-card-header h3{margin:0;font:800 20px Fraunces,serif}.modal-form{padding:20px;gap:14px}.modal-form,.modal-form label{display:flex;flex-direction:column}.modal-form label{font-size:13px;font-weight:700}.modal-form input,.modal-form textarea{margin-top:5px;padding:10px 12px;border:1px solid #d4c4a4;border-radius:6px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.table-wrapper{background:#fff;border:1px solid #dfd1b8;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-card);margin-top:16px}.admin-table{width:100%;min-width:600px;border-collapse:collapse;text-align:left;font-size:14px}.admin-table th{background:#faf7ef;padding:12px 16px;border-bottom:1px solid #dfd1b8;font-family:DM Mono,monospace;font-size:11px;font-weight:700;color:#715838}.admin-table td{padding:12px 16px;border-bottom:1px solid #f0e6d6}.role-tag{font-weight:700;padding:3px 8px;border-radius:100px;background:#f5eedf;color:#855e1a}.mood-tag,.role-tag{font-family:DM Mono,monospace;font-size:11px}.mood-tag{background:#fdf1d4;padding:2px 6px;border-radius:4px}@media (max-width:900px){.hero-section{flex-direction:column;text-align:center;padding-top:30px;gap:20px}.hero-copy{max-width:100%}.hero-mascot-spot{width:100%}.reader-layout{flex-direction:column;gap:20px}.reader-mascot-sidebar{width:100%;position:static;order:-1}.admin-cms-layout,.admin-sidebar{flex-direction:column}.admin-sidebar{width:100%}.sidebar-brand{padding:12px 16px}.sidebar-nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 12px;gap:6px}.nav-item{white-space:nowrap;padding:8px 12px;font-size:13px}.sidebar-footer{display:none}.admin-workspace-content{padding:16px 12px}}@media (max-width:600px){.portal-header{flex-direction:column;align-items:flex-start;padding:12px 16px;min-height:auto}.header-actions{width:100%;display:flex;align-items:center;gap:10px}.admin-link{flex:1 1;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px}.reader-nav{flex-direction:column;align-items:stretch;text-align:center;gap:8px}.reader-title{order:-1}.parchment-page{padding:18px 12px;border-radius:8px}.input-group{flex-direction:column}.btn-download-diploma,.input-group input{width:100%}.reader-pagination{flex-direction:column;gap:14px}.btn-pag-next,.btn-pag-prev{width:100%;text-align:center}.pag-indicator{order:-1}.card-btn-row{flex-direction:column}}.stats-dashboard-container{display:flex;flex-direction:column;gap:24px}.stats-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.stat-kpi-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 3px 8px rgba(0,0,0,.03);display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}.stat-kpi-icon{font-size:32px;line-height:1;background:var(--paper);padding:12px;border-radius:10px;border:1px solid var(--border)}.stat-kpi-content{display:flex;flex-direction:column}.stat-kpi-number{font-family:Fraunces,serif;font-size:28px;font-weight:800;color:var(--ink);line-height:1.1}.stat-kpi-label{font-size:13px;font-weight:700;color:#6b5c4c;margin-top:2px}.stat-kpi-sub{font-size:11px;color:#8c7a6b;margin-top:2px}.stat-bar-container{display:flex;align-items:center;gap:8px;width:100%}.stat-progress-bar-bg{flex:1 1;height:8px;background:#eae2cf;border-radius:4px;overflow:hidden}.stat-progress-bar-fill{height:100%;background:linear-gradient(90deg,#c59b3f,#2b6161);border-radius:4px}.stat-rate-badge{font-weight:800;font-size:13px;color:#173333;padding:2px 8px;background:#f4ede1;border-radius:6px;border:1px solid #dcd1be}.script-actions-cell{display:flex;gap:6px;align-items:center}.btn-edit-sm-item{background:#f0f7f7;color:#1b4b4b;border:1px solid #c2dede;border-radius:6px;font-weight:700;font-size:12px;padding:6px 10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-edit-sm-item:hover{background:#d8eded;border-color:#1b4b4b}.btn-del-cert{background:#fff0f0;color:#b82c2c;border:1px solid #f9caca;border-radius:6px;font-weight:700;font-size:12px;padding:6px 10px;cursor:pointer;transition:all .2s ease}.btn-del-cert:hover{background:#ffe0e0;border-color:#b82c2c}.intro-phase-scroll .scroll-intro{animation:unrollScroll 1.4s ease-in-out both,introSway 2.8s ease-in-out 1.4s infinite}@keyframes introSway{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-1.4deg) translateY(-7px)}}.scroll-intro.roll-up{animation:scrollCurlAway .62s cubic-bezier(.55,.06,.68,.19) forwards;transform-origin:top center;will-change:transform,opacity}@keyframes scrollCurlAway{0%{transform:perspective(1100px) rotateX(0deg) translateY(0);opacity:1}30%{transform:perspective(1100px) rotateX(24deg) translateY(-6px);opacity:1}70%{transform:perspective(1100px) rotateX(70deg) translateY(-28px) scale(.96);opacity:.9}to{transform:perspective(1100px) rotateX(96deg) translateY(-46px) scale(.92);opacity:0}}.intro-mascot{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:8vh;pointer-events:none}.intro-mascot .mascot-component{pointer-events:auto}.mascot-pop-in{animation:mascotPopIn .72s cubic-bezier(.34,1.56,.64,1) .54s both}@keyframes mascotPopIn{0%{transform:translateY(66px) scale(.42);opacity:0}55%{transform:translateY(-12px) scale(1.08);opacity:1}80%{transform:translateY(4px) scale(.985);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.intro-skip{position:absolute;bottom:22px;right:26px;z-index:1001;color:hsla(42,67%,94%,.78);font:600 12px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:8px 16px;border:1px solid hsla(42,67%,94%,.28);border-radius:100px;background:hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.intro-skip:hover{color:#fff;background:hsla(0,0%,100%,.16)}.book-launching{transform:translateY(-26px) scale(1.08) rotate(-1.5deg)!important;box-shadow:18px 34px 48px rgba(0,0,0,.45),inset 10px 0 0 rgba(0,0,0,.15)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;z-index:6}.reader-view{animation:readerFadeIn .4s ease both}@keyframes readerFadeIn{0%{opacity:0}to{opacity:1}}.reader-stage{position:relative}.parchment-page.page-enter{animation:pageIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.parchment-page.page-enter.enter-next{animation-name:pageInNext}@keyframes pageInNext{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}.parchment-page.page-enter.enter-prev{animation-name:pageInPrev}@keyframes pageInPrev{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}.page-ghost{position:absolute;top:0;left:0;right:0;min-height:min(480px,70vh);z-index:6;pointer-events:none;will-change:transform,opacity;border-radius:var(--radius-md) var(--radius-lg) var(--radius-md) var(--radius-lg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.36 0 0 0 0 0.20 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(135% 105% at 50% 0,#fffdf8 60%,#f9efd9 86%,#f1e2c2 100%);box-shadow:inset 0 0 90px rgba(160,124,58,.09),inset 0 -46px 90px rgba(150,111,30,.07),0 16px 36px rgba(23,51,51,.14)}.ghost-next{animation:ghostAwayNext .85s cubic-bezier(.33,1,.68,1) forwards}.ghost-prev{animation:ghostAwayPrev .85s cubic-bezier(.33,1,.68,1) forwards}@keyframes ghostAwayNext{0%{opacity:.96;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(-58px) rotate(-2.5deg)}}@keyframes ghostAwayPrev{0%{opacity:.96;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(58px) rotate(2.5deg)}}.parchment-skeleton{position:relative;overflow:hidden;background:var(--paper-bg);border:1px solid #e0ceaa;border-radius:var(--radius-md);padding:clamp(20px,4vw,60px);min-height:480px;box-shadow:0 16px 36px rgba(23,51,51,.08)}.parchment-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,hsla(0,0%,100%,.9) 50%,transparent 75%);transform:translateX(-100%);animation:skelShimmer 1.5s infinite}@keyframes skelShimmer{to{transform:translateX(100%)}}.skel-bar{height:16px;border-radius:8px;background:#efe6d2;margin-bottom:16px}.skel-bar.w-60{width:60%}.skel-bar.w-40{width:40%}.skel-bar.w-80{width:80%}.skel-block{height:clamp(180px,30vw,260px);border-radius:10px;background:#f3ecda;margin:22px 0}.parchment-page{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.36 0 0 0 0 0.20 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(135% 105% at 50% 0,#fffdf8 60%,#f9efd9 86%,#f1e2c2 100%);box-shadow:inset 0 0 90px rgba(160,124,58,.09),inset 0 -46px 90px rgba(150,111,30,.07),0 16px 36px rgba(23,51,51,.1);border-radius:var(--radius-md) var(--radius-lg) var(--radius-md) var(--radius-lg)}.shelf-wood{position:relative;background:repeating-linear-gradient(92deg,rgba(0,0,0,.07) 0 2px,transparent 2px 13px),repeating-linear-gradient(89deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 27px),linear-gradient(180deg,#9a6234,#6b3f1d)}.shelf-wood:after,.shelf-wood:before{content:"";position:absolute;top:-14px;bottom:-22px;width:14px;border-radius:3px;background:linear-gradient(180deg,#7c4b22,#3c2008);box-shadow:inset 0 0 8px rgba(0,0,0,.5),0 12px 26px rgba(0,0,0,.3)}.shelf-wood:before{left:-7px}.shelf-wood:after{right:-7px}.hero-section:before{content:"";position:absolute;inset:-12px -24px;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 84% 14%,transparent 52px,rgba(197,155,63,.05) 53px 56px,transparent 57px),radial-gradient(circle at 84% 14%,transparent 68px,rgba(220,90,69,.04) 69px 71px,transparent 72px),radial-gradient(circle at 8% 88%,transparent 44px,rgba(23,51,51,.035) 45px 47px,transparent 48px),repeating-linear-gradient(0deg,rgba(23,51,51,.03) 0 1px,transparent 1px 26px);-webkit-mask-image:radial-gradient(85% 85% at 50% 40%,#000 35%,transparent 100%);mask-image:radial-gradient(85% 85% at 50% 40%,#000 35%,transparent 100%)}.hero-section>*{position:relative;z-index:1}.shelf-wood .book-card:nth-child(odd){transform:rotate(-.7deg)}.shelf-wood .book-card:nth-child(2n){transform:rotate(.5deg)}.shelf-wood .book-card:nth-child(2){min-height:clamp(296px,53vw,350px);transform:rotate(.6deg) translateY(-4px)}.shelf-wood .book-card:nth-child(3){transform-origin:bottom left;transform:rotate(3.2deg) translateX(2px)}.shelf-wood .book-card:nth-child(3):hover{transform-origin:bottom left}.shelf-wood .book-card:nth-child(5){transform:rotate(-1.1deg) translateY(-8px);min-height:clamp(300px,54vw,356px)}.book-card:before{content:"";position:absolute;inset:9px 11px 9px 20px;border:1px solid rgba(245,205,91,.5);outline:1px solid rgba(245,205,91,.22);outline-offset:3px;border-radius:4px;pointer-events:none;z-index:0}.book-spine-lines{top:8px;bottom:8px;left:7px;width:8px;border-radius:4px;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.3) 0 2px,transparent 2px 9px);opacity:.85}.book-title{text-shadow:0 1px 0 rgba(0,0,0,.32),0 -1px 1px hsla(0,0%,100%,.12)}.book-cover-img{background-size:cover;background-position:50%}.book-cover-img,.book-cover-scrim{position:absolute;inset:0;z-index:0}.book-cover-scrim{background:linear-gradient(180deg,rgba(10,20,20,.2),rgba(10,20,20,.72))}.book-card>div,.book-card>span,.book-card>strong{position:relative;z-index:2}.book-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,244,214,.4) 50%,transparent 68%);transform:translateX(-130%) skewX(-8deg);transition:transform .8s ease;pointer-events:none;z-index:3}.book-card:hover:after{transform:translateX(130%) skewX(-8deg)}.diploma-claim-box{position:relative}.diploma-seal-wrap{position:absolute;top:-30px;right:clamp(16px,4vw,40px);width:104px;height:118px;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(139,26,10,.35));z-index:5}.diploma-ribbon{position:absolute;top:36px;width:22px;height:76px;background:linear-gradient(180deg,#c44733,#a33322 70%,#8d2a1b);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}.diploma-ribbon.r-left{left:18px;transform:rotate(13deg)}.diploma-ribbon.r-right{right:18px;transform:rotate(-13deg)}.diploma-seal{position:absolute;top:0;left:50%;margin-left:-42px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ef8a72 0,#dc5a45 38%,#b93f2b 72%,#93301f 100%);box-shadow:inset 0 0 0 6px rgba(147,48,31,.55),inset 0 0 0 9px rgba(255,190,170,.28),inset -6px -10px 18px rgba(90,20,8,.5);display:grid;place-items:center;color:#ffe9df;font:900 36px Fraunces,serif;text-shadow:0 2px 3px rgba(90,20,8,.6);transform:rotate(-8deg)}.diploma-seal.seal-stamped{animation:sealStamp .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes sealStamp{0%{transform:scale(1.9) rotate(-16deg);opacity:0}60%{transform:scale(.94) rotate(-7deg);opacity:1}to{transform:scale(1) rotate(-8deg);opacity:1}}.confetti-burst{position:absolute;left:var(--cx,50%);top:var(--cy,50%);width:0;height:0;pointer-events:none;z-index:60}.confetti-shard{position:absolute;left:0;top:0;width:8px;height:12px;border-radius:2px;background:var(--cc,#dc5a45);opacity:0;animation:confettiFly .95s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--cd,0ms)}@keyframes confettiFly{0%{transform:translate(0) rotate(0deg);opacity:1}70%{opacity:1}to{transform:translate(var(--tx,0),var(--ty,-80px)) rotate(var(--rr,1turn));opacity:0}}.carousel-block h3{font:800 clamp(18px,4vw,24px) Fraunces,serif;margin-bottom:12px}.carousel-wrap{position:relative;margin-top:14px}.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 16px;scrollbar-width:none;touch-action:pan-x}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:start;flex:0 0 min(240px,72vw);background:#fff6e0;border:1px solid #e2cfab;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(23,51,51,.07)}.carousel-img{width:100%;height:152px;object-fit:cover;display:block;background:#efe6d2}.carousel-cap{padding:10px 12px 13px;font-size:13px;font-weight:600;color:#4b6161;line-height:1.4}.carousel-cap strong{display:block;font:700 15px Fraunces,serif;color:var(--ink);margin-bottom:2px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(23,51,51,.28)}.carousel-arrow:hover:not(:disabled){background:var(--red)}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.carousel-arrow.arrow-prev{left:-8px}.carousel-arrow.arrow-next{right:-8px}.carousel-fade{position:absolute;top:0;bottom:14px;width:36px;pointer-events:none;z-index:2}.carousel-fade.fade-left{left:0;background:linear-gradient(90deg,var(--paper-bg) 10%,transparent)}.carousel-fade.fade-right{right:0;background:linear-gradient(270deg,var(--paper-bg) 10%,transparent)}.image-figure{margin:clamp(18px,4vw,28px) 0;background:#fffaf0;border:1px solid #e2cfab;padding:10px;border-radius:8px;box-shadow:0 6px 18px rgba(23,51,51,.08);position:relative}.image-figure:after,.image-figure:before{content:"";position:absolute;width:18px;height:18px;border-color:var(--gold);border-style:solid;pointer-events:none}.image-figure:before{top:-4px;left:-4px;border-width:2px 0 0 2px;border-top-left-radius:6px}.image-figure:after{bottom:-4px;right:-4px;border-width:0 2px 2px 0;border-bottom-right-radius:6px}.image-figure img{width:100%;display:block;border-radius:4px;max-height:420px;object-fit:cover;background:#efe6d2}.image-caption{font:700 12px DM Mono,monospace;letter-spacing:.07em;color:#8c6827;padding:9px 4px 2px;text-transform:uppercase;text-align:center}.video-frame{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;border:1px solid #e2cfab;box-shadow:0 8px 22px rgba(23,51,51,.12);margin:clamp(18px,4vw,28px) 0;background:#10201f}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.video-link-fallback{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--red);text-decoration:underline}.btn-sound-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:0 2px 6px rgba(23,51,51,.06);flex-shrink:0}.btn-sound-toggle:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.divider-handle{transition:transform .15s ease}.divider-handle svg{width:20px;height:20px}.compare-slider.is-dragging .compare-tag{opacity:.25}.compare-slider.is-dragging .divider-handle{transform:scale(1.08)}.compare-tag{transition:opacity .2s ease}.modal-doc-img{width:100%;max-height:52vh;object-fit:contain;border-radius:6px;display:block}@media (prefers-reduced-motion:reduce){.bubble-pulse,.capWobble,.diploma-seal.seal-stamped,.intro-phase-scroll .scroll-intro,.m-part-arm-l,.m-part-arm-r,.mascot-character,.mascot-floor-shadow,.mascot-pop-in,.parchment-page.page-cover-open,.parchment-page.turn-next,.parchment-page.turn-prev,.parchment-skeleton:after,.puppet-accessory-cap,.quillSway,.reader-view,.scroll-intro.roll-up{animation:none!important}.book-card:after,.confetti-shard{display:none}.shelf-wood .book-card:nth-child(n){transform:none}html{scroll-behavior:auto}}.answer-feedback span,.book-badge,.btn-download-diploma,.card-zoom-hint,.cert-success-msg,.compare-caption,.diploma-claim-header h2,.video-link-fallback{display:inline-flex;align-items:center;gap:6px}.answer-feedback svg,.cert-success-msg svg,.compare-caption svg{flex-shrink:0}.btn-back,.btn-pag-next,.btn-pag-prev{display:inline-flex;align-items:center;gap:7px;justify-content:center}.intro-scroll-ornament,.opt-mark{display:inline-flex}.opt-mark{align-items:center;color:#2b7a3e}.btn-modal-close{display:grid;place-items:center}.home-view{background:linear-gradient(180deg,#fdf7e6,#fceed3 55%,#f8e5be)}.hero-section{background:transparent}.cloud{z-index:0;pointer-events:none;opacity:.75;filter:drop-shadow(0 6px 12px rgba(23,51,51,.05))}.cloud,.cloud:after,.cloud:before{position:absolute;background:#fff;border-radius:50%}.cloud:after,.cloud:before{content:""}.cloud:before{width:55%;height:160%;left:18%;top:-80%}.cloud:after{width:38%;height:120%;right:12%;top:-45%}.cloud.c1{width:120px;height:42px;top:64px;left:50%;animation:cloudDrift 46s ease-in-out infinite alternate}.cloud.c2{width:88px;height:32px;top:176px;left:7%;opacity:.6;animation-duration:58s;animation-delay:-12s}.cloud.c3{width:150px;height:48px;top:34px;right:5%;opacity:.55;animation-duration:72s;animation-delay:-30s}@keyframes cloudDrift{0%{transform:translateX(0)}to{transform:translateX(56px)}}.hero-copy h1 em{display:inline-block;background:linear-gradient(180deg,transparent 58%,rgba(245,205,91,.55) 0);border-radius:8px;padding:0 .14em}.intro-sparkle{position:absolute;color:#f5cd5b;pointer-events:none;animation:twinkle 2.4s ease-in-out infinite}.intro-sparkle.s1{top:16%;left:20%;width:28px}.intro-sparkle.s2{top:30%;right:18%;width:18px;color:#f0a35e;animation-delay:.6s}.intro-sparkle.s3{bottom:26%;left:27%;width:20px;animation-delay:1.15s}.intro-sparkle.s4{bottom:32%;right:24%;width:34px;color:#ffe08a;animation-delay:1.65s}@keyframes twinkle{0%,to{transform:scale(.6) rotate(0deg);opacity:.35}50%{transform:scale(1.15) rotate(20deg);opacity:1}}.btn-download-diploma,.btn-explore{background:var(--red);box-shadow:0 6px 0 var(--red-hover),0 14px 22px rgba(196,71,51,.26)}.btn-download-diploma:hover:not(:disabled),.btn-explore:hover{background:#e96a52}.btn-download-diploma:active:not(:disabled),.btn-explore:active{transform:translateY(4px);box-shadow:0 2px 0 var(--red-hover)}.btn-back,.btn-pag-next,.btn-pag-prev{box-shadow:0 5px 0 rgba(9,29,29,.85)}.btn-back:hover,.btn-pag-next:hover:not(:disabled),.btn-pag-prev:hover:not(:disabled){background:var(--red-hover)}.btn-back:active,.btn-pag-next:active:not(:disabled),.btn-pag-prev:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 rgba(9,29,29,.85)}.opt-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;margin-top:2px;font-size:13.5px!important;color:#fff!important}.quiz-options-list .btn-quiz-option:nth-child(5n+1) .opt-letter{background:#dc5a45}.quiz-options-list .btn-quiz-option:nth-child(5n+2) .opt-letter{background:#4978a6}.quiz-options-list .btn-quiz-option:nth-child(5n+3) .opt-letter{background:#d6a52e;color:#173333!important}.quiz-options-list .btn-quiz-option:nth-child(5n+4) .opt-letter{background:#3b8a6e}.quiz-options-list .btn-quiz-option:nth-child(5n+5) .opt-letter{background:#8c5383}.option-correct .opt-letter{background:#2b7a3e!important}.option-wrong .opt-letter{background:#a03325!important}.mascot-bubble{border-width:2.5px;border-radius:20px;font-weight:700;box-shadow:0 12px 26px rgba(23,51,51,.14)}.shelf-section{background:radial-gradient(circle at 14px 14px,rgba(220,90,69,.07) 5px,transparent 6px),radial-gradient(circle at 40px 34px,rgba(197,155,63,.09) 4px,transparent 5px),linear-gradient(180deg,#f7eccf,#ecdcb5);background-size:58px 58px,46px 46px,100% 100%}@media (prefers-reduced-motion:reduce){.cloud,.intro-sparkle{animation:none!important}}.mascot-svg{animation:mascotAlive 6.4s ease-in-out infinite;transform-origin:120px 300px}@keyframes mascotAlive{0%{transform:scale(1)}30%{transform:scale(1.015,.987)}45%{transform:scale(1)}58%{transform:translateY(-18px) rotate(-1.2deg) scale(1.02,.97)}63%{transform:translateY(0) scale(.97,1.035)}67%{transform:translateY(0) scale(1)}84%{transform:rotate(1deg) translateY(-2px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.mascot-svg{animation:none!important}.page-ghost,.parchment-page.page-enter{animation-duration:.01ms!important}}.mascot-rig{transform-origin:120px 250px}.arm-l,.arm-r{transition:transform .35s ease}.mascot-svg.gesture-nod .mascot-rig{animation:rigNod .75s ease-in-out}@keyframes rigNod{0%,to{transform:rotate(0deg)}30%{transform:rotate(2.6deg)}65%{transform:rotate(-1.4deg)}}.mascot-svg.is-gesturing-waveR .arm-r{animation:gestWaveR .5s ease-in-out infinite alternate!important}@keyframes gestWaveR{0%{transform:rotate(-34deg)}to{transform:rotate(42deg) translateY(-6px)}}.mascot-svg.is-gesturing-pointL .arm-l{animation:gestPointL .55s ease-in-out infinite alternate!important}@keyframes gestPointL{0%{transform:rotate(10deg)}to{transform:rotate(-28deg) translateY(-8px)}}.mascot-rig.gesture-hop{animation:gestHop .62s cubic-bezier(.34,1.56,.64,1)}@keyframes gestHop{0%{transform:none}45%{transform:translateY(-20px) scale(1.02,.96)}72%{transform:translateY(1px) scale(.975,1.03)}to{transform:none}}@media (prefers-reduced-motion:reduce){.mascot-rig{animation:none!important}}.mascot-character{aspect-ratio:1536/1024;height:auto!important;animation:none!important}.mascot-size-sm .mascot-character{width:clamp(230px,42vw,300px)}.mascot-size-md .mascot-character{width:clamp(320px,58vw,430px)}.mascot-size-lg .mascot-character{width:clamp(430px,74vw,560px)}.mascot-stage{position:relative;width:100%;height:100%}.mascot-inline,.mascot-inline svg{width:100%;height:100%;display:block}.mascot-inline svg{overflow:visible}.mascot-inline #character{animation:m-bob 3.4s ease-in-out infinite;will-change:transform}@keyframes m-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.mascot-inline #tilt{transform-box:view-box;transform-origin:690px 880px;transition:transform .45s ease-out;will-change:transform}.mascot-stage.jump{animation:m-jump .85s cubic-bezier(.36,.07,.19,.97)}@keyframes m-jump{0%{transform:translateY(0)}30%{transform:translateY(-26px)}55%{transform:translateY(0)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}.mascot-inline .eye{transform-box:fill-box;transform-origin:center}.mascot-inline .eye.blinking{animation:m-blink .22s ease-in-out}@keyframes m-blink{0%,to{transform:scaleY(1)}45%,55%{transform:scaleY(.06)}}.mascot-inline #p69,.mascot-inline #p81{transform-box:view-box;transform:translate(var(--hx,0),var(--hy,0));transition:transform .12s ease-out}.mascot-inline .eye-track{transform-box:view-box;transform:translate(var(--ex,0),var(--ey,0));transition:transform .12s ease-out}.mascot-inline.talk .m-mouth{transform-box:fill-box;transform-origin:center;animation:m-talk .14s ease-in-out infinite alternate}@keyframes m-talk{0%{transform:scaleY(.45) scaleX(.9) translateY(-8%)}to{transform:scaleY(1.3) scaleX(1.08) translateY(6%)}}.mascot-inline #g-arm-right,.mascot-inline #p119{transform-box:view-box;transform-origin:856px 496px;will-change:transform}.mascot-inline #g-arm-right.wave,.mascot-inline #p119.wave{animation:m-wave .55s ease-in-out 4}@keyframes m-wave{0%,to{transform:rotate(0deg)}35%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}.mascot-inline #p246,.mascot-inline #p279{transform-box:view-box;transform-origin:409px 405px}.mascot-stage.pulse-l .mascot-inline #p246,.mascot-stage.pulse-l .mascot-inline #p279{animation:m-glove-pulse .5s ease-in-out 3}@keyframes m-glove-pulse{0%,to{transform:rotate(0deg)}50%{transform:rotate(6deg)}}.mascot-inline #p274,.mascot-inline #p283,.mascot-inline #p287,.mascot-inline #p288{transform-box:view-box;transform-origin:755px 600px;animation:m-sway 5.6s ease-in-out infinite}@keyframes m-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(2.1deg)}}.m-spark{position:absolute;pointer-events:none;z-index:3;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));animation:m-spark-float var(--dur,4.2s) ease-in-out var(--delay,0s) infinite}@keyframes m-spark-float{0%,to{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-16px) scale(.82);opacity:.55}}.m-burst{position:absolute;pointer-events:none;z-index:4;animation:m-burst-fly .8s cubic-bezier(.17,.67,.35,1) forwards}@keyframes m-burst-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx,0),var(--dy,-30px)) scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){.m-burst,.m-spark,.mascot-inline *,.mascot-stage{animation:none!important;transition:none!important}}.reader-nav{background:linear-gradient(180deg,#1d4444,#173333);border-bottom:3px solid var(--gold)}.pag-dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f3ead6;color:#7a6647;font:700 12px DM Mono,monospace;cursor:pointer;transition:all .2s ease}.pag-dot:hover{background:var(--gold-light);color:var(--ink)}.dot-active{background:var(--red)!important;color:#fff!important;transform:scale(1.12);box-shadow:0 3px 10px rgba(220,90,69,.45)}.quiz-question-box{border-top:4px solid var(--gold)}.quiz-questions-list .quiz-question-box:nth-child(4n+1){border-top-color:#dc5a45}.quiz-questions-list .quiz-question-box:nth-child(4n+2){border-top-color:#4978a6}.quiz-questions-list .quiz-question-box:nth-child(4n+3){border-top-color:#3b8a6e}.quiz-questions-list .quiz-question-box:nth-child(4n+4){border-top-color:#8c5383}.btn-quiz-option{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn-quiz-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px rgba(23,51,51,.08)}.option-correct{animation:correctPulse .5s ease}@keyframes correctPulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.diploma-claim-box{outline:2px solid rgba(197,155,63,.35);outline-offset:4px}.diploma-spark{position:absolute;color:#f5cd5b;pointer-events:none;z-index:4;animation:twinkle 2.6s ease-in-out infinite}.diploma-spark.ds1{top:-14px;left:-16px;width:26px}.diploma-spark.ds2{bottom:-12px;right:64px;width:18px;color:#f0a35e;animation-delay:.9s}.zoom-modal-card{animation:modalPop .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes modalPop{0%{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}.btn-modal-close{width:34px;height:34px;border-radius:50%;background:#f3ead6}.btn-modal-close:hover{background:var(--red);color:#fff}.quiz-builder-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.btn-delete-quiz{display:inline-flex;align-items:center;gap:6px;background:#fde5e0;color:#a32a18;border:1px solid #f3b8ad;border-radius:8px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s ease}.btn-delete-quiz:hover{background:#fbd2c9}.quiz-empty-hint{margin:0 0 16px;color:#6a8282;font-size:14px;line-height:1.5}.quiz-questions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.question-edit-card{background:#fdfaf2;border:1px solid #e5d8be;border-radius:10px;padding:16px;margin-bottom:14px}.question-edit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.question-edit-top strong{font:800 15px Fraunces,serif;color:var(--ink)}.question-img-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px}.question-img-thumb{width:150px;height:96px;border-radius:8px;object-fit:cover;border:1px solid #e0d0b0;background:#f2ead9;display:flex;align-items:center;justify-content:center;color:#a89468;font-size:12px}.question-img-empty{border-style:dashed}.quiz-options-edit{background:#fbf7ee;border:1px solid #e8dcbf;border-radius:8px;padding:12px;margin:10px 0}.quiz-options-label{display:block;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:8px}.quiz-option-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quiz-option-row input[type=text]{flex:1 1;min-width:0}.quiz-option-correct{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#2b7a3e;white-space:nowrap;cursor:pointer}.quiz-option-correct input{accent-color:#2b7a3e}.quiz-question-img{width:100%;max-height:280px;object-fit:cover;border-radius:8px;margin:4px 0 14px;border:1px solid #e0d0b0}.quiz-retry-hint{margin-top:20px;background:#fdf3d9;border:1.5px solid #ecd39a;border-radius:12px;padding:16px 20px;font-size:15px;line-height:1.55;color:#6b5410}.quiz-retry-hint strong{color:#9a7420}