:root{--bg:#fbfaf7;--surface:#fff;--ink:#1d1b18;--muted:#6b665e;--line:#e7e3da;--accent:#3d5afe;--accent-ink:#fff;--accent-soft:#eef0ff;--warn:#9a5b00;--warn-soft:#fff4e0;--radius:14px;--max:880px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141311;--surface:#1d1c19;--ink:#f1eee8;--muted:#a59f95;--line:#34312c;--accent:#8c9eff;--accent-ink:#10121f;--accent-soft:#23263d;--warn:#ffc76b;--warn-soft:#33281a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--line);background:var(--surface);z-index:10;padding-top:env(safe-area-inset-top);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.logo{white-space:nowrap;letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}nav.main{gap:18px;font-size:15px;display:flex}nav.main a{color:var(--muted);white-space:nowrap;text-decoration:none}nav.main a:hover{color:var(--ink)}main{min-height:70vh;padding:32px 0 64px}footer.site{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 calc(24px + env(safe-area-inset-bottom));font-size:14px}h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(30px,6vw,46px);line-height:1.1}h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:24px}h3{margin:24px 0 8px;font-size:18px}p.lead{color:var(--muted);max-width:640px;font-size:19px}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:14px 26px;font-size:17px;font-weight:650;text-decoration:none;display:inline-block}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.4;cursor:default}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.muted{color:var(--muted)}.small{font-size:14px}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin:0 6px 6px 0;padding:2px 10px;font-size:13px;text-decoration:none;display:inline-block}a.pill:hover{border-color:var(--accent);color:var(--accent)}.code{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.note{background:var(--warn-soft);color:var(--ink);border-left:3px solid var(--warn);border-radius:8px;padding:12px 14px;font-size:15px}ul.claims{margin:8px 0;padding-left:20px}ul.claims li{margin:6px 0}sup.cite a{margin-left:2px;font-size:11px;text-decoration:none}ol.refs{color:var(--muted);padding-left:22px;font-size:13px}ol.refs li{margin:4px 0}ol.refs li:target{color:var(--ink);background:var(--accent-soft)}.bar{margin:14px 0}.bar .lab{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.bar .lab b{color:var(--ink)}.bar .track{background:var(--line);border-radius:99px;height:10px;margin-top:6px;position:relative;overflow:hidden}.bar .fill{background:var(--accent);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.bar .mid{background:var(--bg);width:2px;position:absolute;top:-2px;bottom:-2px;left:50%}.tag-border{color:var(--warn);margin-left:6px;font-size:12px}.q{letter-spacing:-.01em;min-height:90px;margin:24px 0;font-size:clamp(22px,4.5vw,28px);font-weight:600;line-height:1.3}.choices{gap:10px;display:grid}.choice{text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:14px 16px;font-size:17px}@media (hover:hover){.choice:hover{border-color:var(--accent)}}.choice.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.progress{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-code{letter-spacing:.02em;margin:0;font-size:clamp(40px,10vw,72px);font-weight:800}.cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}@media (max-width:560px){nav.main{gap:12px;font-size:14px}}.pairgrid{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.pairgrid table{border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pairgrid th,.pairgrid td{border:1px solid var(--line);text-align:center;padding:0}.pairgrid thead th{color:var(--muted);padding:6px 2px;font-weight:700}.pairgrid tbody th{background:var(--surface);z-index:1;padding:0 6px;position:sticky;left:0}.pairgrid tbody th a{font-weight:700;text-decoration:none}.pairgrid td a{color:var(--ink);padding:7px 4px;text-decoration:none;display:block}.pairgrid td a:hover{background:var(--accent-soft);color:var(--accent)}.pairgrid td.same{background:var(--accent-soft)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:420px){nav.main{gap:9px;font-size:13px}.logo{font-size:17px}}nav.main{scrollbar-width:none;overflow-x:auto}.guide p.answer{font-size:18px}.crumbs{color:var(--muted);margin:0 0 12px}.crumbs a{color:var(--muted)}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:14px 18px;font-size:15px}.toc ol{margin:8px 0 0;padding-left:20px}.toc li{margin:3px 0}.guide h2{scroll-margin-top:72px}.tip{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;margin:16px 0;padding:12px 14px;font-size:15px}.tip p{margin:4px 0 0}.cta{margin:28px 0}.cta p{margin:6px 0 14px}.table-wrap{margin:16px 0;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:15px}table.data caption{text-align:left;color:var(--muted);padding-bottom:6px;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}table.data th{font-weight:650}.faq h3{margin-bottom:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn:focus-visible,.choice:focus-visible,.pill:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-lg{padding:16px 32px;font-size:18px}.linkish{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:700}button.pill{cursor:pointer;font:inherit;background:0 0;font-size:13px}ul.checks{margin:10px 0;padding:0;list-style:none}ul.checks li{margin:8px 0;padding-left:26px;position:relative}ul.checks li:before{content:"✓";color:var(--accent);font-weight:800;position:absolute;top:0;left:2px}kbd{border:1px solid var(--line);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:0 5px;font:12px ui-monospace,Menlo,monospace}.hero{padding:16px 0 8px}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.facts{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.facts li{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:12px 14px;display:flex}.facts b{letter-spacing:-.02em;font-size:22px}.facts span{color:var(--muted);font-size:13px;line-height:1.35}@media (max-width:640px){.facts{grid-template-columns:repeat(2,1fr)}.hero-cta .btn{text-align:center;width:100%}}.proof{margin:14px 0 0}.resume{background:var(--accent-soft);border-radius:10px;margin:14px 0 0;padding:10px 14px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;padding:12px 0;font-weight:650;list-style-position:outside}.faq details p{color:var(--ink);margin:0 0 14px}.card.upsell{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.teaser{border-top:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));margin-top:14px;padding-top:12px}.pill.facet{background:var(--surface);color:var(--ink)}.pill.facet span{color:var(--accent);margin-left:2px;font-weight:700}.offer-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.offer-buy{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.offer-buy .btn{text-align:center;width:100%}.price{letter-spacing:-.02em;font-size:30px;font-weight:800}@media (max-width:640px){.offer-grid{grid-template-columns:1fr}}.sample-banner{background:var(--warn-soft);border-left:3px solid var(--warn);border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:15px}.btn-stack{flex-direction:column;gap:8px;margin:10px 0;display:flex}.btn-stack .btn{text-align:center;width:100%}.sharelinks{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;display:flex}.sharelinks .pill{margin:0;padding:6px 12px}.quiz{max-width:620px}.quiz-status{min-height:22px;color:var(--muted);margin:12px 0 0}.quiz-status.on{color:var(--accent);font-weight:600}.choice{align-items:center;gap:12px;min-height:54px;display:flex}.choice .key{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:7px;flex:none;justify-content:center;align-items:center;font:600 13px ui-monospace,Menlo,monospace;display:inline-flex}.choice.on .key{border-color:var(--accent);color:var(--accent)}@media (hover:none),(pointer:coarse){.choice .key,.kbd-hint{display:none}.choice{min-height:56px}}@media (max-width:560px){.quiz .row .btn{text-align:center;flex:1}.q{min-height:110px;margin:16px 0}}nav.lang{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}nav.lang span[aria-current]{color:var(--ink);font-weight:600}nav.main nav.lang.compact{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;font-size:13px}@media (max-width:600px){nav.main nav.lang.compact{display:none}}html:lang(ja) body{line-break:strict;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}html:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2{letter-spacing:0;line-height:1.3}html:lang(ja) .q,html:lang(ko) .q{letter-spacing:0;line-height:1.5}html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3,html:lang(ja) .q{word-break:auto-phrase}html:lang(ja) h1,html:lang(ko) h1{text-wrap:balance}html:lang(zh) body{line-break:strict;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,sans-serif}html:lang(zh) h1,html:lang(zh) h2{letter-spacing:0;line-height:1.3}html:lang(zh) .q{letter-spacing:0;line-height:1.5}html:lang(zh) h1{text-wrap:balance}html:lang(zh-Hans) body{font-family:system-ui,-apple-system,PingFang SC,Noto Sans SC,Noto Sans CJK SC,Microsoft YaHei,Heiti SC,sans-serif}
