:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;color:#28251f;background:#fffaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea,select{font:inherit}.app{max-width:620px;margin:auto;padding:22px 18px 56px}.brand{text-align:center;margin:16px 0 26px}.logo{font-weight:900;font-size:15px;letter-spacing:.08em}.brand h1{font-size:31px;line-height:1.35;margin:12px 0}.sub,.muted{color:#776f61}.card{background:#fff;border:1px solid #e8dfcf;border-radius:24px;padding:22px;margin:14px 0}.label{font-size:14px;color:#776f61;margin-bottom:10px}.question{font-size:24px;line-height:1.55;margin:4px 0 18px}textarea,select{width:100%;border:1px solid #d8cebd;border-radius:15px;padding:14px;background:#fff;min-height:50px;font-size:16px}textarea{resize:vertical;min-height:105px}.char{text-align:right;font-size:12px;color:#8b8376;margin-top:4px}.btn{width:100%;border:0;border-radius:15px;padding:14px 16px;min-height:50px;font-weight:800;cursor:pointer;margin-top:10px}.primary{background:#f2bd3d;color:#2d2517}.secondary{background:#f5f0e7;color:#413a31}.ghost{background:#fff;border:1px solid #ded4c4}.progress{text-align:center;font-size:14px;margin-top:18px}.bar{height:8px;background:#eee5d7;border-radius:99px;overflow:hidden;margin:8px auto;max-width:330px}.bar i{display:block;height:100%;background:#f2bd3d}.top{display:flex;justify-content:space-between;gap:10px;font-size:14px}.reactions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.react{border:1px solid #e4dacb;background:#fff;border-radius:14px;min-height:48px;padding:8px;cursor:pointer}.react.on{background:#fff2c8;border-color:#e5b63b}.answer{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.notice{text-align:center;padding:16px;background:#fff5d7;border-radius:16px;margin:12px 0}.hidden{display:none}.count{font-weight:900}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b5d12;outline-offset:2px}textarea[aria-invalid=true]{border-color:#a33}@media(max-width:390px){.app{padding:16px 13px 44px}.brand h1{font-size:27px}.question{font-size:21px}.reactions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.feedhint{font-size:14px;color:#776f61;background:#fff3cd;border-radius:14px;padding:11px 14px;margin:14px 0}.discovery{border-width:2px}.big{font-size:20px;font-weight:700}.discovery p{line-height:1.7}.celebrate{text-align:center;background:#fff3c4;border:1px solid #f0cf69;border-radius:20px;padding:18px;margin:12px 0;animation:popin .38s ease-out}.celebrate .pop{font-size:38px;animation:bounce .55s ease-out}.celebrate b{display:block;font-size:20px}.celebrate span{display:inline-block;margin-top:7px;font-weight:900;background:#f2bd3d;border-radius:999px;padding:5px 12px}.mini-bar{height:7px;background:#eee2c8;border-radius:99px;overflow:hidden;margin:10px auto;max-width:300px}.mini-bar i{display:block;height:100%;background:#f2bd3d}@media(prefers-reduced-motion:reduce){.celebrate,.celebrate .pop{animation:none}}.celebrate{position:relative;overflow:hidden;text-align:center;background:#fff3c4;border:1px solid #f0cf69;border-radius:22px;padding:22px 18px;margin:12px 0;animation:popin .38s ease-out}.celebrate .sparkles{font-size:18px;letter-spacing:.25em;opacity:.65}.celebrate .pop{font-size:46px;line-height:1.2;margin:4px 0;animation:bounce .55s ease-out}.celebrate>b{display:block;font-size:21px}.celebrate p{margin:7px 0;color:#675c49}.celebrate>span{display:inline-block;margin-top:7px;font-weight:900;background:#f2bd3d;border-radius:999px;padding:6px 13px}.answer-card{animation:rise .35s ease-out}.badge-unlock{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dbc575;background:#fffaf0;border-radius:18px;padding:13px;margin:12px 0;animation:rise .45s ease-out}.badge-unlock span{font-size:11px;font-weight:900;background:#28251f;color:#fff;border-radius:999px;padding:4px 7px}.badge-unlock b{font-size:17px}.progress-notice{line-height:1.6}.reward-actions{margin-top:4px}.reaction-pop{animation:popin .28s ease-out}.particle{position:absolute;left:50%;top:54%;font-style:normal;font-size:20px;pointer-events:none;animation:burst .9s ease-out var(--delay) forwards}@keyframes popin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%{transform:scale(.7) rotate(-8deg)}60%{transform:scale(1.18) rotate(5deg)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes burst{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(var(--x),-90px) scale(1.15)}}@media(prefers-reduced-motion:reduce){.celebrate,.celebrate .pop,.answer-card,.badge-unlock,.reaction-pop,.particle{animation:none}}.quiz-card{text-align:center}.quiz-name{font-size:44px;font-weight:900;letter-spacing:.08em;margin:12px 0 18px}.quiz-choices{display:grid;gap:10px}.quiz-choice{width:100%;min-height:50px;border:1px solid #ded4c4;background:#fff;border-radius:15px;padding:12px 14px;font-weight:800;cursor:pointer}.quiz-choice.correct{background:#e9f7df;border-color:#8fbf6d}.quiz-choice.wrong{background:#fff0ed;border-color:#d58d83}.quiz-choice.picked{animation:popin .28s ease-out}.quiz-choice:disabled{cursor:default;color:inherit;opacity:1}.quiz-success{background:#eef9df}.source-note{font-size:12px;color:#8b8376;margin-top:14px}.mission-mini{margin:0 0 14px;padding:12px 14px;border:1px solid #eadfca;border-radius:16px;background:#fffdf7}.mission-title{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#665d50}.mission-items{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.mission-items span{font-size:12px;text-align:center;padding:7px 5px;border-radius:999px;background:#f4efe6;color:#766d61;white-space:nowrap}.mission-items span.done{background:#eaf6dd;color:#425b2a;font-weight:800}.compact{min-height:44px;font-size:14px}.pulse-card{text-align:center}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pulse-choice{min-height:92px;border:1px solid #dfd4c3;border-radius:18px;background:#fff;padding:14px 10px;font-weight:900;cursor:pointer}.pulse-choice.selected{background:#fff0bd;border-color:#e1b333;animation:popin .28s ease-out}.pulse-choice:disabled{opacity:1;color:inherit}.profile-hero{display:flex;align-items:center;gap:14px;background:#fff3c4;border:1px solid #efd47b;border-radius:22px;padding:18px;margin:14px 0}.profile-icon{font-size:42px}.profile-title{font-size:22px;font-weight:900}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.stat-grid>div{background:#fff;border:1px solid #eadfca;border-radius:18px;padding:16px;text-align:center}.stat-grid b{display:block;font-size:28px}.stat-grid span{display:block;margin-top:4px;font-size:12px;color:#776f61}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.profile-badge{display:inline-block;border-radius:999px;background:#fff3c4;border:1px solid #e3c65e;padding:7px 10px;font-size:13px;font-weight:800}@media(max-width:390px){.mission-items{gap:5px}.mission-items span{font-size:11px;padding:7px 3px}.pulse-grid{grid-template-columns:1fr}.pulse-choice{min-height:64px}}