:root{--ink:#11264f;--muted:#68819d;--pink:#ff4c91;--line:#e9eef5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Hiragino Maru Gothic ProN','Yu Gothic',Meiryo,sans-serif;background:radial-gradient(ellipse at 5% 15%,#e6f5ff,transparent 35%),radial-gradient(ellipse at 96% 70%,#ffe9ef,transparent 35%),#fffcfa;font-size:15px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #2786d4;outline-offset:3px}.shell{max-width:560px;margin:auto;min-height:100dvh;background:#ffffffb5;padding:0 22px 105px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 4px 22px}.brand{border:0;background:none;font-weight:1000;letter-spacing:-3px;font-size:35px;position:relative;white-space:nowrap;padding:0}.brand:after{content:'';width:8px;height:8px;border-radius:50%;background:#50cdd4;position:absolute;bottom:1px;right:5px}.brand i{position:absolute;width:5px;height:10px;left:17px;top:-5px;background:var(--pink);transform:rotate(-20deg);border-radius:4px;box-shadow:9px 1px #ffda63}.tagline{font-size:11px;font-weight:bold}.card{background:white;border-radius:28px;padding:25px 22px;box-shadow:0 8px 35px #55382608;border:1px solid #f6f1ef;margin-bottom:18px}h1{font-size:25px;line-height:1.55;margin:15px 0 24px;letter-spacing:-.04em}h2{font-size:20px;line-height:1.5;margin:0 0 15px}h3{font-size:16px}.eyebrow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.pill{background:#eaf6ff;color:#48759a;padding:6px 12px;border-radius:22px;font-weight:bold;font-size:12px}.intro{position:relative;padding:4px 110px 16px 8px;min-height:112px}.intro h1{font-size:27px;margin:0 0 7px}.intro p{font-size:12px;margin:0;color:var(--muted);line-height:1.7}.mascot{object-fit:contain;width:96px;height:110px}.intro .mascot{position:absolute;right:0;bottom:0}.options{display:grid;gap:10px}.option{border:2px solid var(--line);background:#fff;min-height:53px;border-radius:28px;padding:12px 15px;font-weight:600;transition:background .15s}.option:hover{background:#fff0f5;border-color:#ffd5e4}.option.selected{background:#ffe9f0;color:#ed367a;border-color:#ffd2e2}.primary,.secondary{width:100%;min-height:54px;border-radius:28px;padding:14px 19px;font-weight:bold;margin-top:14px;border:0}.primary{background:linear-gradient(110deg,#ff76ac,#ff438d);color:#fff}.secondary{background:#fff;color:#288ddd;border:1.5px solid #52adf3}.textbutton{border:0;background:none;color:var(--muted);padding:14px 8px;font-size:13px}.center{text-align:center}.note{color:var(--muted);font-size:12px;line-height:1.8}.hint{margin:22px 0 0;text-align:center;color:#6381a0;font-size:12px}.progress{height:5px;background:#f0f3f8;border-radius:10px;margin-bottom:20px;overflow:hidden}.progress span{display:block;height:100%;background:#6cc2fc;border-radius:10px}.resultrow{display:grid;grid-template-columns:1fr 44%;gap:10px;align-items:center;margin:17px 0;font-size:13px}.resultlabel small{display:inline-block;color:white;background:var(--pink);padding:2px 7px;border-radius:10px;font-size:10px;margin-left:4px}.resultrow.mine{color:#ed367a;font-weight:bold}.barline{display:flex;align-items:center;gap:7px}.track{height:28px;background:#f1f6fa;border-radius:6px;flex:1;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#b4e1ff,#78c6fc);border-radius:5px}.mine .track{background:#ffedf2}.mine .fill{background:linear-gradient(90deg,#ff9bb9,#ff729c)}.percent{width:37px;text-align:right;font-size:13px}.comment{display:flex;align-items:center;background:#fff5df;border-radius:23px;padding:10px 12px;margin:25px 0 8px;gap:7px;font-size:13px;font-weight:bold;line-height:1.8}.comment .mascot{width:68px;height:78px;flex-shrink:0}.list{display:grid;gap:10px}.questionlink{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid var(--line);border-radius:19px;background:white;padding:16px 14px}.emoji{font-size:24px}.questionlink .copy{flex:1;font-weight:bold;font-size:14px;line-height:1.6}.questionlink small{display:block;color:var(--muted);font-size:11px;font-weight:normal;margin-top:4px}.arrow{color:#8aa3bd}.genres{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.genre{border:1px solid var(--line);background:white;border-radius:18px;padding:16px 7px;font-weight:bold;font-size:12px}.genre span{display:block;font-size:25px;margin-bottom:8px}.genre.active{border-color:#ff96bc;background:#fff2f7}.gate{margin-top:12px;background:#f5f9fe;border:1px solid #e4edf7;border-radius:22px;padding:19px;width:100%;text-align:left}.gate.heavy{background:#f9f4fe;border-color:#eee3f8}.gate strong{display:block;font-size:16px}.gate small{display:block;margin-top:7px;color:var(--muted);line-height:1.7}.sectiontitle{margin:28px 2px 13px}.search{border:1px solid #dde6f0;width:100%;border-radius:20px;padding:13px 16px;background:white;color:var(--ink);margin:10px 0}.reviewrow{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}.reviewrow strong{display:block;font-size:15px;margin-top:4px}.error{background:#fff0f4;border:1px solid #ffc7d9;border-radius:16px;padding:14px;color:#ae2859;font-size:13px;margin-bottom:12px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);background:#fffffff5;backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:9px 8px max(10px,env(safe-area-inset-bottom));z-index:5}nav button{border:0;background:none;color:var(--muted);font-size:10px;padding:6px 0}nav button.active{color:var(--pink);font-weight:bold}nav svg{display:block;margin:0 auto 5px;width:24px;height:24px}footer{font-size:10px;line-height:1.8;color:#8b98ad;text-align:center;margin-top:28px}dialog{border:0;border-radius:26px;padding:27px;width:min(90%,420px);color:var(--ink);box-shadow:0 15px 80px #15284733}dialog::backdrop{background:#14234566;backdrop-filter:blur(3px)}dialog input{width:100%;padding:15px;border-radius:15px;border:1px solid #cedbe9}.counter{background:#fff0f4;color:#d54179;padding:6px 10px;border-radius:20px;font-size:11px}.back{padding:4px 0 16px}.scope{margin-bottom:14px;color:#71839d;font-size:12px}.empty{padding:25px 0;text-align:center;line-height:1.9}.notice{background:#edf7ff;border-radius:16px;padding:15px;font-size:12px;line-height:1.8}@media(min-width:700px){.shell{margin:24px auto;border-radius:32px;box-shadow:0 20px 80px #263d6710;min-height:calc(100vh - 48px)}}@media(max-width:360px){.shell{padding-left:13px;padding-right:13px}.card{padding:21px 17px}h1{font-size:23px}.tagline{font-size:9px}.brand{font-size:32px}.intro{padding-right:92px}.intro h1{font-size:24px}.intro .mascot{width:87px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.demo-banner{font-size:11px;line-height:1.7;color:#766749;background:#fff5df;border-radius:12px;padding:10px 13px;margin:0 0 16px}.age-distribution{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:12px}.age-distribution summary{cursor:pointer;color:var(--muted)}.age-line{display:grid;grid-template-columns:65px 1fr 33px;align-items:center;gap:9px;margin:12px 0}.age-line meter{width:100%;height:16px}