:root{--bg:#f3f5fd;--bg-sky:linear-gradient(180deg, #dfe6fb 0%, #eef1fd 45%, #f7f4fb 100%);--surface:#fff;--surface-muted:#eef1fb;--ink:#1d2550;--ink-soft:#4a5378;--ink-faint:#7a82a3;--line:#d9def0;--accent:#3a4fb8;--accent-soft:#e3e8fb;--gold:#b8913a;--radius:14px;--shadow:0 1px 2px #1d25500f, 0 8px 24px #1d25500f;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-serif:"Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#11152b;--bg-sky:linear-gradient(180deg, #1a2148 0%, #141a36 50%, #11152b 100%);--surface:#1a2040;--surface-muted:#222a52;--ink:#eef0fb;--ink-soft:#c2c7e3;--ink-faint:#8d94b8;--line:#2f3866;--accent:#9fb0ff;--accent-soft:#263064;--gold:#e0c27a;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.75}a{color:var(--accent)}h1,h2,h3{font-family:var(--font-serif);margin:0;line-height:1.35}p{margin:0}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.stack>*+*{margin-top:var(--gap,16px)}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{font-family:var(--font-serif);color:var(--ink);font-size:1.1rem;font-weight:700;text-decoration:none}.brand small{font-family:var(--font-sans);color:var(--ink-faint);letter-spacing:.08em;font-size:.7rem;font-weight:400;display:block}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.92rem;text-decoration:none}.nav a:hover{background:var(--accent-soft);color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:64px;padding:32px 0 48px;font-size:.82rem}.hero{background:var(--bg-sky);padding:56px 0 48px}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem)}.eyebrow{color:var(--gold);letter-spacing:.12em;font-size:.8rem;font-weight:700}.lead{color:var(--ink-soft);max-width:40em;font-size:1.05rem}.tagline{font-family:var(--font-serif);color:var(--ink-soft);font-style:italic}.section{padding-top:48px}.section-title{margin-bottom:8px;font-size:1.4rem}.section-note{color:var(--ink-faint);margin-bottom:20px;font-size:.88rem}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}@media (prefers-color-scheme:dark){.button{color:#11152b}}.button.secondary{color:var(--accent);background:0 0}.button:disabled{opacity:.4;cursor:default}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:20px;text-decoration:none;display:block}a.card:hover{border-color:var(--accent)}.card h3{font-size:1.05rem}.muted{color:var(--ink-faint);font-size:.88rem}.chip{background:var(--accent-soft);color:var(--ink-soft);border-radius:999px;padding:2px 10px;font-size:.78rem;display:inline-block}.code{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.character{align-items:center;gap:12px;display:flex}.medallion{width:var(--size,52px);height:var(--size,52px);color:#fff;font-family:var(--font-serif);font-weight:700;font-size:calc(var(--size,52px) * .42);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 -4px #00000026}.axis{grid-template-columns:4.5em 1fr 4.5em;align-items:center;gap:8px;font-size:.85rem;display:grid}.axis .pole{color:var(--ink-faint)}.axis .pole.on{color:var(--ink);font-weight:700}.axis .pole:last-child{text-align:right}.axis-track{background:var(--surface-muted);border-radius:999px;height:10px;position:relative}.axis-track:after{content:"";background:var(--line);width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.axis-dot{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 20px}.question-text{min-height:3.5em;font-size:1.2rem;font-weight:700}.progress{background:var(--surface-muted);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.result-hero{border-radius:var(--radius);color:#fff;padding:28px 20px}.result-hero span.medallion{background:#ffffff38!important}img.medallion{object-fit:cover;border:3px solid #ffffffd9}.match-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.score{color:var(--accent);white-space:nowrap;font-weight:700}.button.primary-lg{color:#fff;background:linear-gradient(135deg,#3a4fb8,#6a3fc9);border:none;min-height:60px;padding:0 32px;font-size:1.1rem;box-shadow:0 6px 18px #3a4fb859}.button.primary-lg:hover{filter:brightness(1.08)}.button.small{min-height:44px;padding:0 16px;font-size:.9rem}.button.x-share{color:#fff;background:#0f1419;border-color:#0f1419;min-height:56px;font-size:1.05rem}.floating-cta{display:none}@media (max-width:720px){.floating-cta{z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #f3f5fd00, var(--bg) 35%);display:block;position:fixed;bottom:0;left:0;right:0}.floating-cta .button{width:100%}body{padding-bottom:96px}}.progress-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:0}.progress-header .progress{height:8px;margin-top:8px}.share .button{width:100%;max-width:420px}.button.block{width:100%}.axis .axis-percent{text-align:center;color:var(--ink-soft);grid-column:1/-1;margin-top:-4px;font-size:.85rem}.axis-range{background:var(--accent);opacity:.55;border-radius:999px;width:50%;position:absolute;top:0;bottom:0}.axis-range.right{left:50%}.axis-range.left{left:0}.reading-head{margin-bottom:2px}.scale{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:24px;display:grid}.scale-circles{justify-content:space-between;align-items:center;gap:4px;display:flex}.scale-end{font-size:.8rem;font-weight:700}.scale-end.disagree{color:#8a5cc2}.scale-end.agree{color:#2f8f6b}.scale-circle{width:var(--size);height:var(--size);cursor:pointer;background:var(--surface);border:3px solid var(--line);border-radius:50%;flex:none;padding:0}.scale-circle.disagree{border-color:#8a5cc2}.scale-circle.agree{border-color:#2f8f6b}.scale-circle.neutral{border-color:var(--ink-faint)}.scale-circle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.scale-circle.disagree:hover{background:#8a5cc2}.scale-circle.agree:hover{background:#2f8f6b}.scale-circle.neutral:hover{background:var(--ink-faint)}}@media (max-width:560px){.scale{grid-template-columns:1fr 1fr}.scale-circles{grid-area:1/1/auto/-1}.scale-end.agree{text-align:right}}.showcase{--gilt:#b8913a;isolation:isolate;background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--theme) 22%, transparent), transparent 60%), linear-gradient(160deg, #e3e8fb 0%, #f1eefb 55%, #f8f5fb 100%);border:1px solid color-mix(in srgb, var(--gilt) 45%, transparent);box-shadow:inset 0 0 0 6px #ffffff8c, inset 0 0 0 7px color-mix(in srgb, var(--gilt) 30%, transparent);border-radius:4px;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:48px;padding:32px;display:grid;position:relative}@media (prefers-color-scheme:dark){.showcase{--gilt:#e0c27a;background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--theme) 28%, transparent), transparent 60%), linear-gradient(160deg, #1d2450 0%, #171c3c 60%, #141831 100%);box-shadow:inset 0 0 0 6px #ffffff0a, inset 0 0 0 7px color-mix(in srgb, var(--gilt) 30%, transparent)}}.showcase-frame{border:1px solid var(--gilt);background:color-mix(in srgb, var(--theme) 10%, var(--surface));box-shadow:0 0 0 4px var(--surface), 0 0 0 5px color-mix(in srgb, var(--theme) 55%, transparent), 0 18px 40px #1d25502e;margin:0;padding:14px;position:relative}.showcase-frame img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;display:block}.frame-corner{width:56px;height:56px;color:var(--gilt);z-index:2;pointer-events:none;position:absolute}.frame-corner.tl{top:-9px;left:-9px}.frame-corner.tr{top:-9px;right:-9px;transform:scaleX(-1)}.frame-corner.bl{bottom:-9px;left:-9px;transform:scaleY(-1)}.frame-corner.br{bottom:-9px;right:-9px;transform:scale(-1)}.showcase-emblem{z-index:3;background:var(--surface);border:1px solid var(--gilt);font-family:var(--font-serif);letter-spacing:.2em;white-space:nowrap;color:var(--ink);padding:4px 18px;font-size:.9rem;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.showcase-emblem span{color:var(--gilt);letter-spacing:.3em;margin-right:10px;font-size:.72rem}.showcase-plate{align-content:center;gap:10px;display:grid}.showcase-eyebrow{color:var(--gilt);letter-spacing:.3em;font-size:.8rem;font-weight:700}.showcase-index{font-family:"Times New Roman", var(--font-serif);color:var(--ink-faint);letter-spacing:.35em;font-size:.85rem}.showcase-code{font-family:"Times New Roman", var(--font-serif);letter-spacing:.12em;color:var(--theme);filter:saturate(1.1)brightness(.92);font-size:clamp(2.2rem,6vw,3.4rem);line-height:1}.showcase-title{letter-spacing:.06em;text-wrap:balance;font-size:clamp(1.4rem,3.4vw,2rem)}.showcase-name{font-family:var(--font-serif);letter-spacing:.4em;color:var(--ink-soft);font-size:1.15rem}.ornament-rule{color:var(--gilt);align-items:center;gap:12px;margin:6px 0;font-size:.7rem;display:flex}.ornament-rule span{background:linear-gradient(90deg, transparent, var(--gilt), transparent);flex:1;height:1px}.showcase-creed{font-family:var(--font-serif);color:var(--ink);border-left:2px solid color-mix(in srgb, var(--theme) 70%, transparent);text-wrap:balance;margin:0;padding-left:18px;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.9}.showcase-catch{color:var(--ink-soft);font-size:.95rem}.crest{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.crest li{text-align:center;justify-items:center;gap:8px;display:grid}.crest-seal{border:1px solid var(--gilt);background:color-mix(in srgb, var(--theme) 16%, var(--surface));width:44px;height:44px;box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px color-mix(in srgb, var(--theme) 60%, transparent);place-items:center;display:grid;transform:rotate(45deg)}.crest-seal span{font-family:"Times New Roman", var(--font-serif);color:var(--ink);font-size:1.1rem;font-weight:700;transform:rotate(-45deg)}.crest-label{font-size:.85rem;font-weight:700;display:grid}.crest-axis{color:var(--ink-faint);letter-spacing:.1em;font-size:.7rem;font-weight:400}@media (max-width:760px){.showcase{grid-template-columns:1fr;gap:36px;padding:20px 16px 24px}.showcase-frame{justify-self:center;width:100%;max-width:380px}.showcase-plate{text-align:center}.showcase-creed{border-left:none;padding-left:0}}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px;display:grid}@media (max-width:560px){.gallery{grid-template-columns:repeat(2,1fr);gap:10px}}.gallery-card{--gilt:#b8913a;aspect-ratio:3/4;color:#fff;border:1px solid color-mix(in srgb, var(--gilt) 55%, transparent);text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff0,0 6px 18px #1d25501f}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-card:after{content:"";pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:6px}@media (hover:hover){.gallery-card:hover img{transform:scale(1.04)}}.gallery-plate{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--theme) 35%, #141832d1) 45%);gap:2px;padding:40px 14px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.gallery-index{font-family:"Times New Roman", var(--font-serif);letter-spacing:.3em;opacity:.8;font-size:.7rem}.gallery-code{font-family:"Times New Roman", var(--font-serif);letter-spacing:.15em;font-size:1.3rem;line-height:1.1}.gallery-name{font-family:var(--font-serif);letter-spacing:.2em;font-size:1rem;font-weight:700}.gallery-title{opacity:.9;font-size:.75rem;line-height:1.4}.plan-teaser{border-style:dashed}.purchase-code{word-break:break-all;font-size:1.05rem}.text-input{border:1px solid var(--line);background:var(--surface);width:100%;max-width:520px;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px}.saved-list{margin:0;padding:0;list-style:none}.saved-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.disclosure>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(8em,14em) 1fr;gap:12px;padding:12px 0;display:grid}.disclosure dt{font-weight:700}.disclosure dd{margin:0}@media (max-width:560px){.disclosure>div{grid-template-columns:1fr;gap:4px}}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:var(--ink-faint)}.ad-slot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:120px;padding:8px 0 12px}.ad-label{color:var(--ink-faint);justify-content:space-between;margin-bottom:6px;font-size:.75rem;display:flex}@media print{.no-print,.floating-cta{display:none!important}body{color:#000;background:#fff}.card{box-shadow:none;break-inside:avoid}}