:root{color:#15324a;background:#f4fbff;font-family:ui-rounded,PingFang TC,Noto Sans TC,system-ui,sans-serif;--ink: #123756;--blue: #2f7dd3;--deep-blue: #174d8a;--mint: #75d7b4;--sun: #ffd15c;--coral: #ff7a6c;--lilac: #8b7cf6;--paper: #ffffff;--line: rgba(18, 55, 86, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#e7f6ff,#f7fbff 42%,#fff9df);position:relative}.shell:before{background-image:linear-gradient(90deg,rgba(47,125,211,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(47,125,211,.09) 1px,transparent 1px);background-size:42px 42px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);pointer-events:none;position:absolute}.hero{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr) minmax(20rem,30rem);margin:0 auto;max-width:72rem;min-height:76vh;padding:5rem 1.5rem 2rem;position:relative;z-index:1}.heroCopy{max-width:45rem}.eyebrow{color:var(--deep-blue);font-size:.88rem;font-weight:800;letter-spacing:0;margin:0 0 .75rem}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-size:clamp(3.8rem,12vw,8rem);line-height:.9;margin-bottom:1rem;text-shadow:0 .18rem 0 #b8e8ff}h2{color:var(--ink);font-size:clamp(1.85rem,4vw,2.7rem);margin-bottom:1rem}.lead{color:#315774;font-size:1.28rem;line-height:1.7;max-width:38rem}.progressRail{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;max-width:40rem}.progressStep{background:#ffffffb8;border:1px solid var(--line);border-radius:8px;box-shadow:0 .6rem 1.6rem #12375614;display:grid;gap:.15rem;min-height:4.5rem;padding:.8rem}.progressStep strong{color:var(--coral);font-size:1.15rem}.progressStep span{color:#315774;font-size:.88rem;font-weight:800}.heroStage{align-items:center;display:grid;gap:1rem;justify-items:center;position:relative}.heroStage:before{background:linear-gradient(135deg,var(--sun),#fff2a8 55%,var(--mint));border:4px solid #ffffff;border-radius:50%;box-shadow:0 1.6rem 4rem #174d8a2e;content:"";height:min(72vw,26rem);position:absolute;width:min(72vw,26rem)}.foxBadge{animation:floatBadge 4.2s ease-in-out infinite;filter:drop-shadow(0 1.6rem 2rem rgba(18,55,86,.18));max-width:min(82vw,29rem);position:relative;width:100%;z-index:1}.badgeSun{fill:#ffe279}.mapTrail{fill:none;stroke:#fff;stroke-dasharray:10 10;stroke-linecap:round;stroke-width:10}.foxTail,.foxBody,.foxEarLeft,.foxEarRight{fill:#2f7dd3}.foxChest,.foxFace{fill:#e7f6ff}.foxEye,.foxNose{fill:#123756}.foxSmile{fill:none;stroke:#123756;stroke-linecap:round;stroke-width:5}.scarf{fill:#ff7a6c}.spark{fill:#fff;transform-origin:center}.sparkOne{animation:twinkle 2s ease-in-out infinite}.sparkTwo{animation:twinkle 2.4s ease-in-out .3s infinite}.sparkThree{animation:twinkle 2.2s ease-in-out .6s infinite}.rewardStrip{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;position:relative;z-index:2}.rewardStrip span{background:#fff;border:1px solid rgba(18,55,86,.12);border-radius:999px;box-shadow:0 .55rem 1.4rem #1237561f;color:#174d8a;font-size:.9rem;font-weight:900;padding:.55rem .8rem}.signupBand{align-items:center;background:#174d8a;color:#fff;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);margin:0 auto;max-width:72rem;padding:1.5rem;position:relative;z-index:1}.signupCopy .eyebrow,.signupCopy h2,.signupCopy p{color:#fff}.signupCopy p{line-height:1.7;margin-bottom:0;max-width:42rem}.signupPanel{background:#fffffff5;border:1px solid rgba(47,125,211,.18);border-radius:8px;box-shadow:0 1.5rem 5rem #15324a24;display:grid;gap:1rem;padding:1.25rem}.signupPanel label{color:#29475f;display:grid;font-size:.92rem;font-weight:700;gap:.45rem}.signupPanel input{border:1px solid #bfd7ec;border-radius:6px;color:#15324a;min-height:3.25rem;padding:0 .9rem}.signupPanel button{background:var(--coral);border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:800;min-height:3.5rem;padding:0 1rem;transition:transform .16s ease,box-shadow .16s ease}.signupPanel button:hover{box-shadow:0 .7rem 1.4rem #ff7a6c40;transform:translateY(-1px)}.missionBand{margin:0 auto;max-width:72rem;padding:4rem 1.5rem 5rem;position:relative;z-index:1}.missionGrid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.missionCard{background:#fff;border:1px solid #d9e9f6;border-radius:8px;box-shadow:0 1rem 2.2rem #1237561a;color:inherit;cursor:pointer;font:inherit;min-height:13rem;padding:1.2rem;text-align:left;transform:rotate(var(--tilt));transition:transform .18s ease,box-shadow .18s ease;width:100%}.missionCard:hover{box-shadow:0 1.2rem 2.8rem #12375629;transform:rotate(0) translateY(-4px)}.missionCard.active{border-color:var(--coral);box-shadow:0 1.2rem 2.8rem #ff7a6c33}.missionCard.completed{background:linear-gradient(135deg,#fff,#e8fbf3)}.missionCard small{color:var(--blue);font-weight:800}.dayPill{background:#fff2a8;border:1px solid rgba(18,55,86,.08);border-radius:999px;color:#8f5b00;display:inline-flex;font-size:.86rem;font-weight:900;padding:.35rem .7rem}.missionCard h3{font-size:1.12rem;margin:.55rem 0}.missionCard p{color:#4c6377;line-height:1.55}.missionPlay,.completePanel{background:#fff;border:1px solid rgba(18,55,86,.12);border-radius:8px;box-shadow:0 1.4rem 3.6rem #12375624;margin:0 auto 5rem;max-width:56rem;padding:1.5rem;position:relative;z-index:1}.playHeader{align-items:end;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem)}.missionMeter{background:#d8ecfb;border-radius:999px;height:.8rem;overflow:hidden}.missionMeter span{background:linear-gradient(90deg,var(--mint),var(--sun),var(--coral));border-radius:inherit;display:block;height:100%;transition:width .26s ease}.questionPanel{background:linear-gradient(135deg,#75d7b42e,#ffd15c29),#f8fcff;border:1px solid #d9e9f6;border-radius:8px;margin-top:1.2rem;padding:1.2rem}.questionMeta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.questionMeta span,.questionMeta strong{background:#fff;border-radius:999px;color:var(--deep-blue);font-size:.9rem;font-weight:900;padding:.4rem .7rem}.questionPanel h3{color:var(--ink);font-size:clamp(1.35rem,3vw,2rem);line-height:1.45;margin-bottom:1.2rem}.optionGrid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.optionButton{background:#fff;border:2px solid #cde4f6;border-radius:8px;color:var(--ink);cursor:pointer;font-size:1.25rem;font-weight:900;min-height:4.25rem;padding:.85rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.optionButton:hover,.optionButton.selected{border-color:var(--coral);box-shadow:0 .65rem 1.4rem #ff7a6c29;transform:translateY(-1px)}.numberAnswer{color:#29475f;display:grid;font-weight:900;gap:.5rem;max-width:18rem}.numberAnswer input{border:2px solid #cde4f6;border-radius:8px;color:var(--ink);font-size:1.5rem;font-weight:900;min-height:4rem;padding:0 1rem}.feedback{border-radius:8px;font-weight:800;line-height:1.55;margin:1rem 0 0;padding:.85rem 1rem}.feedback.warn{background:#fff4d7;color:#815700}.feedback.hint{background:#fff0ee;color:#9b3328}.feedback.correct{background:#e8fbf3;color:#17634a}.primaryAction{background:var(--deep-blue);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:900;margin-top:1rem;min-height:3.8rem;padding:0 1.2rem}.secondaryAction{background:#fff;border:2px solid var(--deep-blue);border-radius:8px;color:var(--deep-blue);cursor:pointer;font-weight:900;margin-top:1rem;min-height:3.8rem;padding:0 1.2rem}.completionActions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.completePanel{text-align:center}.completePanel h2{margin-left:auto;margin-right:auto;max-width:40rem}.bigReward{margin:1rem 0 1.5rem}.reportPreview{background:#f7fbff;border:1px solid #d9e9f6;border-radius:8px;margin:0 auto;max-width:38rem;padding:1rem;text-align:left}.reportPreview h3{color:var(--ink);margin-bottom:.75rem}.reportPreview ul{color:#315774;line-height:1.8;margin:0;padding-left:1.2rem}.saveNote{background:#fff4d7;border-radius:8px;color:#7a5100;font-weight:800;line-height:1.55;margin:1rem 0 0;padding:.75rem .85rem}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:2.5rem}.progressRail,.signupBand,.playHeader,.missionGrid,.optionGrid{grid-template-columns:1fr}.missionPlay,.completePanel{margin-left:1rem;margin-right:1rem}.heroStage{order:-1}h1{font-size:clamp(3.4rem,18vw,5rem)}}