:root{--page-max-w:720px;--pad-x:20px;--hero-pt:80px;--space-section:80px;--text-primary:#111;--text-secondary:#6b6b6b;--accent:#4f7df3;--accent-hover:#3d68e8;--accent-focus-ring:#4f7df359;--border-card:#eaeaea;--surface-muted:#fafafa;--radius-card:16px;--radius-btn:12px;--btn-height:48px;--font-body-size:16px;--font-body-lh:24px;--font-small-size:14px;--font-small-lh:20px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font);font-size:var(--font-body-size);line-height:var(--font-body-lh);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}@media (width>=721px){:root{--pad-x:24px;--hero-pt:120px}}*,:before,:after{box-sizing:border-box}body{background:#fff;min-height:100svh;margin:0}#root{min-height:100svh}.app{flex-direction:column;min-height:100svh;display:flex}.shell{width:100%;max-width:var(--page-max-w);padding-inline:var(--pad-x);flex-direction:column;flex:1;margin-inline:auto;display:flex}.masthead{padding-block:var(--font-small-lh) 0;flex-shrink:0}.logo{font-size:var(--font-small-size);line-height:var(--font-small-lh);letter-spacing:-.01em;color:var(--text-secondary);font-weight:500}.main{padding-bottom:var(--space-section);flex-direction:column;flex:1;display:flex}.panel{text-align:left}.home-panel{padding-top:var(--hero-pt)}.quiz-panel,.result-panel{padding-top:var(--space-section)}.eyebrow{margin:0 0 var(--font-body-lh);font-size:var(--font-small-size);line-height:var(--font-small-lh);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:500}h1{margin:0 0 var(--font-body-lh);letter-spacing:-.025em;color:var(--text-primary);font-size:32px;font-weight:600;line-height:40px}@media (width>=721px){h1{font-size:40px;line-height:48px}}.lede{font-size:var(--font-body-size);line-height:var(--font-body-lh);color:var(--text-secondary);max-width:36rem;margin:0 0 32px;font-weight:400}.microcopy{font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-secondary);margin:16px 0 0}.quiz-panel .quiz-q{margin:0 0 var(--font-body-lh);letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:600;line-height:32px}.quiz-top{justify-content:space-between;align-items:baseline;gap:var(--font-body-lh);margin-bottom:var(--font-body-lh);display:flex}.quiz-progress{font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-secondary);margin:0}.option-list{flex-direction:column;gap:12px;display:flex}.result-heading{margin:0 0 var(--font-body-lh);letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:600;line-height:32px}.card{border:1px solid var(--border-card);border-radius:var(--radius-card);padding:var(--font-body-lh);background:#fff}.card+.card{margin-top:var(--font-body-lh)}.card-org{font-size:var(--font-small-size);line-height:var(--font-small-lh);letter-spacing:.02em;color:var(--text-secondary);margin:0 0 10px;font-weight:600}.card-title{font-size:var(--font-body-size);letter-spacing:-.015em;font-weight:600;line-height:var(--font-body-lh);color:var(--text-primary);margin:0 0 8px}.card-meta{margin:0 0 var(--font-body-lh);font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-secondary)}.card-why{margin:0 0 var(--font-body-lh);font-size:var(--font-body-size);line-height:var(--font-body-lh);color:var(--text-primary)}.card-note{margin:-8px 0 var(--font-body-lh);font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-secondary)}.card-actions-row{margin:0}.card-follow .follow-label{font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-primary);margin:0 0 10px;font-weight:600}.card-follow .follow-copy{margin:0 0 var(--font-body-lh);font-size:var(--font-body-size);line-height:var(--font-body-lh);color:var(--text-secondary)}.follow-share-textarea{width:100%;margin:0 0 var(--font-body-lh);font-family:inherit;font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-btn);resize:vertical;background:var(--surface-muted);padding:12px;display:block}.follow-copy-confirmation{font-size:var(--font-small-size);line-height:var(--font-small-lh);color:var(--text-secondary);margin:12px 0 0}.result-footer{margin-top:var(--space-section);flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.btn{font-family:inherit;font-size:var(--font-body-size);line-height:var(--font-body-lh);cursor:pointer;border-radius:var(--radius-btn);min-height:var(--btn-height);border:none;justify-content:center;align-items:center;padding-inline:22px;font-weight:500;transition:background-color .18s,color .18s,border-color .18s,opacity .18s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent-focus-ring);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover:not(:disabled){background:#f3f3f3;border-color:#dcdcdc}.btn-option{text-align:left;color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-btn);min-height:var(--btn-height);background:#fff;justify-content:flex-start;padding-block:12px;font-weight:500}.btn-option:hover:not(:disabled){background:var(--surface-muted);border-color:#d4d4d4}.btn-text{color:var(--text-secondary);border-radius:var(--radius-btn);min-height:auto;font-size:var(--font-small-size);line-height:var(--font-small-lh);background:0 0;padding:8px 0;font-weight:500}.btn-text:hover:not(:disabled){color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.btn-inline{text-decoration:none}