:root{--blue:#2563eb;--navy:#1e3a8a;--ink:#1e293b;--muted:#64748b;--result:#2563eb;font-family:"Noto Sans JP","Yu Gothic",sans-serif;color:var(--ink);background:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 5%,#dbeafe,transparent 28%),radial-gradient(circle at 90% 90%,#e0f2fe,transparent 30%),#f8fafc}.app-shell{min-height:100svh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.card{width:min(100%,480px);background:#fff;border:1px solid #e5edf8;border-radius:28px;box-shadow:0 18px 60px #1e3a8a1a}.start{text-align:center;padding:34px 28px}.toolbox{width:92px;height:74px;margin:0 auto 22px;border-radius:22px;background:linear-gradient(145deg,#2563eb,#1e40af);box-shadow:0 13px 25px #bfdbfe;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;gap:8px;position:relative}.toolbox:before{content:"";position:absolute;top:-9px;width:38px;height:11px;border:4px solid #60a5fa;border-bottom:0;border-radius:9px 9px 0 0}.toolbox span:first-child{color:#fde68a}.toolbox span:last-child{color:#a7f3d0}.eyebrow{font-weight:800;letter-spacing:.08em;color:var(--blue);font-size:12px;margin:0 0 7px}.start h1{font-size:16px;margin:0;color:var(--navy)}.start h2{font-size:30px;line-height:1.3;margin:14px 0;letter-spacing:-.03em}.lead{font-size:15px;line-height:1.8;color:#53647a;margin:0}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:22px 0}.chips span{background:#eff6ff;color:#315785;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:700}.primary,.option,.line{min-height:52px}.primary{width:100%;border:0;border-radius:15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb38;color:#fff;font-weight:800;font-size:16px}.primary b,.line b{float:right}.start>small{display:block;color:var(--muted);margin-top:13px}.question{overflow:hidden}.question header{padding:18px 20px 12px;display:grid;grid-template-columns:50px 1fr 64px;align-items:center}.question header button:first-child{height:44px;width:44px;border:1px solid #dbe4f0;background:#fff;border-radius:13px;font-size:20px}.question header button:disabled{opacity:.25}.question header div{text-align:center}.question header span{display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.question header div b{font-size:12px;color:var(--muted)}.question header button:last-child{border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:underline}.progress{height:5px;background:#e8eef7}.progress i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,var(--blue));transition:width .3s}.qbody{padding:28px 24px 16px}.qbody>p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 9px}.qbody h1{text-align:center;font-size:22px;line-height:1.45;margin:0 0 25px}.options{display:grid;gap:10px}.option{text-align:left;padding:9px 13px;background:#fff;border:1.5px solid #dce5f1;border-radius:15px;display:grid;grid-template-columns:34px 1fr 15px;align-items:center;gap:10px;color:var(--ink);font:inherit}.option:hover,.option:focus-visible{border-color:#60a5fa;background:#f8fbff}.option.selected{border-color:var(--blue);background:#eff6ff;box-shadow:0 0 0 2px #bfdbfe}.option i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eff6ff;color:var(--blue);font-size:12px;font-weight:900;font-style:normal}.option>b{color:#94a3b8;font-size:22px}.question footer{text-align:center;color:var(--muted);font-size:11px;padding:0 15px 19px}.loading{text-align:center;padding:70px 25px}.loading h1{font-size:23px;line-height:1.5}.loading p{color:var(--muted);font-size:14px}.dots{height:68px;display:flex;align-items:center;justify-content:center;gap:7px}.dots i{width:13px;height:13px;background:var(--blue);border-radius:50%;animation:bounce .8s infinite alternate}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.result{width:min(100%,480px);display:grid;gap:15px}.hero{text-align:center;padding:30px 24px}.result-icon{width:76px;height:76px;margin:14px auto 8px;background:#eff6ff;color:var(--result);border:1px solid #bfdbfe;border-radius:23px;display:grid;place-items:center;font-size:37px}.hero>small{color:var(--result);font-weight:900;letter-spacing:.15em}.hero h1{font-size:29px;margin:5px 0 10px;color:var(--result)}.hero h2{font-size:16px;line-height:1.5}.feature{margin-top:18px;padding:15px;background:#f8fafc;border-radius:14px;text-align:left;color:#53647a;font-size:14px;line-height:1.75}.details{padding:25px 22px}.details h2{font-size:16px;margin:7px 0 14px}.details h2:not(:first-child){margin-top:27px}.details h2 span{color:var(--result);font-size:10px;margin-right:7px}.details ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.details li{display:flex;gap:9px;font-size:14px}.details li i{color:var(--result);font-style:normal}.first{border-left:4px solid var(--result);background:#f8fafc;border-radius:4px 13px 13px 4px;padding:14px;font-size:14px;line-height:1.65}.prompt{background:#eff6ff;border-radius:15px;padding:16px}.prompt p{font-size:13px;line-height:1.7;margin:0 0 13px}.prompt button{width:100%;height:44px;background:#fff;border:1px solid #bfdbfe;border-radius:11px;color:var(--blue);font-weight:800}.cta{background:linear-gradient(145deg,#17377f,#245fd6);color:#fff;text-align:center;padding:29px 23px;border-radius:28px;box-shadow:0 16px 42px #c7d8f8}.cta>.eyebrow{color:#93c5fd}.cta>h2{font-size:22px;line-height:1.45;margin:8px 0 12px}.cta>p:not(.eyebrow){color:#dbeafe;line-height:1.7;font-size:13px}.line{display:block;text-decoration:none;background:#06c755;color:#fff;border-radius:14px;padding:15px 14px;margin-top:19px;font-size:14px;font-weight:900;box-shadow:0 8px 18px #0003}.cta small{display:block;color:#bfdbfe;font-size:10px;margin-top:9px}.actions{display:grid;gap:8px}.actions button{min-height:48px;border-radius:14px;background:#fff;border:1px solid #cbd5e1;color:var(--navy);font-weight:800}.actions button:last-child{border:0;background:transparent;color:var(--muted);text-decoration:underline}.disclaimer{color:var(--muted);font-size:10px;line-height:1.6;text-align:center;margin:0 10px}.screen-in{animation:enter .28s ease both}button,a{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}@keyframes enter{from{opacity:0;transform:translateY(8px)}}@keyframes bounce{to{transform:translateY(-14px);opacity:.55}}@media(max-height:690px){.start{padding:23px 24px}.toolbox{width:77px;height:60px;margin-bottom:15px}.start h2{font-size:27px;margin:10px 0}.chips{margin:14px 0}.qbody{padding-top:18px}.qbody h1{font-size:20px;margin-bottom:17px}.option{min-height:47px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}