:root{--bg:#fafafc;--surface:#fff;--text:#1f1f2b;--muted:#5d5d70;--line:#e6e6ef;--brand:#c9334a;--brand-ink:#fff;--brand-soft:#fde8eb;--left:#8c8ca1;--g1:#4c6fff;--g2:#ff5fa2;--g3:#1fb57a;--g4:#ff8a1f;--shadow:0 6px 24px #1f1f2b14;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121218;--surface:#1c1c25;--text:#f2f2f7;--muted:#b2b2c4;--line:#2e2e3b;--brand:#ff6b7d;--brand-ink:#1a0b0e;--brand-soft:#3a1d23;--left:#9a9ab0;--shadow:0 6px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-jp), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.7}a{color:inherit}button{font:inherit;color:inherit}.page{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 16px 48px}.stack>*+*{margin-top:16px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}h1,h2,h3{margin:0;line-height:1.35}h1{font-size:28px}h2{font-size:20px}h3{font-size:17px}p{margin:0}.logo{align-items:center;gap:6px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.btn{background:var(--brand);width:100%;min-height:56px;color:var(--brand-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .2s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 2px var(--line)}.btn.ghost{color:var(--muted);background:0 0;min-height:44px}.btn.danger{color:#d23b3b;background:0 0;box-shadow:inset 0 0 0 2px}.btn-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bottom-bar{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);position:sticky;bottom:0}.input{border:2px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--text);font:inherit;border-radius:16px;padding:12px 16px;font-size:18px}.input:focus{border-color:var(--brand);outline:none}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.label{margin-bottom:8px;font-weight:700;display:block}.error{color:#d23b3b;font-size:14px}.stepper{justify-content:center;align-items:center;gap:24px;display:flex}.stepper button{background:var(--brand-soft);width:56px;height:56px;color:var(--brand);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;font-size:28px;font-weight:700}.stepper button:disabled{opacity:.35}.stepper .num{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2ch;font-size:56px;font-weight:800}.q-top{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:22px}.icon-btn:disabled{opacity:.25}.progress{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--brand);border-radius:999px;height:100%;transition:width .3s}.q-count{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.q-body{touch-action:pan-y;flex-direction:column;justify-content:center;gap:40px;min-height:52dvh;display:flex}.q-text{align-items:center;min-height:4.8em;font-size:23px;font-weight:700;line-height:1.6;display:flex}.q-text .name{color:var(--brand)}.q-anim{animation:.25s q-in}@keyframes q-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.scale{border:0;justify-content:space-between;align-items:center;gap:2px;margin:0;padding:0;display:flex}.scale-wrap .ends{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:14px;font-weight:700;display:flex}.dot{cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;min-width:44px;height:64px;display:flex;position:relative}.dot input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dot span{border:3px solid var(--c);background:0 0;border-radius:50%;flex-shrink:0;transition:transform .12s,background .12s;display:block}.dot input:checked+span{background:var(--c);transform:scale(1.12)}.dot input:focus-visible+span{outline:3px solid var(--brand);outline-offset:3px}.dot.pop span{animation:.25s pop}@keyframes pop{50%{transform:scale(1.35)}}.cheer{background:var(--text);color:var(--bg);pointer-events:none;z-index:10;border-radius:999px;padding:12px 24px;font-weight:700;animation:.8s forwards cheer;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes cheer{0%{opacity:0;transform:translate(-50%,-40%)}20%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0}}.choice-list{gap:10px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;min-height:52px;padding:10px 16px;font-weight:600}.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.dots-progress{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dots-progress span{background:var(--line);border-radius:50%;width:28px;height:28px;transition:background .4s}.dots-progress span.on{background:var(--brand)}.big-count{font-variant-numeric:tabular-nums;font-size:48px;font-weight:800}.notice{background:var(--brand-soft);border-radius:16px;padding:14px 16px;font-size:14px}.linkbox{border:2px dashed var(--line);word-break:break-all;border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.type-card{color:#fff;text-align:center;background:var(--gc);box-shadow:var(--shadow);border-radius:28px;padding:24px 20px 28px;overflow:hidden}.type-card .group{background:#ffffff38;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.type-card .code{letter-spacing:.12em;margin-top:8px;font-size:44px;font-weight:900;line-height:1.1}.type-card .code .half{background:linear-gradient(90deg,#fff 50%,#ffffff73 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.type-card .tname{margin-top:4px;font-size:30px;font-weight:900;line-height:1.25}.type-card .catch{margin-top:8px;font-weight:700}.type-card .tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.type-card .tags span{background:#fff3;border-radius:999px;padding:2px 10px}.type-card .both{opacity:.9;font-size:12px}.meter+.meter{margin-top:18px}.meter .ends{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.meter .ends .win,.text-group{color:var(--gc)}@media (prefers-color-scheme:dark){.meter .ends .win,.text-group{color:var(--gg)}}.meter .bar{background:var(--line);border-radius:999px;height:12px;margin:6px 0;position:relative}.meter .bar .fill{background:var(--gc);border-radius:999px;position:absolute;top:0;bottom:0}.meter .bar .knob{background:var(--surface);border:4px solid var(--gc);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.meter .bar.self .fill{opacity:.45}.meter .note{color:var(--muted);font-size:13px}.section-title{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.section-title:before{content:"";background:var(--gc,var(--brand));border-radius:3px;width:6px;height:22px}details.card summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:18px;font-weight:800;list-style:none;display:flex}details.card summary::-webkit-details-marker{display:none}details.card summary:after{content:"＋";color:var(--muted)}details.card[open] summary:after{content:"－"}details.card>div{margin-top:12px}.list-plain{margin:0;padding:0;list-style:none}.list-plain li+li{margin-top:12px}.insight{gap:10px;display:flex}.insight:before{content:"";background:var(--gc);border-radius:50%;flex:0 0 8px;height:8px;margin-top:.7em}.aruaru{flex-wrap:wrap;gap:8px;display:flex}.aruaru span{background:var(--bg);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:15px}.match{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match>div{text-align:center;background:var(--bg);border-radius:16px;padding:12px 8px}.badge{background:var(--gc);color:#fff;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700;display:inline-block}.disclaimer{color:var(--muted);font-size:12px;line-height:1.7}.reveal{z-index:20;color:#fff;text-align:center;background:#14141c;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:fixed;inset:0}.reveal .slots{gap:8px;display:flex}.reveal .slot{background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:72px;font-size:40px;font-weight:900;display:flex}.reveal .slot.spin{animation:.12s linear infinite spin}@keyframes spin{0%{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:translateY(6px)}}.reveal .burst{background:radial-gradient(circle at center, var(--gc) 0%, transparent 70%);pointer-events:none;animation:.8s forwards burst;position:absolute;inset:0}@keyframes burst{0%{opacity:0;transform:scale(.2)}to{opacity:.9;transform:scale(1.6)}}.reveal .skip{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:999px;min-height:44px;padding:0 16px;position:absolute;top:16px;right:16px}.confetti{animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)}}.groups{grid-template-columns:1fr 1fr;gap:12px;display:grid}.group-tile{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:18px;min-height:96px;padding:14px 12px}.group-tile b{font-size:16px;display:block}.group-tile small{opacity:.95;font-size:12px;line-height:1.5;display:block}.steps{counter-reset:step;gap:12px;display:grid}.steps .card{align-items:center;gap:14px;padding:16px;display:flex}.steps .num-badge{background:var(--brand-soft);height:36px;color:var(--brand);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-weight:800;display:flex}.dialog-backdrop{z-index:30;background:#00000073;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:24px;width:100%;max-width:448px;padding:24px 20px}.qr{width:220px;height:220px;image-rendering:pixelated;background:#fff;border-radius:12px;margin:0 auto;padding:8px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-footer{max-width:480px;padding:24px 16px calc(32px + env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:0 auto;font-size:13px;display:flex}.site-footer a{color:var(--muted);min-height:24px}.legal h1{font-size:24px}.legal h2{margin-top:28px;font-size:18px}.legal p,.legal li{font-size:15px}.legal ol,.legal ul{margin:8px 0 0;padding-left:1.4em}.legal table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.legal th,.legal td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}