:root{font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#edf7ff;background:#03091a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,#123f7e 0,transparent 34%),radial-gradient(circle at 92% 18%,#0a686f 0,transparent 24%),linear-gradient(180deg,#071631,#03091a 72%)}button,input{font:inherit}button{cursor:pointer}.guardian-shell{width:min(760px,100%);margin:0 auto;padding:18px 14px 48px}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 2px 20px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #63eaff80;border-radius:15px;color:#7ff3ff;background:linear-gradient(145deg,#103a78,#082349);box-shadow:0 0 26px #35d5ff33,inset 0 0 18px #63eaff18;font-weight:900;letter-spacing:.05em}.brand-copy p,.brand-copy strong{margin:0}.brand-copy p{color:#58e9ff;font-size:.68rem;font-weight:900;letter-spacing:.2em}.brand-copy strong{display:block;margin-top:3px;font-size:1rem}.profile-button{width:46px;height:46px;padding:0;border:1px solid #6ca6d955;border-radius:50%;color:#dbeeff;background:#0c2245cc;font-size:.78rem;font-weight:800}.intro-card{position:relative;overflow:hidden;display:grid;gap:20px;padding:26px 22px;border:1px solid #49dfff55;border-radius:26px;background:linear-gradient(135deg,#113e7be8,#092553e8 62%,#0a3555e8);box-shadow:0 22px 70px #001028,inset 0 0 54px #38dcff13}.intro-card:after{content:"";position:absolute;right:-70px;top:-95px;width:220px;height:220px;border:1px solid #7cf5ff35;border-radius:50%;box-shadow:0 0 70px #32e4ff30,inset 0 0 50px #35ceff24}.eyebrow,.step-label{margin:0;color:#59ecff;font-size:.7rem;font-weight:900;letter-spacing:.18em}.intro-card h1{position:relative;z-index:1;margin:8px 0 10px;max-width:520px;font-size:clamp(1.75rem,8vw,2.8rem);line-height:1.18}.intro-card>div>p:last-child{position:relative;z-index:1;margin:0;color:#bcd7ee;line-height:1.65}.student-badge{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:fit-content;padding:9px 12px;border:1px solid #6eeeff45;border-radius:14px;background:#061b3aa8}.student-badge span{color:#76efff;font-weight:900}.student-badge strong{font-size:.82rem}.panel{margin-top:14px;padding:20px;border:1px solid #5aa6e22f;border-radius:22px;background:#071a36dc;box-shadow:inset 0 1px #ffffff08}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading h2{margin:5px 0 0;font-size:1.22rem}.section-heading>div>p:last-child{margin:6px 0 0;color:#8daecc;font-size:.86rem}.status-chip{padding:7px 10px;border:1px solid #69eaff3a;border-radius:999px;color:#9cefff;background:#0a3154;font-size:.72rem;white-space:nowrap}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:15px;background:#031027}.segmented button{min-height:45px;border:0;border-radius:11px;color:#829fbd;background:transparent;font-weight:800}.segmented button.active{color:#07152b;background:linear-gradient(135deg,#75f3ff,#55a9ff);box-shadow:0 7px 22px #37ccff3d}.subject-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.subject-tabs button{display:grid;justify-items:center;gap:7px;min-height:84px;padding:12px 6px;border:1px solid #547ba83a;border-radius:16px;color:#9cb7d3;background:#06132b;font-weight:800}.subject-tabs button span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#72e9ff;background:#0b3158}.subject-tabs button.active{border-color:#55e5ff9a;color:#effdff;background:linear-gradient(150deg,#0f3c70,#0a2850);box-shadow:0 0 24px #25d5ff1f}.subject-tabs button.active span{color:#06152d;background:#73efff}.chapter-heading{align-items:center}.selection-count{display:grid;justify-items:center;min-width:66px;padding:10px;border:1px solid #59eaff4f;border-radius:16px;background:#082b50}.selection-count strong{color:#75efff;font-size:1.45rem;line-height:1}.selection-count span{margin-top:5px;color:#8fb0ce;font-size:.68rem}.preview-notice{display:grid;gap:4px;margin-bottom:12px;padding:12px 14px;border:1px solid #ffcf6b42;border-radius:14px;color:#ebd49f;background:#3326107a;font-size:.78rem;line-height:1.5}.preview-notice strong{color:#ffd778}.chapter-list{display:grid;gap:9px}.chapter-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #4d719937;border-radius:16px;background:#051229;transition:border-color .18s ease,background .18s ease}.chapter-row.selected{border-color:#58e9ff8f;background:linear-gradient(145deg,#0c335d,#082449);box-shadow:inset 0 0 22px #43e4ff0d}.chapter-row label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-width:0;cursor:pointer}.chapter-row input{position:absolute;opacity:0;pointer-events:none}.fake-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid #65829f;border-radius:9px;color:#04142a;background:#071a35;font-weight:1000}.selected .fake-check{border-color:#65edff;background:#65edff;box-shadow:0 0 16px #4deaff55}.chapter-copy{display:grid;gap:3px}.chapter-copy strong{font-size:.96rem}.chapter-copy small{color:#718fac;font-size:.73rem}.selected .chapter-copy small{color:#89dfea}.chapter-row>button{min-height:37px;padding:0 10px;border:1px solid #527aa64a;border-radius:10px;color:#a8c5e0;background:#0a213e;font-size:.72rem;font-weight:800;white-space:nowrap}.chapter-actions{display:grid;grid-template-columns:.75fr 1.4fr;gap:9px;margin-top:16px}.chapter-actions button{min-height:49px;border-radius:14px;font-weight:900}.clear-button{border:1px solid #55799e55;color:#91aac3;background:#07142b}.save-button{border:0;color:#04142a;background:linear-gradient(135deg,#73f3ff,#4d9eff);box-shadow:0 9px 26px #36c9ff3f}.save-message{margin:12px 0 0;padding:11px 13px;border-radius:12px;color:#adf6dc;background:#0c493b88;font-size:.8rem;line-height:1.5}.empty-state{display:grid;justify-items:center;padding:34px 18px;border:1px dashed #50749a66;border-radius:18px;text-align:center;background:#041126}.empty-state>span{font-size:2rem}.empty-state h3{margin:10px 0 6px}.empty-state p{margin:0;color:#7895b3;font-size:.82rem;line-height:1.55}.safety-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:14px;padding:14px 16px;border:1px solid #37cea93d;border-radius:17px;color:#a9d9cd;background:#082a2b9c;font-size:.8rem;line-height:1.55}.safety-note span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#06231d;background:#5be4bf;font-weight:900}.safety-note p{margin:1px 0 0}footer{padding:24px 12px 0;color:#577595;text-align:center;font-size:.72rem;line-height:1.5}@media(min-width:700px){.guardian-shell{padding:32px 24px 64px}.intro-card{grid-template-columns:1fr auto;align-items:end;padding:34px}.panel{padding:24px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.guardian-shell{padding-inline:10px}.intro-card,.panel{border-radius:19px}.panel{padding:16px}.chapter-row{grid-template-columns:1fr}.chapter-row>button{width:100%}}.adventure-shell{position:relative;isolation:isolate;width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:22px 18px 118px;overflow:hidden}.star-field,.star-field:before,.star-field:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";pointer-events:none}.star-field{background:radial-gradient(circle at 50% -10%,#1959ae80 0,transparent 38%),radial-gradient(circle at 12% 24%,#01d6ff30 0 1px,transparent 2px),radial-gradient(circle at 75% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 93% 42%,#75f7ff 0 1px,transparent 2px),radial-gradient(circle at 33% 72%,#6ac8ff 0 1px,transparent 2px),linear-gradient(180deg,#071a3c,#03102a 55%,#02091a);background-size:auto,92px 92px,137px 137px,173px 173px,211px 211px,auto}.star-field:before{opacity:.48;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px);background-size:54px 54px;-webkit-mask-image:linear-gradient(#000,transparent 72%);mask-image:linear-gradient(#000,transparent 72%)}.star-field:after{background:radial-gradient(ellipse at 50% 105%,#0b58a65c 0,transparent 52%)}.game-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 4px 24px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup p,.brand-lockup strong{margin:0}.brand-lockup p{color:#6cecff;font-size:.69rem;font-weight:950;letter-spacing:.24em}.brand-lockup strong{display:block;margin-top:3px;font-size:1rem;letter-spacing:.03em}.brand-core{display:grid;place-items:center;width:48px;height:48px;border:1px solid #62edffad;border-radius:17px;color:#8af5ff;background:linear-gradient(145deg,#1766c9,#072a64);box-shadow:0 0 30px #15c8ff52,inset 0 0 22px #50edff20;font-weight:950;letter-spacing:.06em}.guardian-link{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #6ca9df4a;border-radius:999px;color:#d9eeff;background:#092554c7;font-size:.8rem;font-weight:800}.guardian-link:hover{border-color:#62eaff9c;background:#0d3776}.mission-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;min-height:390px;padding:42px 48px;overflow:hidden;border:1px solid #4ddcff58;border-radius:38px;background:linear-gradient(120deg,#103d84f2,#082a65eb,#061c48e8),#092451;box-shadow:0 35px 110px #000a1dcc,inset 0 1px #d7fbff1f,inset 0 0 90px #14bfff12}.mission-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:repeating-linear-gradient(90deg,transparent 0 48px,#55dfff08 49px 50px),repeating-linear-gradient(0deg,transparent 0 48px,#55dfff08 49px 50px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 76%);mask-image:linear-gradient(90deg,#000,transparent 76%)}.hero-copy{position:relative;z-index:2}.mission-kicker{margin:0;color:#70f0ff;font-size:.73rem;font-weight:950;letter-spacing:.2em}.hero-copy h1{margin:13px 0 17px;font-size:clamp(2.25rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.045em}.hero-copy h1 em{color:#7ff3ff;font-style:normal;text-shadow:0 0 34px #2ee2ff6e}.hero-copy>p:not(.mission-kicker){max-width:520px;margin:0;color:#b8d7ee;font-size:1rem;line-height:1.75}.learner-chip{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:24px;padding:8px 12px 8px 8px;border:1px solid #68e9ff4f;border-radius:999px;background:#031a42b8}.learner-chip span{padding:7px 10px;border-radius:999px;color:#071a37;background:#70eafa;font-size:.76rem;font-weight:950}.learner-chip strong{font-size:.8rem}.learner-chip small{padding-left:10px;border-left:1px solid #75dcff3a;color:#7ea4c7;font-size:.7rem}.mascot-stage{position:relative;min-height:300px;display:grid;place-items:center}.planet-ring{position:absolute;border:1px solid #76eaff36;border-radius:50%;transform:rotate(-16deg)}.ring-one{width:270px;height:120px;box-shadow:0 0 36px #1bd8ff1c}.ring-two{width:200px;height:280px;transform:rotate(35deg)}.mascot{position:relative;z-index:2;width:154px;filter:drop-shadow(0 24px 30px #000b23a6);animation:floatMascot 4.4s ease-in-out infinite}.mascot-antenna{width:8px;height:38px;margin:0 auto -6px;border-radius:8px;background:#69eaff;box-shadow:0 -4px 14px #4ce7ff}.mascot-antenna:before{display:block;width:18px;height:18px;margin-left:-5px;border-radius:50%;content:"";background:#8cf7ff;box-shadow:0 0 22px #4de9ff}.mascot-face{display:flex;justify-content:center;gap:35px;width:154px;height:112px;padding-top:43px;border:2px solid #a9faffb8;border-radius:48% 48% 43% 43%;background:linear-gradient(145deg,#dffcff,#62cce3 34%,#1765a8 90%);box-shadow:inset 0 -16px 30px #05356a69,0 0 50px #36dfff4c}.mascot-face i{width:17px;height:24px;border-radius:50%;background:#061f53;box-shadow:inset 0 6px #72f5ff}.mascot-body{display:grid;place-items:center;width:116px;height:104px;margin:-6px auto 0;border:2px solid #67edff8c;border-radius:34% 34% 45% 45%;color:#88f4ff;background:linear-gradient(160deg,#1767b8,#082a65 72%);box-shadow:inset 0 0 30px #52ecff24;font-size:1.35rem;font-weight:950}.energy-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#7cf6ff;box-shadow:0 0 16px #50efff}.dot-one{top:40px;left:12%}.dot-two{right:4%;top:105px;width:7px;height:7px}.dot-three{left:24%;bottom:35px;width:6px;height:6px}@keyframes floatMascot{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}.mission-map{position:relative;margin-top:22px;padding:28px;border:1px solid #3d8bc438;border-radius:32px;background:#061a39d9;box-shadow:inset 0 1px 0 #fff08}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.map-heading p{margin:0;color:#5deaff;font-size:.68rem;font-weight:950;letter-spacing:.2em}.map-heading h2{margin:5px 0 0;font-size:1.55rem}.map-heading>span{padding:8px 12px;border:1px solid #59eaff42;border-radius:999px;color:#8cefff;background:#092f58;font-size:.75rem}.island-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-island{position:relative;display:grid;justify-items:center;gap:8px;min-height:250px;padding:27px 18px 22px;border:1px solid #65dfff55;border-radius:30px;color:#eefaff;background:linear-gradient(160deg,#0d3978d9,#071c43ec);box-shadow:0 18px 45px #00091e9c,inset 0 0 38px #38dcff0c;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.learning-island:not(:disabled):hover{transform:translateY(-7px);border-color:#86f4ffb0;box-shadow:0 26px 60px #001129,0 0 38px #23dfff2e}.learning-island:after{position:absolute;left:18%;right:18%;bottom:47px;height:18px;border-radius:50%;content:"";background:#12c9ff24;filter:blur(6px)}.learning-island strong{font-size:1.2rem}.learning-island small{color:#9ebcd6;line-height:1.5}.learning-island b{position:relative;z-index:1;margin-top:7px;color:#78f0ff;font-size:.8rem}.learning-island.locked{opacity:.58;cursor:not-allowed;filter:saturate(.55)}.learning-island.locked b{color:#7b98b4}.island-orb{display:grid;place-items:center;width:98px;height:98px;margin-bottom:5px;border:1px solid #d8fbff5c;border-radius:48% 52% 46% 54%;font-size:2rem;font-weight:950;transform:rotate(-4deg)}.island-orb:before{position:absolute;width:118px;height:50px;border:1px solid #a8f8ff4d;border-radius:50%;content:"";transform:rotate(-12deg)}.language-island .island-orb{color:#ffd9fc;background:radial-gradient(circle at 35% 30%,#e788ef,#7135ba 62%,#26144f);box-shadow:0 0 35px #d350ed4a}.math-island .island-orb{color:#edfeff;background:radial-gradient(circle at 35% 30%,#61f4ff,#1689ce 58%,#073d82);box-shadow:0 0 42px #1de6ff6b}.life-island .island-orb{color:#e9fff4;background:radial-gradient(circle at 35% 30%,#7bf3bb,#238a78 60%,#073e4a);box-shadow:0 0 35px #37e9bd46}.home-message{margin:17px 0 0;color:#ffe087;text-align:center;font-size:.85rem}.daily-mission{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:21px 23px;border:1px solid #7defff59;border-radius:25px;background:linear-gradient(100deg,#0b3c7ee0,#07315fe8 62%,#075365d9);box-shadow:0 18px 45px #000b22a8,inset 0 0 30px #36efff0d}.daily-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #a8fbff78;border-radius:18px;color:#8cf7ff;background:#0b5b85;box-shadow:0 0 25px #34e7ff36;font-size:1.5rem}.daily-mission p,.daily-mission h2{margin:0}.daily-mission p{color:#5cecff;font-size:.64rem;font-weight:950;letter-spacing:.2em}.daily-mission h2{margin-top:4px;font-size:1.2rem}.daily-mission span{display:block;margin-top:5px;color:#9ebed8;font-size:.78rem;line-height:1.5}.daily-mission button{min-width:92px;padding:13px 18px;border:0;border-radius:17px;color:#06213b;background:linear-gradient(135deg,#8df8ff,#4fd8f3);box-shadow:0 8px 22px #20dfff3c;font-weight:950}.daily-mission button:disabled{opacity:.5;cursor:wait}.preview-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.preview-status-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:100px;padding:15px;border:1px solid #4e8ab83a;border-radius:21px;background:#06172fd9}.preview-status-grid article>span{color:#4adff5;font-size:.66rem;font-weight:950;letter-spacing:.12em}.preview-status-grid strong,.preview-status-grid small{display:block}.preview-status-grid strong{font-size:.86rem}.preview-status-grid small{margin-top:4px;color:#7192b0;font-size:.7rem}.preview-status-grid button,.preview-status-grid em{grid-column:1 / -1;justify-self:stretch;padding:7px 9px;border:1px solid #5ddffb37;border-radius:10px;color:#83edff;background:#082f55;text-align:center;font-size:.7rem;font-style:normal;font-weight:850}.bottom-dock{position:fixed;z-index:20;right:50%;bottom:14px;display:grid;grid-template-columns:repeat(4,minmax(62px,92px));gap:5px;padding:7px;border:1px solid #5dcdf35e;border-radius:24px;background:#03132aeb;box-shadow:0 16px 50px #000c,inset 0 1px 0 #fff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(50%)}.bottom-dock button{display:grid;justify-items:center;gap:3px;padding:7px 8px;border:0;border-radius:17px;color:#6686a6;background:transparent;font-size:.66rem;font-weight:800}.bottom-dock button span{font-size:1rem}.bottom-dock button.active{color:#7bf1ff;background:#0b3b69;box-shadow:inset 0 0 18px #4ee8ff18}.bottom-dock button:disabled{cursor:not-allowed;opacity:.45}.adventure-footer{padding-top:22px}@media(max-width:760px){.adventure-shell{padding:14px 12px 112px}.game-topbar{padding-bottom:14px}.mission-hero{grid-template-columns:1fr;min-height:auto;padding:28px 23px 12px;border-radius:29px}.hero-copy h1{font-size:clamp(2.2rem,12vw,3.7rem)}.hero-copy>p:not(.mission-kicker){font-size:.9rem}.learner-chip{flex-wrap:wrap;border-radius:18px}.learner-chip small{width:100%;padding:4px 4px 0;border:0}.mascot-stage{min-height:260px;margin-top:-18px;transform:scale(.86)}.mission-map{padding:21px 15px;border-radius:26px}.island-grid{grid-template-columns:1fr}.learning-island{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;justify-items:start;min-height:0;padding:18px;text-align:left}.learning-island .island-orb{grid-row:1 / 4;width:76px;height:76px;margin:0 7px 0 0;font-size:1.5rem}.learning-island .island-orb:before{width:88px;height:36px}.learning-island:after{display:none}.learning-island b{margin-top:2px}.daily-mission{grid-template-columns:auto 1fr;padding:18px}.daily-mission button{grid-column:1 / -1;width:100%}.preview-status-grid{grid-template-columns:1fr}.preview-status-grid article{min-height:0}}@media(max-width:430px){.brand-lockup strong{font-size:.88rem}.brand-core{width:43px;height:43px;border-radius:15px}.guardian-link{padding:9px 10px;font-size:.72rem}.guardian-link span{display:none}.mission-hero{padding-inline:19px}.mission-kicker{font-size:.6rem}.hero-copy h1{margin-top:10px}.map-heading{align-items:flex-start}.map-heading>span{font-size:.65rem}.bottom-dock{bottom:9px;grid-template-columns:repeat(4,70px)}}.quiz-shell{width:min(860px,100%);padding-bottom:54px}.quiz-shell .topbar{margin-bottom:4px;padding:12px 4px 22px}.quiz-shell .exit-button{min-width:74px;min-height:42px;padding:9px 15px;border:1px solid #6baee152;border-radius:14px;color:#bcd9ef;background:#071b38d9;font-size:.82rem;font-weight:850}.quiz-status{display:grid;gap:12px;margin-bottom:18px;padding:18px 20px;border:1px solid #4aaee74a;border-radius:22px;background:linear-gradient(145deg,#0b2c59e8,#061a38e8);box-shadow:inset 0 1px #ffffff0a}.quiz-status>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.quiz-status span{color:#dff8ff;font-weight:900}.quiz-status strong{color:#6deeff;font-size:.85rem}.quiz-status small{color:#8dabc6;font-size:.76rem}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#020d22}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38b8ff,#71f5ff);box-shadow:0 0 20px #42eaff88;transition:width .25s ease}.question-card{position:relative;overflow:hidden;padding:30px;border:1px solid #4fdfff58;border-radius:28px;background:linear-gradient(145deg,#0b2a5af2,#061832f2 65%,#07213eed);box-shadow:0 24px 70px #000b24a6,inset 0 1px #d8fbff12}.question-card:after{position:absolute;top:-120px;right:-100px;width:270px;height:270px;border:1px solid #67efff1f;border-radius:50%;content:"";box-shadow:0 0 70px #29dfff1c,inset 0 0 55px #36e7ff10}.question-meta{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.question-meta span,.question-meta em{padding:7px 10px;border-radius:999px;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.05em}.question-meta span{color:#061a38;background:#75efff}.question-meta em{border:1px solid #ffcf6b4a;color:#f7d98e;background:#33250f85}.question-card h1{position:relative;z-index:1;margin:22px 0 27px;font-size:clamp(1.65rem,4.4vw,2.4rem);line-height:1.36;letter-spacing:-.025em}.answer-list{position:relative;z-index:1;display:grid;gap:14px}.answer-option{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:17px;min-height:76px;padding:12px 18px 12px 12px;border:1px solid #4f789f66;border-radius:20px;color:#dcefff;background:linear-gradient(135deg,#071a39e8,#06142ce8);box-shadow:inset 0 1px #ffffff08;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.answer-option:hover{transform:translateY(-2px);border-color:#62dbf59e;background:linear-gradient(135deg,#0b2c58,#082044)}.answer-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.answer-option>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #65bce659;border-radius:17px;color:#7bdff3;background:#0a3156;box-shadow:inset 0 0 18px #57e8ff0f;font-size:1.05rem;font-weight:950}.answer-option>strong{font-size:1.14rem;line-height:1.45}.answer-option.selected{transform:translateY(-2px);border-color:#72f2ff;color:#f4feff;background:linear-gradient(135deg,#0e4779,#0a2e5e);box-shadow:0 12px 32px #001227a6,0 0 0 2px #54eaff1f,inset 0 0 28px #42eaff12}.answer-option.selected>span{border-color:#b7fbff;color:#06172e;background:linear-gradient(145deg,#91f8ff,#53d9f4);box-shadow:0 0 22px #43e8ff69}.quiz-actions{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1.2fr);gap:14px;margin-top:18px}.quiz-actions button{min-height:62px;padding:14px 22px;border:1px solid #5d9ecc66;border-radius:19px;color:#c6ddf0;background:linear-gradient(145deg,#0b274c,#06182f);box-shadow:0 12px 30px #00091c8c,inset 0 1px #ffffff0d;font-size:1rem;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.quiz-actions button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.quiz-actions button:first-child:before{margin-right:9px;content:"←";color:#72eaff;font-size:1.2rem}.quiz-actions .primary,.quiz-actions .submit{border-color:#7ef4ff9e;color:#06182e;background:linear-gradient(135deg,#85f7ff,#45bff2);box-shadow:0 13px 32px #16cfff3d,inset 0 1px #ffffffa1}.quiz-actions .primary:after{margin-left:9px;content:"→";font-size:1.2rem}.quiz-actions .submit{grid-column:2}.quiz-actions button:disabled{cursor:not-allowed;opacity:.42;transform:none;box-shadow:none}.quiz-shell .save-message{margin:14px 0 0;text-align:center}@media(max-width:560px){.quiz-shell{padding:12px 12px 38px}.quiz-shell .topbar{padding-bottom:16px}.quiz-shell .brand-copy p{font-size:.58rem;letter-spacing:.13em}.quiz-shell .brand-copy strong{font-size:.88rem}.quiz-shell .exit-button{min-width:62px;padding-inline:10px}.quiz-status{padding:15px;border-radius:19px}.quiz-status>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}.question-card{padding:23px 16px 20px;border-radius:24px}.question-card h1{margin:19px 0 23px;font-size:clamp(1.48rem,7vw,1.9rem)}.answer-list{gap:12px}.answer-option{grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:72px;padding:11px 14px 11px 11px;border-radius:18px}.answer-option>span{width:48px;height:48px;border-radius:15px}.answer-option>strong{font-size:1.05rem}.quiz-actions{grid-template-columns:.85fr 1.15fr;gap:10px}.quiz-actions button{min-height:60px;padding:12px 10px;border-radius:17px;font-size:.94rem}.quiz-actions .submit{grid-column:1 / -1}}.top-actions{display:flex;align-items:center;gap:10px}.review-shell{width:min(1120px,100%)}.review-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0;padding:30px;border:1px solid #43dff05c;border-radius:28px;background:linear-gradient(140deg,#0b2d59ed,#06152fed);box-shadow:0 22px 70px #000a}.review-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.2rem)}.review-hero p{color:#92b4cf}.draft-shield{min-width:150px;padding:18px;border:1px solid #ffc85d73;border-radius:20px;color:#ffe5a7;background:#38280f8a;text-align:center;font-weight:950;letter-spacing:.08em;box-shadow:inset 0 0 24px #ffca4b10}.review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.review-metrics article{display:grid;gap:8px;min-height:150px;padding:22px;border:1px solid #4b94c34d;border-radius:23px;background:#071a37e8}.review-metrics span,.review-metrics small{color:#88a9c3}.review-metrics strong{color:#71efff;font-size:2.1rem}.review-panel{margin-top:18px;padding:25px;border:1px solid #458cc052;border-radius:27px;background:#06162fe8}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.panel-heading p{color:#59dff4;font-size:.68rem;font-weight:900;letter-spacing:.13em}.panel-heading h2{margin-top:5px;font-size:1.55rem}.panel-heading>span{padding:8px 12px;border:1px solid #5bdff24a;border-radius:999px;color:#8eeeff;background:#0a2c52;font-size:.75rem;font-weight:850}.review-list{display:grid;gap:10px}.review-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #385f7f66;border-radius:18px;background:#061228}.review-list article div{display:grid;gap:4px}.review-list small{color:#7596af}.review-list b{min-width:64px;color:#70e7f5;text-align:right}.review-list button{min-height:42px;padding:9px 13px;border:1px solid #765f3775;border-radius:13px;color:#bda980;background:#28200f;font-weight:850}.review-note{margin-top:16px;padding:14px;border-radius:15px;color:#d8bf87;background:#30230d8c;line-height:1.6}@media(max-width:760px){.top-actions{gap:6px}.top-actions .guardian-link{padding-inline:9px}.review-hero{align-items:flex-start;flex-direction:column;padding:22px}.review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-list article{grid-template-columns:1fr auto}.review-list button{grid-column:1 / -1;width:100%}}@media(max-width:430px){.review-metrics{grid-template-columns:1fr}.review-metrics article{min-height:0}.top-actions .guardian-link span{display:none}}
