:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17233a;background:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{padding:clamp(20px,4vw,56px);background:linear-gradient(145deg,#fff 55%,#f0f7ff)}.page{max-width:920px;margin:auto}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f2ff;color:#1767c2;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.04;margin:18px 0 14px;color:#13233f}h2{color:#1d3155}p{font-size:1.08rem;line-height:1.65}.lead{font-size:clamp(1.08rem,2.2vw,1.3rem);color:#52617a;max-width:720px}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:30px;align-items:center}.hero-art{min-height:290px;border-radius:32px;background:linear-gradient(145deg,#2878d7,#31c6c8);display:grid;place-items:center;box-shadow:0 20px 50px rgba(40,120,215,.22);position:relative;overflow:hidden}.hero-art::before,.hero-art::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.13)}.hero-art::before{width:220px;height:220px;right:-60px;top:-70px}.hero-art::after{width:150px;height:150px;left:-50px;bottom:-40px}.tablet{width:150px;height:210px;border:9px solid #13233f;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:70px;transform:rotate(5deg);z-index:1}.goal-card,.placeholder-card{margin-top:28px;padding:20px 24px;border:1px solid #dce4f0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(19,35,63,.08)}.goal-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding-left:22px}.goal-list li{line-height:1.45}.compass-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.compass-row span{padding:8px 12px;border-radius:9px;background:#13233f;color:#fff;font-weight:700;font-size:.85rem}.notice{padding:12px 15px;border-left:4px solid #e6a817;background:#fff9e7;border-radius:6px}.story-card{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;margin:22px 0;padding:18px;border-radius:18px;background:linear-gradient(120deg,#eaf4ff,#f4fbff);border:1px solid #d6e7fb}.avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#2878d7;color:#fff;font-size:42px}.story-card p{margin:4px 0;font-size:1rem}.activity{margin:28px 0;padding:clamp(18px,3vw,28px);border:1px solid #dce4f0;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(19,35,63,.09)}.activity h2{margin-top:0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{border:2px solid #dce4f0;border-radius:14px;background:#fff;padding:15px;text-align:left;cursor:pointer;color:#17233a;line-height:1.4}.choice:hover{border-color:#82b6ed}.choice.correct{border-color:#1c9565;background:#eaf8f2}.choice.wrong{border-color:#d84b55;background:#fff0f1}.feedback{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;line-height:1.5}.feedback.show{display:block}.feedback.good{background:#eaf8f2;border-left:5px solid #1c9565}.feedback.try{background:#fff4e3;border-left:5px solid #e6a817}.checklist{display:grid;gap:10px}.check-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:13px;border:2px solid #dce4f0;border-radius:13px;cursor:pointer}.check-item input{position:absolute;opacity:0}.check-box{width:29px;height:29px;border-radius:9px;background:#edf1f6;display:grid;place-items:center;font-weight:900;color:#fff}.check-item:has(input:checked){border-color:#2878d7;background:#f1f7ff}.check-item input:checked+.check-box{background:#2878d7}.check-item input:checked+.check-box::after{content:'✓'}.primary-action{border:0;border-radius:12px;background:#2878d7;color:#fff;font-weight:800;padding:12px 19px;cursor:pointer;margin-top:16px}.primary-action:disabled{opacity:.45}.sort-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sort-column{border-radius:16px;padding:12px;background:#f4f7fb;border:1px solid #dce4f0;min-height:150px}.sort-column h3{font-size:.9rem;margin:0 0 10px}.data-chip{display:block;width:100%;margin:8px 0;padding:10px;border:2px solid #dce4f0;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.data-chip.active{border-color:#2878d7;background:#eaf4ff}.category-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.category-buttons button{border:0;border-radius:10px;padding:10px 12px;color:#fff;font-weight:750;cursor:pointer}.cat-public{background:#1c9565}.cat-careful{background:#d99708}.cat-secret{background:#d84b55}.result-banner{display:none;margin-top:20px;padding:18px;border-radius:15px;background:#eaf8f2;border:1px solid #a9dec9}.result-banner.show{display:block}.badge{font-size:2rem;float:left;margin-right:12px}@media(max-width:700px){body{padding:20px}.hero{grid-template-columns:1fr}.hero-art{min-height:200px}.tablet{width:110px;height:150px;font-size:50px}.goal-list,.choice-grid,.sort-board{grid-template-columns:1fr}.story-card{grid-template-columns:58px 1fr}.avatar{width:56px;height:56px;font-size:30px}h1{font-size:2.25rem}}