:root{--mint:#55bca6;--mint-dark:#278975;--cream:#fff9e8;--pink:#ee8bb8;--blue:#74aee8;--choco:#704c42;--ink:#343447;--muted:#757487;--line:rgba(62,133,120,.2);--white:#fff;--sans:"M PLUS Rounded 1c",sans-serif;--round:"Zen Maru Gothic",sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth;background:#d9f5ef}body{margin:0;min-width:320px;color:var(--ink);font-family:var(--sans);background:linear-gradient(180deg,#dff9f2 0,#fff9e7 34%,#f9dfeb 100%);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 9% 10%,rgba(255,255,255,.9) 0 4px,transparent 5px),radial-gradient(circle at 86% 18%,rgba(255,255,255,.75) 0 3px,transparent 4px);background-size:70px 70px,91px 91px;opacity:.7}button{font:inherit;cursor:pointer}a{color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}main{width:min(100%,820px);margin:auto;padding:14px 12px 70px}.screen{animation:pop .42s ease both}@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
    .hero{text-align:center}.hero-art{display:block;width:min(100%,760px);height:auto;margin:auto;border-radius:30px;filter:drop-shadow(0 18px 28px rgba(75,133,121,.18))}.hero-lead{max-width:640px;margin:14px auto 0;color:#686679;font-size:14px;line-height:1.85}.case{position:relative;margin-top:20px;padding:clamp(22px,5vw,38px);border:5px solid rgba(255,255,255,.88);border-radius:30px;background:rgba(255,255,255,.7);box-shadow:0 22px 60px rgba(66,128,117,.15),inset 0 0 0 1px var(--line);backdrop-filter:blur(8px)}.case::before{content:"ICE CASE / OPEN";display:table;margin:-6px auto 20px;padding:7px 15px;border-radius:999px;color:#fff;background:var(--mint);font-size:10px;font-weight:800;letter-spacing:.15em}.case h2{margin:0;font:900 clamp(23px,5vw,32px)/1.5 var(--round);text-align:center}.case-note{margin:10px 0 22px;color:var(--muted);font-size:13px;line-height:1.75;text-align:center}.start-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--mint),#45aedd);box-shadow:0 8px 0 #268b84,0 16px 28px rgba(46,143,132,.25);font-size:18px;font-weight:900;letter-spacing:.04em;text-decoration:none;transition:.16s}.start-btn:hover{transform:translateY(-2px)}.start-btn:active{transform:translateY(5px);box-shadow:0 3px 0 #268b84}.micro{margin:17px 0 0;color:#888698;font-size:12px;text-align:center}.action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-size:13px;font-weight:800}.action.x{color:#fff;background:#111}.action.threads{color:#fff;background:var(--choco)}
    .quiz-head{position:sticky;top:0;z-index:4;padding:10px 4px 14px;background:linear-gradient(180deg,#e0f8f2 72%,transparent)}.quiz-meta{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px;color:var(--mint-dark);font-size:11px;font-weight:800;letter-spacing:.08em}.quiz-meta b{font-size:25px}.progress{height:9px;border:3px solid #fff;border-radius:999px;background:#d7ebe6;overflow:hidden}.progress i{display:block;width:10%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--pink),var(--blue));transition:width .3s ease}.question-card{margin-top:14px;padding:clamp(24px,6vw,44px) clamp(16px,5vw,36px);border:5px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.78);box-shadow:0 24px 55px rgba(76,126,118,.16),inset 0 0 0 1px var(--line)}.question-card.bump{animation:bump .32s ease}@keyframes bump{50%{transform:scale(.985);opacity:.72}}.flavor{display:table;margin:0 auto 18px;padding:6px 13px;border-radius:999px;color:var(--mint-dark);background:#e5f7f2;font-size:10px;font-weight:900;letter-spacing:.12em}.question{margin:0 auto 26px;font:900 clamp(22px,5.8vw,32px)/1.55 var(--round);text-align:center}.answers{display:grid;gap:11px}.answer{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;width:100%;min-height:68px;padding:11px 15px;border:1px solid rgba(78,142,132,.22);border-radius:17px;color:var(--ink);background:#fff;text-align:left;font-size:14px;line-height:1.65;box-shadow:0 7px 16px rgba(69,120,112,.07);transition:.15s}.answer:hover,.answer:focus-visible{border-color:var(--mint);transform:translateY(-2px);outline:none}.answer-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:var(--mint);font-weight:900}.answer:nth-child(2) .answer-mark{background:var(--pink)}.answer:nth-child(3) .answer-mark{background:var(--blue)}.answer:nth-child(4) .answer-mark{background:var(--choco)}.back{display:block;margin:20px auto 0;border:0;color:#558f84;background:transparent;text-decoration:underline;text-underline-offset:4px}
    .result-card{position:relative;overflow:hidden;padding:clamp(28px,7vw,54px) clamp(18px,6vw,45px);border:6px solid #fff;border-radius:34px;color:var(--ink);background:linear-gradient(145deg,#fffdf7,#f4fffc);box-shadow:0 28px 70px rgba(83,121,115,.2),inset 0 0 0 1px var(--line);text-align:center}.result-card::before,.result-card::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(2px);opacity:.25}.result-card::before{left:-80px;top:-70px;background:var(--type-color,var(--mint))}.result-card::after{right:-75px;bottom:-80px;background:var(--type-color,var(--pink))}.result-kicker{position:relative;margin:0;color:var(--mint-dark);font-size:11px;font-weight:900;letter-spacing:.18em}.result-icon{position:relative;display:grid;width:108px;height:108px;margin:20px auto 8px;place-items:center;border:7px solid #fff;border-radius:32px;background:var(--type-color,var(--mint));box-shadow:0 13px 25px rgba(57,106,98,.18);font-size:56px;transform:rotate(-3deg)}.result-type{position:relative;margin:18px 0 0;color:#565465;font-size:14px}.result-title{position:relative;margin:7px 0 0;font:900 clamp(32px,8vw,52px)/1.35 var(--round)}.result-tag{position:relative;display:inline-flex;margin-top:13px;padding:8px 17px;border-radius:999px;color:#fff;background:var(--type-color,var(--mint));font-size:13px;font-weight:800}.result-lead{position:relative;max-width:590px;margin:23px auto 0;color:#545264;font-size:14.5px;line-height:2;text-align:left}.bars{position:relative;display:grid;gap:13px;margin:27px auto 0;max-width:590px;padding:19px;border-radius:20px;background:rgba(255,255,255,.66);text-align:left}.bar-head{display:flex;justify-content:space-between;color:#6c697b;font-size:11px;font-weight:800}.bar-track{height:9px;margin-top:6px;border-radius:999px;background:#e7eceb;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--type-color,var(--mint)),#ffd8e7)}.details{display:grid;gap:14px;margin-top:16px}.detail{padding:21px;border:4px solid rgba(255,255,255,.75);border-radius:23px;background:rgba(255,255,255,.64);box-shadow:0 12px 30px rgba(74,118,110,.08)}.detail h2{margin:0 0 10px;color:var(--mint-dark);font:900 20px/1.5 var(--round)}.detail p,.detail li{color:#605e70;font-size:14px;line-height:1.9}.detail p{margin:0}.detail ul{display:grid;gap:7px;margin:0;padding-left:1.3em}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair div{padding:16px;border-radius:16px;background:rgba(255,255,255,.72)}.pair b{display:block;margin-bottom:7px;color:#4e8e81;font-size:11px}.pair span{font-weight:800}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.action{min-height:52px}.action.retry{grid-column:1/-1;color:var(--mint-dark);background:#fff}.info{margin-top:38px;padding:clamp(22px,5vw,34px);border:4px solid rgba(255,255,255,.7);border-radius:25px;background:rgba(255,255,255,.55)}.info h2{margin:0 0 14px;font:900 24px var(--round)}.info h3{margin:24px 0 8px;color:var(--mint-dark);font-size:17px}.info p,.info li{color:#636173;font-size:14px;line-height:1.9}.info ul{padding-left:1.2em}.other-link{display:inline-flex;margin-top:7px;color:var(--mint-dark);font-weight:800}footer{width:min(100%,820px);margin:auto;padding:30px 17px 44px;border-top:1px solid var(--line);text-align:center}footer nav{display:flex;justify-content:center;gap:12px 20px;flex-wrap:wrap}footer a{color:#596e69;font-size:13px;text-decoration:none}footer p{color:#7a8986;font-size:12px;line-height:1.75}.toast{position:fixed;left:50%;bottom:24px;z-index:10;padding:10px 17px;border-radius:999px;color:#fff;background:#31313f;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}
    @media(max-width:520px){main{padding-inline:9px}.hero-art{border-radius:20px}.hero-lead{font-size:13px;line-height:1.65}.case{border-radius:24px;padding:22px 14px}.question-card{border-radius:24px;padding-inline:13px}.answer{font-size:13.5px}.pair,.result-actions{grid-template-columns:1fr}.action.retry{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}