@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{--navy:#08245c;--navyDeep:#04163f;--blue:#0d63c7;--sky:#dff3ff;--skySoft:#f3fbff;--white:#fff;--gold:#f5b642;--goldLight:#fff1b8;--red:#c9181f;--green:#15965b;--text:#0b2454;--muted:#526b88;--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--shadow-soft:0 18px 48px #071c4b1f;--shadow-strong:0 28px 80px #071c4b33;--glass:#ffffffc7;--header-height:62px}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 78% 0%, #f5b6423d, transparent 18rem), radial-gradient(circle at 8% 4%, #0d63c726, transparent 20rem), linear-gradient(180deg, #fbfeff 0%, var(--sky) 44%, var(--white) 100%);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#08245c0a 1px,#0000 1px),linear-gradient(90deg,#08245c09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 72%);mask-image:linear-gradient(#000c,#0000 72%)}[id]{scroll-margin-top:78px}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:active{transform:scale(.985)}img{max-width:100%}mark{color:#4b2e04;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#fff1b861,#f5b6426b);border-radius:10px;padding:0 .18em .04em}.primaryButton,.secondaryButton{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.primaryButton{color:#3d2604;background:linear-gradient(145deg, var(--goldLight), var(--gold) 58%, #d58a13);border:0;box-shadow:0 16px 34px #94560038}.secondaryButton{color:var(--navy);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);background:#ffffffc2;border:1px solid #ffffffe6}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f5b642a6}.imageFallback{background:linear-gradient(135deg,#08245c1f,#dff3fff2),radial-gradient(circle at 72% 18%,#f5b64247,#0000 12rem);width:100%;height:100%;position:relative;overflow:hidden}.imageFallback:after{content:"";background:linear-gradient(110deg,#0000,#ffffff3d,#0000);animation:2.6s ease-in-out infinite imageSheen;position:absolute;inset:0;transform:translate(-110%)}.imageFallback img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.imageFallback.loaded:after{display:none}.imageFallback span{color:#08245c3d;letter-spacing:.14em;place-items:center;font-size:32px;font-weight:900;display:grid;position:absolute;inset:0}.pageShell{min-height:calc(100svh - 60px)}.page-shell{min-height:calc(100svh - 60px);padding:18px 14px 40px}.pageHeader{width:min(900px,100% - 28px);color:var(--text);margin:0 auto}.pageHeroCompact{padding:clamp(28px,6vw,48px) 0 14px}.page-compact-header{padding:22px 0 18px}.page-compact-header h1{font-size:clamp(30px,7vw,52px);line-height:1.05}.pageHeroCompact p{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.pageHeroCompact h1{color:var(--navy);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,7vw,54px);line-height:1.04}.pageHeroCompact span{max-width:640px;color:var(--muted);margin-top:12px;font-size:clamp(15.5px,2.4vw,18px);font-weight:700;line-height:1.6;display:block}.pageHeroCompact .secondaryButton{width:fit-content;margin-top:18px}@keyframes imageSheen{0%,46%{transform:translate(-110%)}to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.topbar{z-index:50;height:60px;padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #ffffffeb;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 10px 28px #04163f14}.brand{color:var(--navy);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:9px;padding:0;text-decoration:none;display:inline-flex}.brand span{color:#5b3905;background:linear-gradient(145deg, #fff7bf, var(--gold) 70%, #cf8615);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #9158002e}.brand.active span{box-shadow:0 0 0 3px #f5b64247,0 12px 26px #96590038}.brand b{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:900}.topbar nav{scrollbar-width:none;scroll-snap-type:x proximity;align-items:center;gap:7px;max-width:calc(100vw - 64px);margin-left:auto;padding:4px 1px;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button,.navButton{min-height:36px;color:var(--navy);cursor:pointer;scroll-snap-align:end;background:#ffffffc7;border:1px solid #0f4e911a;border-radius:999px;flex:none;place-items:center;padding:0 13px;font-size:13px;font-weight:900;display:inline-grid}.topbar nav button:last-child{color:#3b2403;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-color:#0000;box-shadow:0 10px 22px #9e620a24}.navButton.active{color:#fff;background:linear-gradient(145deg, var(--navy), var(--blue));border-color:#0000;box-shadow:0 12px 24px #08245c2e}.topbar nav button.presentationButton{color:#3b2403;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-color:#0000;box-shadow:0 10px 22px #9e620a24}.footer{padding:34px 14px max(38px, env(safe-area-inset-bottom));color:var(--muted);text-align:center;gap:6px;display:grid}.footer b{color:var(--navy)}.presentationBackdrop{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#0d63c738,#0000 30rem),#040f2ad6;place-items:center;display:grid;position:fixed;inset:0}.phoneStage{aspect-ratio:9/16;border-radius:var(--radius-xl);width:min(430px,100%);height:min(932px,100svh - 24px);max-height:calc(100svh - 24px);box-shadow:var(--shadow-strong);contain:layout paint;touch-action:pan-y;background:#04122c;border:1px solid #ffffffad;position:relative;overflow:hidden}.slideChrome{top:max(12px, env(safe-area-inset-top));z-index:12;grid-template-columns:46px minmax(0,1fr) 46px;align-items:start;gap:10px;display:grid;position:absolute;left:12px;right:12px}.roundIcon{width:46px;height:46px;color:var(--navy);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffffdb;border:1px solid #fffffff5;border-radius:50%;place-items:center;font-size:25px;font-weight:900;line-height:1;display:grid;box-shadow:0 12px 26px #04163f1f}.slideChromeCenter{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04122c75;border:1px solid #ffffff47;border-radius:999px;justify-self:center;justify-items:center;gap:7px;min-width:146px;padding:9px 12px 10px;display:grid;box-shadow:0 14px 30px #0000002e}.slideChromeCenter strong{color:#fff;font-size:15px;font-weight:900;line-height:1.05}.slideDots{justify-content:center;gap:4px;max-width:132px;margin-top:2px;display:flex}.slideDots button{cursor:pointer;background:#ffffff5c;border:0;border-radius:999px;width:5px;height:5px;padding:0}.slideDots button.active{background:linear-gradient(90deg, var(--gold), var(--blue));width:18px}.audioButton{position:relative;overflow:hidden}.audioButton:not(.active){color:var(--muted)}.audioButton:not(.active):after{content:"";background:currentColor;border-radius:99px;width:18px;height:2px;position:absolute;transform:rotate(-35deg)}.audioButton.active{color:#3d2604;background:linear-gradient(145deg, var(--goldLight), var(--gold))}.audioGlyph,.audioPulse{z-index:2;position:relative}.audioPulse{background:#0d63c71a;border-radius:50%;position:absolute;inset:10px}.audioButton.active .audioPulse{animation:1.8s ease-in-out infinite audioPulse}@keyframes audioPulse{0%,to{opacity:.35;transform:scale(.78)}50%{opacity:.08;transform:scale(1.32)}}.slidePage{z-index:2;height:100%;animation:.28s both slideEnter;position:relative}@keyframes slideEnter{0%{opacity:.82;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slideHero{background:#04122c;border-radius:0;height:100%;min-height:0;position:relative;overflow:hidden}.slideHero .imageFallback{height:100%}.slideHero img,.slideImage{object-fit:cover;width:100%;height:100%;display:block}.slideHeroShade{z-index:2;pointer-events:none;background:linear-gradient(#00000094,#00000014 34%,#0000001a 60%,#00000094),radial-gradient(circle at 80% 24%,#f5b6422e,#0000 16rem);position:absolute;inset:0}.slideHeroLabel{left:18px;bottom:max(22px, env(safe-area-inset-bottom));z-index:3;color:#4b2e04;letter-spacing:.08em;text-transform:uppercase;background:#fff1b8f0;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;position:absolute;box-shadow:0 12px 24px #00000021}.slideHitZone{z-index:8;cursor:pointer;background:0 0;border:0;width:34%;padding:0;position:absolute;top:92px;bottom:84px}.slideHitZone:disabled{cursor:default}.slideHitZonePrev{left:0}.slideHitZoneNext{right:0}.fullscreenButton{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:12;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#04122c7a;border:1px solid #ffffff57;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;line-height:1;display:grid;position:absolute;box-shadow:0 14px 30px #0003}.slideWave{z-index:3;margin-top:-24px;position:relative}.slideWave span{background:linear-gradient(135deg,#fffffffc,#dff3fffc 60%,#fff1b8f0);border-radius:0 0 50% 50%;height:62px;position:absolute;inset:0 -12% auto}.slideWave b{color:#513304;background:linear-gradient(145deg, #fff7bd, var(--gold));border:5px solid #ffffffeb;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #7e50042e}.slideBody{z-index:4;overscroll-behavior:contain;min-height:0;padding:25px 15px calc(94px + env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.slideBody::-webkit-scrollbar{display:none}.slideMainCard,.slidePoint{border:1px solid #fffffff5;outline:1px solid #ffffff47;box-shadow:0 16px 36px #04163f1a}.slideMainCard{background:linear-gradient(#fffffff5,#ffffffdb);border-radius:26px;flex:none;padding:16px}.slideMainCard:before{content:"";background:linear-gradient(90deg, var(--gold), var(--blue));border-radius:999px;width:44px;height:4px;margin-bottom:12px;display:block}.slideNumber{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.slideMainCard h2{color:var(--navy);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(24px,6.8vw,33px);line-height:1.04}.slideSubtitle{color:#2e5273;margin:10px 0 0;font-size:clamp(14px,3.55vw,16px);font-weight:800;line-height:1.42}.slidePointGrid{gap:8px;margin-top:10px;display:grid}.slidePoint{width:100%;min-height:56px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(90deg,#fffffff0,#f3fbffe0);border-radius:18px;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;padding:9px 10px;display:grid}.slidePoint span{color:#fff;background:linear-gradient(145deg, #2e91e8, var(--blue));border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:grid}.slidePoint b{gap:2px;font-size:clamp(13.4px,3.45vw,15.5px);line-height:1.25;display:grid}.slidePoint small{color:var(--muted);font-size:12px;font-weight:750}.slidePoint i{color:#08245c6b;font-size:22px;font-style:normal;font-weight:900}.point-gold span,.accent-gold .detailButton{color:#4b2e04;background:linear-gradient(145deg, var(--goldLight), var(--gold))}.point-red span{background:linear-gradient(145deg, #ee5b5f, var(--red))}.point-navy span{background:linear-gradient(145deg, #1a4a91, var(--navy))}.detailButton{color:#fff;background:linear-gradient(145deg, var(--blue), #084b9a);cursor:pointer;border:0;border-radius:16px;min-height:44px;margin-top:10px;font-size:14px;font-weight:900;box-shadow:0 12px 24px #105fae29}.slideControls{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:12;grid-template-columns:1fr 1.12fr;gap:10px;display:grid;position:absolute}.slideControls:before{content:"";left:-14px;right:-14px;bottom:calc(-1 * max(14px, env(safe-area-inset-bottom)));height:calc(84px + env(safe-area-inset-bottom));z-index:-1;background:linear-gradient(#f3fbff00,#f3fbfff5 36%,#fffffffa);position:absolute}.secondaryControl,.primaryControl{cursor:pointer;border:0;border-radius:18px;min-height:54px;font-size:15px;font-weight:900}.secondaryControl{color:#fff;background:linear-gradient(145deg, var(--navy), var(--navyDeep));border:1px solid #ffffff57}.primaryControl{color:#3b2403;background:linear-gradient(145deg, var(--goldLight), var(--gold) 58%, #d58a13)}.secondaryControl:disabled,.primaryControl:disabled{opacity:.5;cursor:not-allowed}.detailSheet{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05112a7a;align-items:end;display:grid;position:absolute;inset:0}.detailSheet div{max-height:70%;padding:26px 20px max(28px, env(safe-area-inset-bottom));background:#fffffff5;border-radius:28px 28px 0 0;position:relative;overflow-y:auto;box-shadow:0 -20px 44px #071c4b2e}.detailSheet button{width:38px;height:38px;color:var(--navy);background:#edf8ff;border:0;border-radius:50%;font-size:24px;font-weight:900;position:absolute;top:14px;right:14px}.detailSheet span{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:900}.detailSheet h3{color:var(--navy);margin:8px 42px 10px 0;font-size:24px;line-height:1.12}.detailSheet p{color:#385b78;margin:10px 0 0;font-weight:700;line-height:1.68}.quizSection{width:min(1180px,100%);margin:0 auto;padding:clamp(48px,8vw,88px) 14px;position:relative}.sectionHeader{text-align:center;max-width:850px;margin:0 auto 26px}.sectionHeader p{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.sectionHeader h2{color:var(--navy);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,6.4vw,58px);line-height:1.02}.sectionHeader span{color:var(--muted);margin-top:14px;font-size:clamp(15.5px,2.3vw,18px);font-weight:650;line-height:1.7;display:block}.minimal-pdf-page{min-height:calc(100svh - var(--header-height));padding:18px 14px 24px}.minimal-content-header{width:min(980px,100%);margin:0 auto 14px}.minimal-content-header h1{color:var(--navy);letter-spacing:-.03em;margin:0;font-size:clamp(22px,6vw,34px);font-weight:900;line-height:1.1}.pdf-reader-native{width:min(980px,100%);margin:0 auto}.pdf-reader-loading,.pdf-reader-error{text-align:center;min-height:320px;color:var(--navy);box-shadow:var(--shadow-soft);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:24px;place-items:center;padding:22px;font-weight:900;display:grid}.pdf-reader-error p{margin:0}.pdf-reader-error a{color:#3b2400;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:0 16px;text-decoration:none;display:inline-flex}.pdf-pages{gap:16px;display:grid}.pdf-page-canvas-wrap{background:#f5f7fb;border-radius:20px;justify-items:center;width:100%;min-height:240px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #071c4b1c}.pdf-page-canvas{background:#fff;max-width:100%;height:auto;display:block}.pdf-page-loading{z-index:2;color:var(--muted);text-align:center;background:linear-gradient(90deg,#f3f7fb,#fff,#f3f7fb) 0 0/220% 100%;place-items:center;padding:18px;font-weight:800;animation:1.2s ease-in-out infinite pdfSkeleton;display:grid;position:absolute;inset:0}@keyframes pdfSkeleton{0%{background-position:0%}to{background-position:220%}}@media (width<=640px){.minimal-pdf-page{padding:14px 12px 18px}.minimal-content-header{margin-bottom:12px}.pdf-pages{gap:12px}.pdf-page-canvas-wrap{border-radius:16px;min-height:180px}}.quizList{gap:14px;display:grid}.questionCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffff0,#ffffffd6),radial-gradient(circle at 100% 0,#dff3ffb3,#0000 12rem);border:1px solid #fffffff0;padding:18px}.questionHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.questionHead span{color:#5b3905;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-weight:900;display:inline-flex}.questionHead b{border-radius:999px;padding:8px 12px;font-size:13px}.questionHead b.ok{color:#0c6846;background:#15965b1f}.questionHead b.bad{color:#a32c25;background:#c9181f1f}.questionCard h3{color:var(--navy);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(18px,3.9vw,24px);line-height:1.35}.optionGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.optionButton{color:#294e6f;text-align:left;cursor:pointer;background:#f7fcfff0;border:1px solid #0f4e911f;border-radius:20px;grid-template-columns:38px 1fr;align-items:start;gap:10px;min-height:58px;padding:14px;display:grid}.optionButton strong{width:38px;height:38px;color:var(--navy);background:#e9f6ff;border-radius:50%;place-items:center;font-weight:900;display:grid}.optionButton span{font-weight:750;line-height:1.5}.optionButton.selected{background:#e5f6fffa;border-color:#0d63c794;box-shadow:0 12px 24px #0d63c71f}.optionButton.selected strong{color:#fff;background:linear-gradient(145deg, #2f91e6, var(--blue))}.optionButton.correct{background:#e4faf0f5;border-color:#15965b80}.optionButton.correct strong{color:#0c6846;background:#15965b29}.optionButton.wrong{background:#ffedebf5;border-color:#c9181f80}.optionButton.wrong strong{color:#a32c25;background:#c9181f26}.explainBox{background:#fff9e2f5;border:1px solid #c87d0b29;border-radius:18px;margin-top:14px;padding:14px}.explainBox b{color:#744805}.explainBox p{color:#57503d;margin:6px 0 0;font-weight:650;line-height:1.65}.quizSection{padding-bottom:90px}.quizPage .quizSection{padding-top:14px}.quizPage .quizList{margin-top:0}.quizActions{bottom:max(12px, env(safe-area-inset-bottom));z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #fffffff2;border-radius:24px;place-items:center;gap:12px;width:min(520px,100%);margin:18px auto 0;padding:12px;display:grid;position:sticky;box-shadow:0 18px 38px #04163f1f}.quizStatus{color:#7b4d06;margin:0;font-size:13px;font-weight:900}.quizStatus.ready{color:var(--green)}.quizActions .primaryButton,.quizActions .secondaryButton{width:100%}.quizActions .primaryButton:disabled{opacity:.58;filter:grayscale(.6);cursor:not-allowed}.scoreBox{border-radius:var(--radius-lg);text-align:center;width:100%;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 80% 0,#fff1b8cc,#0000 11rem),linear-gradient(#fffffff5,#f3fbffeb);border:1px solid #fffffff0;padding:24px}.scoreBox span{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;font-size:13px;font-weight:900}.scoreBox b{color:var(--navy);letter-spacing:-.04em;margin-top:8px;font-size:clamp(30px,7vw,44px);line-height:1;display:block}.scoreBox p{color:#4d6a84;margin:10px 0 0;font-weight:750;line-height:1.55}.gallery-slideshow-page{min-height:calc(100svh - var(--header-height));background:radial-gradient(circle at 80% 10%,#ffe09142,#0000 18rem),linear-gradient(#f7fcff,#eaf6ff);padding:18px 14px 30px}.gallery-slideshow-header{width:min(760px,100%);margin:0 auto 16px}.gallery-slideshow-header h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(28px,8vw,44px);font-weight:900;line-height:1.05}.album-player{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe6,#ffffff94);border:1px solid #ffffffe0;border-radius:32px;width:min(760px,100%);margin:0 auto;padding:12px;position:relative;overflow:hidden;box-shadow:0 24px 60px #071c4b24,inset 0 1px #ffffffe6}.album-counter{z-index:3;min-height:34px;color:var(--navy);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:999px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex;position:absolute;top:24px;left:24px;box-shadow:0 10px 24px #071c4b1f}.album-image-frame{aspect-ratio:4/5;background:linear-gradient(135deg,#0d63c71f,#f5b64224);border-radius:26px;position:relative;overflow:hidden}.album-image-frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#04163f14,#0000 42%,#04163f2e);position:absolute;inset:0}.album-image-frame img{object-fit:cover;width:100%;height:100%;animation:.35s both albumFade;display:block}.album-image-frame img.is-error{display:none}.album-caption{background:#ffffffdb;border:1px solid #ffffffe6;border-radius:24px;min-height:78px;margin-top:12px;padding:16px 18px;box-shadow:inset 0 1px #ffffffe6}.album-caption p{color:var(--navy);margin:0;font-size:clamp(16px,4.2vw,20px);font-weight:800;line-height:1.45}.album-controls{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px;display:grid}.album-controls button{min-height:48px;color:var(--navy);cursor:pointer;background:linear-gradient(#fffffff2,#eff7ffc7);border:0;border-radius:18px;font-size:24px;font-weight:900;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #071c4b1c}.album-controls button:nth-child(2){background:linear-gradient(145deg, var(--goldLight), var(--gold));color:#3b2400}.album-controls button:active{transform:scale(.97)}.album-dots{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.album-dots button{cursor:pointer;background:#08245c2e;border:0;border-radius:999px;width:9px;height:9px;padding:0}.album-dots button.active{background:linear-gradient(90deg, var(--gold), var(--blue));width:28px}@keyframes albumFade{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.gallery-slideshow-page{padding:14px 12px 24px}.album-player{border-radius:28px;padding:10px}.album-image-frame{aspect-ratio:3/4;border-radius:24px}.album-caption{min-height:72px;padding:14px 15px}}.tradition-page{min-height:calc(100svh - var(--header-height));background:linear-gradient(115deg,#08245c0d 0 1px,#0000 1px 16px),radial-gradient(circle at 84% 8%,#f5b64247,#0000 18rem),radial-gradient(circle at 8% 12%,#0d63c721,#0000 20rem),linear-gradient(#f8fcff,#edf7ff 48%,#fff);padding:16px 14px 34px}.tradition-hero,.tradition-summary,.tradition-album{width:min(920px,100%);margin-inline:auto}.tradition-hero{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 86% 18%,#f5b64257,#0000 16rem),linear-gradient(135deg,#fffffff5,#edf7ffc7);border:1px solid #ffffffeb;border-radius:28px;margin-bottom:14px;padding:clamp(22px,5vw,34px) clamp(18px,4vw,30px);overflow:hidden}.tradition-hero p,.tradition-kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:900}.tradition-hero h1,.tradition-overview h2{color:var(--navy);letter-spacing:-.04em;text-wrap:balance;margin:0}.tradition-hero h1{max-width:760px;font-size:clamp(28px,7vw,48px);line-height:1.04}.tradition-hero span{max-width:620px;color:var(--muted);margin-top:10px;font-weight:700;line-height:1.6;display:block}.tradition-tabs{top:calc(var(--header-height) + 8px);z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border:1px solid #ffffffeb;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;width:min(920px,100%);margin:0 auto 16px;padding:8px;display:grid;position:sticky;box-shadow:0 14px 34px #071c4b1a}.tradition-tabs button{min-height:44px;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:clamp(12px,3.5vw,15px);font-weight:900}.tradition-tabs button.active{color:#3b2400;background:linear-gradient(145deg, var(--goldLight), var(--gold));box-shadow:0 10px 24px #9659002e}.tradition-summary{gap:14px;display:grid}.tradition-overview{background:#ffffffe0;border:1px solid #fffffff2;border-radius:24px;gap:16px;padding:clamp(18px,4vw,24px);display:grid;box-shadow:0 18px 44px #071c4b1a}.tradition-overview h2{font-size:clamp(21px,5vw,34px);line-height:1.12}.tradition-hero-image{background:linear-gradient(135deg,#0d63c724,#f5b6422e);border:1px solid #ffffffdb;border-radius:24px;width:100%;margin-top:18px;overflow:hidden;box-shadow:0 18px 42px #071c4b24,inset 0 1px #fffc}.tradition-hero-image img{object-fit:cover;width:100%;height:auto;max-height:420px;display:block}.tradition-hero-image.is-error{place-items:center;min-height:220px;display:grid}.tradition-hero-image.is-error:after{content:"Hình ảnh truyền thống";color:var(--navy);font-weight:900}.tradition-quote{color:#fff;background:radial-gradient(circle at 92% 0%, #f5b6426b, transparent 14rem), linear-gradient(135deg, var(--navyDeep), var(--navy) 56%, #0f4f91);border-radius:24px;padding:clamp(18px,4vw,24px);box-shadow:0 18px 44px #071c4b2e}.tradition-quote span{color:var(--goldLight);letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:900;display:block}.tradition-quote blockquote{text-wrap:balance;margin:0;font-size:clamp(17px,4.5vw,26px);font-weight:900;line-height:1.55}.tradition-timeline{gap:12px;display:grid}.tradition-card{background:#ffffffeb;border:1px solid #fffffff5;border-radius:24px;overflow:hidden;box-shadow:0 16px 38px #071c4b17}.tradition-card summary{min-height:76px;color:var(--navy);cursor:pointer;grid-template-columns:46px 1fr;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:grid}.tradition-card summary::-webkit-details-marker{display:none}.tradition-card summary:after{content:"+";color:#3b2400;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-radius:50%;grid-column:2;justify-self:end;place-items:center;width:30px;height:30px;margin-top:-38px;font-weight:900;display:grid}.tradition-card[open] summary:after{content:"-"}.tradition-card summary span{color:#3b2400;background:linear-gradient(145deg, var(--goldLight), var(--gold));border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 10px 22px #96590026}.tradition-card summary strong{padding-right:38px;font-size:clamp(17px,4.4vw,22px);font-weight:900;line-height:1.24}.tradition-card-body{color:var(--text);padding:0 clamp(16px,4vw,24px) clamp(18px,4vw,24px)}.tradition-card-body p,.tradition-bullets li{font-size:clamp(15px,3.85vw,16.5px);line-height:1.76}.tradition-card-body p{margin:0 0 12px}.tradition-bullets{gap:9px;margin:0;padding:0;list-style:none;display:grid}.tradition-bullets li{background:#f0f8ffc7;border:1px solid #0d63c714;border-radius:16px;padding:12px 13px 12px 34px;position:relative}.tradition-bullets li:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;top:21px;left:15px;box-shadow:0 0 0 4px #f5b6422e}.tradition-subsections,.tradition-group-list{gap:12px;display:grid}.tradition-subsections{margin-top:12px}.tradition-subsection{padding-top:4px}.tradition-subsection h3,.tradition-mini-card strong{color:var(--navy);margin:0 0 10px;font-size:clamp(16px,4.2vw,19px);font-weight:900;line-height:1.3;display:block}.tradition-mini-card{background:linear-gradient(135deg,#fffffff0,#f0f8ffd1);border:1px solid #0d63c717;border-radius:18px;padding:14px}.tradition-mini-card .tradition-bullets li{background:#ffffffc7}.tradition-note,.tradition-closing{border-radius:18px;padding:14px 16px;font-weight:800}.tradition-note{color:var(--navy);background:#fff1b894}.tradition-closing{color:var(--navy);background:#dff3ffb8}.tradition-card-body>.tradition-quote{box-shadow:none;margin-top:12px}.tradition-album{padding-bottom:6px}.tradition-album .album-player{width:min(760px,100%)}@media (width>=760px){.tradition-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tradition-page{padding:14px 12px 26px}.tradition-hero,.tradition-overview,.tradition-card,.tradition-quote{border-radius:22px}.tradition-tabs{border-radius:22px;margin-bottom:12px;top:66px}.tradition-tabs button{border-radius:16px}.tradition-hero-image{border-radius:20px;margin-top:14px}.tradition-hero-image img{max-height:320px}.tradition-card summary{grid-template-columns:40px 1fr;min-height:70px;padding:12px}.tradition-card summary span{width:40px;height:40px}.tradition-card summary strong{padding-right:34px}.tradition-card-body{padding-inline:12px}.tradition-bullets li{padding:11px 12px 11px 31px}}@media (hover:hover) and (pointer:fine){.slidePoint:hover,.optionButton:hover{transform:translateY(-2px);box-shadow:0 20px 46px #04163f24}}@media (width<=980px){.optionGrid{grid-template-columns:1fr}}@media (width>=700px){.phoneStage{width:min(430px,56.25svh - 13.5px)}}@media (width<=640px){[id]{scroll-margin-top:68px}.topbar{height:58px;padding-inline:10px}.brand b{display:none}.brand span{width:36px;height:36px}.topbar nav{gap:6px;max-width:calc(100vw - 58px)}.topbar nav button{padding:0 10px;font-size:12px}.primaryButton,.secondaryButton{width:100%}.sectionHeader{text-align:left}.quizSection{padding-inline:12px}.presentationBackdrop{padding:0}.phoneStage{aspect-ratio:auto;width:100%;height:100svh;max-height:100svh;box-shadow:none;border-radius:0}.slideChrome{grid-template-columns:44px minmax(0,1fr) 44px;left:10px;right:10px}.roundIcon{width:44px;height:44px}.slideChromeCenter{min-width:144px;padding:6px 10px 7px}.slidePage{grid-template-rows:39% 27px 1fr}.slideBody{padding:22px 12px calc(90px + env(safe-area-inset-bottom))}.slideMainCard{border-radius:22px;padding:14px}.slideMainCard h2{font-size:clamp(23px,6.35vw,30px)}.slidePoint{border-radius:16px;grid-template-columns:34px 1fr 16px;min-height:52px}.slidePoint span{width:34px;height:34px}.slideControls{left:12px;right:12px}.questionCard{border-radius:24px;padding:15px}.optionButton{border-radius:18px;grid-template-columns:34px 1fr;padding:12px}.optionButton strong{width:34px;height:34px}.pageHeroCompact{padding-top:24px}.pageHeroCompact .secondaryButton{width:100%}.quizPage .quizSection{padding-top:10px}}@media (width<=374px){.topbar nav button{padding:0 9px}.slidePage{grid-template-rows:35% 25px 1fr}.slideChromeCenter{min-width:132px}.slideChromeCenter strong{font-size:14px}.slideChromeCenter span{font-size:8px}.slideMainCard h2{font-size:22px}.slideSubtitle{font-size:13.2px}.slidePoint{min-height:44px;padding:7px 9px}.slidePoint b{font-size:12.8px}.slidePoint small{display:none}.secondaryControl,.primaryControl{min-height:50px}}.home-menu-page{isolation:isolate;background-image:url(/images/nen.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100svh;position:relative;overflow:hidden}.home-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 86%,#fff1b82e,#0000 34%),linear-gradient(#ffffff05 0%,#fff0 46%,#0512342e 78%,#05123457 100%);position:absolute;inset:0}.home-dock{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(24px)saturate(1.28);background:linear-gradient(135deg,#ffffffd1,#ffffff6b),radial-gradient(circle at 84% 22%,#ffd6694d,#0000 42%);border:1px solid #ffffffc2;border-radius:36px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(430px,100% - 22px);min-height:86px;padding:10px;animation:.45s both dockEnter;display:grid;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 58px #0412344d,inset 0 1px #ffffffe0,inset 0 -1px #08245c14}.home-dock:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffffc7,#fff0);border-radius:999px;height:32px;position:absolute;inset:1px 16px auto}.home-dock:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f5b6426b,#0000 66%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-74px;right:-48px}.dock-shine{z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff57,#0000 65%);animation:5.2s ease-in-out infinite dockShine;position:absolute;inset:0;transform:translate(-130%)}.dock-item{z-index:2;min-width:0;min-height:68px;color:var(--navy,#08245c);cursor:pointer;background:linear-gradient(#fffffff0,#f4f9ffbd);border:0;border-radius:26px;place-items:center;gap:4px;padding:8px 4px 7px;transition:transform .18s,box-shadow .18s,background .18s,filter .18s;display:grid;position:relative;box-shadow:inset 0 1px #fffffff0,0 10px 22px #08245c24}.dock-item:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffffc2,#0000 48%);position:absolute;inset:0}.dock-item:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fffffff5,0 16px 30px #08245c30}.dock-item:active{transform:translateY(1px)scale(.96)}.dock-icon{color:currentColor;background:radial-gradient(circle at 35% 25%,#fffffffa,#ffffff47 43%),linear-gradient(145deg,#ffffffe0,#d8ebffad);border-radius:16px;place-items:center;width:37px;height:37px;display:grid;position:relative;box-shadow:inset 0 1px #fffffff5,0 8px 16px #08245c21}.dock-icon svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;display:block}.dock-icon svg path,.dock-icon svg rect,.dock-icon svg circle{vector-effect:non-scaling-stroke}.dock-item[data-tone=blue]{color:#0d63c7}.dock-item[data-tone=green]{color:#15965b}.dock-item[data-tone=cyan]{color:#0a89c9}.dock-item.primary{color:#3c2500;background:linear-gradient(145deg,#fff7cf 0%,#f8cd63 42%,#e0a02b 100%);box-shadow:inset 0 1px #fffffff0,0 14px 34px #a6630047}.dock-item.primary .dock-icon{color:#4a2b00;background:radial-gradient(circle at 35% 25%,#fff,#ffffff4d 44%),linear-gradient(145deg,#fff1b8,#f5b642)}.dock-item.primary .dock-icon:after{content:"";border-radius:inherit;border:1px solid #ffd45b94;animation:2.4s ease-in-out infinite dockPulse;position:absolute;inset:-5px}.dock-label{letter-spacing:-.02em;color:currentColor;white-space:nowrap;text-shadow:0 1px #ffffff94;font-size:10.5px;font-weight:900;line-height:1}@keyframes dockEnter{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes dockShine{0%,72%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes dockPulse{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.78;transform:scale(1.08)}}@media (width<=380px){.home-dock{border-radius:30px;gap:6px;width:calc(100% - 16px);min-height:78px;padding:8px}.dock-item{border-radius:22px;min-height:62px}.dock-icon{border-radius:14px;width:32px;height:32px}.dock-icon svg{width:20px;height:20px}.dock-label{font-size:9.5px}}@media (prefers-reduced-motion:reduce){.home-dock,.dock-shine,.dock-item,.dock-item.primary .dock-icon:after{transition:none;animation:none}}