*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#eaf4f3}.home-screen{position:relative;min-height:100vh;overflow:hidden}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 8%,rgba(255,214,120,.55),transparent 38%),linear-gradient(180deg,#2aa6a0,#177f78 45%,#0d4f4b)}.home-overlay{position:relative;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) 16px;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.logo-block{padding-top:18px}.logo-block h1{margin:0;font-size:2.2rem;line-height:.9;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.3);font-weight:900}.logo-block p{margin:12px 0 0;color:#f0f8f8;font-size:1.15rem;font-weight:700}.lang-switch{display:flex;gap:6px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px;border-radius:999px}.lang-switch button{border:0;background:transparent;color:#fff;padding:8px 10px;border-radius:999px;font-weight:800}.lang-switch button.active{background:#ffffff47}.home-spacer{flex:1}.choose-block h2{color:#fff;text-align:center;margin:0 0 14px;font-size:1.6rem;text-shadow:0 2px 10px rgba(0,0,0,.25)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.path-card{border:0;border-radius:24px;padding:16px 12px 18px;color:#fff;text-align:left;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 30px #0000002e}.path-card h3{margin:0 0 6px;font-size:1.65rem;line-height:1}.path-card p{margin:0;font-size:.95rem;line-height:1.15}.card-emoji{font-size:2rem;margin-bottom:auto}.path-card.women{background:linear-gradient(180deg,#f08b75bf,#c4574aeb)}.path-card.plants{background:linear-gradient(180deg,#5ec278c2,#2f853eeb)}.path-card.mangrove{background:linear-gradient(180deg,#4fb6d6bd,#147a92eb)}.bottom-actions{padding-top:14px;display:grid;gap:12px}.action-pill{display:flex;align-items:center;gap:12px;padding:16px 18px;border:0;border-radius:22px;background:#fff8eceb;box-shadow:0 10px 24px #00000024;text-align:left}.action-pill strong{display:block;font-size:1.45rem;color:#2e3328}.action-pill small{display:block;color:#555c4f;font-size:1rem}.pill-icon{width:48px;height:48px;border-radius:16px;background:#fff1d8;display:grid;place-items:center;font-size:1.6rem}.pill-icon.green{background:#e8f8df}.page{min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom)) 14px;background:linear-gradient(180deg,#e9f8f6,#f7fbfb)}.panel,.quiz-card{background:#fff;border-radius:24px;box-shadow:0 16px 40px #103c381f;padding:18px}.back-btn{border:0;background:#fff;border-radius:12px;width:40px;height:40px;box-shadow:0 8px 20px #103c381f;margin-bottom:14px}.sample-list{display:grid;gap:10px;margin:14px 0}.sample-list div{background:#f7fbfb;padding:12px 14px;border-radius:16px}.primary-btn,.secondary-btn{border:0;border-radius:16px;padding:14px 16px;font-weight:800}.primary-btn{background:linear-gradient(135deg,#1da697,#0f7f74);color:#fff}.secondary-btn{background:#eef6f6;color:#19413d}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quiz-image{min-height:220px;border-radius:18px;background:#d7efea center/cover no-repeat;display:grid;place-items:center;color:#1a6058;font-weight:900;margin-bottom:14px}.tag{display:inline-flex;background:#e8f6f3;color:#116a61;padding:7px 10px;border-radius:999px;font-weight:700}.answers{display:grid;gap:10px}.answer{border:0;background:#f7fbfb;padding:14px;border-radius:16px;text-align:left;font-weight:800;box-shadow:inset 0 0 0 1px #e1efec}.feedback{min-height:24px;font-weight:800}.board{width:100%;border-collapse:collapse;margin-top:12px}.board th,.board td{padding:12px 8px;border-bottom:1px solid #eaf1ef;text-align:left}.form{display:grid;gap:12px}input,textarea,select{width:100%;padding:14px;border-radius:16px;border:1px solid #d7e7e3;font:inherit;background:#fff}@media (max-width:700px){.cards{grid-template-columns:1fr}.path-card{min-height:150px}.path-card h3{font-size:1.4rem}}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.page-head .back-btn{margin:0}.item-grid{display:grid;gap:12px;margin:14px 0}.item-card{display:flex;gap:12px;background:#f7fbfb;border-radius:16px;padding:12px}.item-thumb{flex:0 0 72px;height:72px;border-radius:14px;background:#d7efea center/cover no-repeat;display:grid;place-items:center;font-size:1.8rem}.item-card h4{margin:0 0 4px}.item-card p{margin:2px 0;font-size:.92rem;color:#33514d}.answer.correct{background:#dff5e3;box-shadow:inset 0 0 0 2px #2f9b4a}.answer.wrong{background:#fde6e3;box-shadow:inset 0 0 0 2px #c4574a}.answer:disabled{opacity:1}.clue{font-size:1.15rem;font-style:italic;margin:8px 0 14px}.reveal{background:#f7fbfb;border-radius:16px;padding:12px 14px;margin:12px 0}.progress{height:8px;border-radius:99px;background:#e1efec;overflow:hidden;margin-bottom:12px}.progress>div{height:100%;background:#1da697;transition:width .3s}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tabs button{border:0;border-radius:999px;padding:8px 14px;background:#eef6f6;font-weight:700}.tabs button.active{background:#1da697;color:#fff}.notice{color:#7a4b00;background:#fff4d6;border-radius:12px;padding:10px 12px;margin:10px 0}.error{color:#a32a1e;font-weight:700}.garden{min-height:100dvh;display:flex;flex-direction:column;background:#dff3ef}.garden-head{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 8px;background:#e9f8f6}.garden-head .back-btn{margin:0}.garden-scene{position:relative;flex:0 0 40vh;min-height:250px;max-height:380px;overflow:hidden;width:100%;max-width:900px;margin:0 auto}.garden-head{width:100%;max-width:900px;margin:0 auto}.g-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 20%,#fff7c2 0 7%,rgba(255,236,150,.5) 8% 14%,transparent 15%),linear-gradient(180deg,#7fd3e8,#d9f3ee 70%)}.g-hills{position:absolute;left:0;right:0;transition:background-position 1.7s ease-in-out;background-repeat:repeat-x}.g-hills.far{bottom:30%;height:42%;background-size:800px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200V120Q120 50 260 110T520 90T800 120V200Z' fill='%2394d3b5'/%3E%3C/svg%3E")}.g-hills.near{bottom:26%;height:34%;background-size:600px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200V110Q100 40 220 100T450 90T600 110V200Z' fill='%2355b887'/%3E%3C/svg%3E")}.g-ground{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#3aa65f,#238448)}.g-trail{position:absolute;left:0;right:0;bottom:12%;height:34%;background:#e6cc92;border-radius:40px 40px 0 0;box-shadow:inset 0 6px #ffffff40}.g-world{position:absolute;left:0;top:0;bottom:0;transition:transform 1.7s ease-in-out}.g-prop{position:absolute;bottom:29%}.g-station{position:absolute;bottom:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.g-sign{width:92px;height:92px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center;font-size:2.6rem;font-weight:900;color:#fff;background:#1c9a5a center/cover no-repeat;box-shadow:0 8px 18px #00000040;position:relative;margin-bottom:10px}.g-sign:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:18px;margin-left:-4px;background:#8a5a33}.g-station.wrong .g-sign{filter:grayscale(.55);border-color:#e8d7d3}.g-station.right .g-sign{border-color:#ffd76a}.g-label{position:absolute;top:100%;margin-top:22px;background:#fff;border-radius:999px;padding:3px 10px;font-weight:800;font-size:.85rem;white-space:nowrap;color:#19413d;box-shadow:0 4px 10px #00000026}.g-mascot{position:absolute;left:62px;bottom:28%;z-index:2}.g-mascot svg{display:block;overflow:visible}.g-mascot .leg{transform-box:fill-box;transform-origin:50% 0}.g-mascot.walking svg .body{animation:g-bob .36s ease-in-out infinite alternate}.g-mascot.walking .legL{animation:g-swing .36s ease-in-out infinite alternate}.g-mascot.walking .legR{animation:g-swing .36s ease-in-out infinite alternate-reverse}@keyframes g-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes g-swing{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.garden-sheet{flex:1;padding:14px 14px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:640px;margin:0 auto}.g-walking{text-align:center;font-weight:800;color:#19413d;margin-top:30px}.g-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:10px 0 16px}.g-found{display:flex;align-items:center;gap:8px;background:#f7fbfb;border-radius:14px;padding:6px;font-weight:700;font-size:.85rem}.g-found .item-thumb{flex:0 0 42px;height:42px;font-size:1.3rem}.g-found.wrong{opacity:.65}@media (prefers-reduced-motion:reduce){.g-world,.g-hills{transition:none}.g-mascot.walking svg .body,.g-mascot.walking .leg{animation:none}}.app-version{margin:14px 0 0;text-align:center;font-size:.68rem;color:#ffffff8c;letter-spacing:.02em}