@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #6f84b7;--primary-deep: #5f74a7;--accent: #a59abf;--accent-soft: #c7bdd8;--text-heading: #384055;--text-main: #4a5168;--text-muted: #7d8699;--text-faint: #a0a5b6;--bg-card: rgba(255, 252, 249, .78);--border-soft: rgba(110, 127, 167, .15);--border-accent: rgba(134, 145, 191, .22);--radius-xs: 10px;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--text-xs: .76rem;--text-sm: .84rem;--text-base: .95rem;--text-md: 1.05rem;--text-lg: 1.3rem;--shadow-sm: 0 8px 24px rgba(111, 123, 156, .08);--shadow-md: 0 16px 40px rgba(111, 123, 156, .12);--shadow-lg: 0 22px 50px rgba(111, 123, 156, .15);--shadow-button: 0 10px 22px rgba(103, 120, 169, .22);color:var(--text-main);background:radial-gradient(circle at top left,rgba(190,204,236,.45),transparent 30%),radial-gradient(circle at top right,rgba(199,188,219,.35),transparent 24%),linear-gradient(180deg,#f8f4ef,#eff2f7)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;padding:18px 12px 28px}.phone-frame{position:relative;width:min(100%,460px);min-height:calc(100vh - 36px);margin:0 auto;padding:18px;border-radius:var(--radius-lg);background:#ffffff61;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.screen{display:flex;flex-direction:column;gap:18px}.screen-result{margin-top:-320px}.screen-home{padding-top:18px}.card{position:relative;padding:20px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-title{margin:0;color:var(--text-heading);font-size:clamp(2rem,7vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.03em}.page-subtitle,.result-summary{margin:0;color:var(--text-main);font-size:var(--text-base);line-height:1.85}.lead-text{margin:0;color:var(--text-heading);font-size:var(--text-md);font-weight:600}.section-title{margin:0;color:var(--text-heading);font-size:1.32rem;font-weight:700;line-height:1.5}.question-title,.transition-title{margin:0;color:var(--text-heading);font-size:var(--text-lg);font-weight:600;line-height:1.6}.body-copy{margin:0;color:var(--text-main);font-size:.96rem;line-height:1.82;height:auto!important;display:block!important}.body-copy.centered{text-align:center}.body-copy.emphasis{color:var(--text-heading);font-weight:600}.soft-list,.info-grid,.result-list{margin:0;padding:0;list-style:none}.soft-list{display:grid;gap:10px}.soft-list li,.info-grid li,.result-list li{position:relative;padding-left:18px;color:var(--text-main);font-size:var(--text-base);line-height:1.8}.soft-list li:before,.info-grid li:before,.result-list li:before{content:"";position:absolute;left:0;top:.95em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));transform:translateY(-50%)}.info-grid{display:grid;gap:8px;margin-top:14px}.intro-card,.notes-card,.preview-card,.quiz-card,.transition-card{display:grid;gap:16px}.home-cta-top{margin-top:4px}.invite-banner{width:100%;padding:10px 16px;margin-bottom:12px;border-radius:var(--radius-xs);text-align:center;font-size:var(--text-sm);font-weight:500;color:var(--primary-deep);background:linear-gradient(135deg,#beccec59,#c7bcdb4d);border:1px solid var(--border-soft);animation:bannerFadeIn .6s ease-out}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.brand-tag{display:inline-flex;align-items:center;width:fit-content;padding:7px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;box-shadow:0 6px 16px #6f84b738}.eyebrow,.question-count{display:inline-flex;align-items:center;width:fit-content;padding:7px 14px;border-radius:999px;color:var(--primary-deep);background:#6f84b71c;font-size:var(--text-sm);letter-spacing:.04em}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-item{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--radius-xs);background:#6f84b712}.preview-name{font-size:var(--text-base);font-weight:600;color:var(--primary-deep);letter-spacing:.04em}.preview-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.hero-glow,.result-hero-glow{position:absolute;z-index:0;width:180px;height:180px;border-radius:50%;filter:blur(16px);opacity:.65}.hero-glow-left{top:-40px;left:-70px;background:#b4c6e88c}.hero-glow-right{top:120px;right:-70px;background:#c9b9dd85}.primary-button,.secondary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;width:100%;padding:0 20px;border:0;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background-color .18s ease}.primary-button{color:#fffdfc;background:linear-gradient(135deg,var(--primary),#8396c5 60%,#9d93bc);box-shadow:var(--shadow-button)}.secondary-button{color:var(--primary-deep);background:#6f84b71a;border:1px solid var(--border-soft)}.primary-button:active,.secondary-button:active,.option-card:active{transform:scale(.985)}.primary-button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-hint,.transition-label{color:var(--text-muted);font-size:var(--text-sm)}.quiz-back-link{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:color .18s ease}.quiz-back-link:active{color:var(--primary-deep)}.progress-shell{height:6px;width:100%;overflow:hidden;border-radius:999px;background:#6f84b71a}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7f90be,#a698c6);transition:width .24s ease}.option-list{display:grid;gap:12px}.option-card{display:grid;grid-template-columns:auto 1fr;gap:14px;width:100%;padding:16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffffbf;text-align:left;color:var(--text-main);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.option-card.is-active{border-color:#6f84b773;background:linear-gradient(180deg,#f1f4fff0,#f9f5fff5);box-shadow:var(--shadow-sm)}.option-label{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--primary-deep);background:#6f84b71c;font-weight:700;font-size:var(--text-sm)}.option-text{align-self:center;font-size:var(--text-base);line-height:1.7}.sticky-action{margin-top:auto}.transition-screen{min-height:70vh;justify-content:center}.transition-card{align-items:center;text-align:center;padding-block:28px}.pulse-orb{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#9dadd8e6 40%,#a59abfc7);box-shadow:0 0 #8091bf57;animation:pulse 2.2s infinite}.result-story-card{display:grid;gap:12px}.result-stage{display:grid;gap:16px}.result-stage+.result-stage{margin-top:6px}.result-stage-identity{gap:8px}.result-stage-measure,.result-stage-depth,.result-stage-action{position:relative;padding-top:10px}.result-stage-measure:before,.result-stage-depth:before,.result-stage-action:before{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(111,132,183,.18) 22%,rgba(165,154,191,.18) 78%,transparent)}.result-stage-header{display:grid;gap:7px}.result-stage-header-center{text-align:center;justify-items:center}.result-stage-kicker{color:var(--text-faint);font-size:.78rem;font-weight:600;line-height:1.4;letter-spacing:.1em}.result-stage-title{margin:0;color:var(--text-heading);font-size:1.32rem;line-height:1.5;font-weight:700}.result-stage-body{margin:0;color:var(--text-muted);font-size:.96rem;line-height:1.82}.result-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0;min-height:800px;padding:2px 22px 34px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffcfaf5,#f5f7fcf0 58%,#f6f2f9f5);box-shadow:var(--shadow-lg)}.result-hero>*{position:relative;z-index:1}.result-hero-glow-left{top:-10px;left:-54px;background:#b1c5eb73}.result-hero-glow-right{top:60px;right:-52px;background:#cbbde266}.result-hero-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 11px;border-radius:999px;color:#4f6191;background:#6f84b729;font-size:.78rem;font-weight:600;line-height:1.4;letter-spacing:.06em}.result-hero-label{margin:8px 0 0;color:#5e6883fa;font-size:.78rem;line-height:1.4;letter-spacing:.04em}.result-hero-title{margin:12px 0 0;color:var(--text-heading);font-size:clamp(2.15rem,9vw,2.85rem);font-weight:700;line-height:1.12;letter-spacing:.06em}.result-hero-verse{margin:10px 0 0;color:#606a84db;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:.96rem;font-style:normal;letter-spacing:.08em;line-height:1.76;font-weight:700;opacity:.94;-webkit-font-smoothing:antialiased}.result-hero-subtitle{margin:8px 0 0;color:#47526deb;font-size:1.08rem;font-weight:620;line-height:1.6;letter-spacing:.015em}.result-hero-summary{margin:8px 0 0;color:var(--text-main);font-size:.96rem;line-height:1.82;font-weight:500}.result-secondary-hint{position:relative;display:grid;gap:8px;padding:8px 2px 0;margin:10px 0 0;border-radius:0;background:linear-gradient(180deg,#ffffff14,#fff0);border:0;box-shadow:none}.result-secondary-hint:before{content:"";width:52px;height:1px;background:linear-gradient(90deg,#6f84b752,#a59abf14,#6f84b700)}.result-secondary-hint-soft{gap:8px;padding-top:14px}.result-secondary-label{font-size:.78rem;color:#707991e6;letter-spacing:.1em;font-weight:560;line-height:1.4}.result-secondary-headline{margin:0;color:#2d3449eb;font-size:1.08rem;line-height:1.6;font-weight:540;letter-spacing:.02em}.result-secondary-desc{margin:0;font-size:.96rem;color:#46516ceb;font-weight:400;line-height:1.82}.radar-chart-container{display:flex;justify-content:center;padding:8px 0 4px}.radar-chart-container svg{filter:drop-shadow(0 2px 8px rgba(111,132,183,.08))}.score-bar-chart{display:grid;gap:12px}.score-bar-row{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px}.score-bar-label{font-size:var(--text-sm);color:var(--text-muted);text-align:right;letter-spacing:.04em}.score-bar-row.is-top .score-bar-label{color:var(--primary-deep);font-weight:600}.score-bar-track{height:10px;border-radius:999px;background:#6f84b714;overflow:hidden}.score-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f84b74d,#a59abf59);transition:width .6s ease}.score-bar-row.is-top .score-bar-fill{background:linear-gradient(90deg,var(--primary),var(--accent))}.score-bar-value{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-align:left}.score-bar-row.is-top .score-bar-value{color:var(--primary-deep)}.result-divider{height:1px;margin:10px 20px;background:linear-gradient(90deg,transparent,rgba(111,132,183,.16) 30%,rgba(165,154,191,.16) 70%,transparent)}.result-block{display:grid;gap:14px;padding:22px 20px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#fffcf9d1;box-shadow:var(--shadow-sm)}.result-block-soft-blue{background:linear-gradient(180deg,#f8fafff2,#fffcf9e0)}.result-block-soft-lilac{background:linear-gradient(180deg,#fbf7fff2,#fffcf9e6)}.result-block-soft-mist{background:linear-gradient(180deg,#f8fafaf2,#fffcf9e6)}.result-block-description{background:#fffcf9e0}.result-block-reminder{background:linear-gradient(180deg,#f5f8fff5,#f9f4fceb)}.result-block-share{background:linear-gradient(180deg,#fbf8fffa,#f5f8fff2);border-color:var(--border-accent)}.result-block-header{display:grid;gap:5px}.result-block-kicker{color:var(--text-faint);font-size:.78rem;font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.description-block{display:grid;gap:12px}.result-list{display:grid;gap:10px}.result-list li{position:relative;padding:14px 14px 14px 20px;border-radius:var(--radius-sm);background:#ffffff94;border:1px solid rgba(121,136,175,.06)}.result-list li:before{left:10px}.result-emphasis-copy{color:var(--text-heading);font-weight:500}.share-copy{margin:0;padding:18px 20px;border-radius:var(--radius-sm);background:#ffffffb8;border:1px solid rgba(121,136,175,.08);color:var(--text-heading);font-size:var(--text-base);line-height:2;font-weight:600}.share-inline-button{margin-top:4px}.share-text-toggle{min-height:48px;font-size:var(--text-sm)}.share-text-panel{display:grid;gap:10px}.result-disclaimer{margin:10px 0 0;padding:0 4px;color:var(--text-faint);font-size:var(--text-xs);line-height:1.75;text-align:center}.action-row{display:grid;gap:12px}.fade-in{animation:fadeUp .38s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #8091bf42}70%{transform:scale(1);box-shadow:0 0 0 18px #8091bf00}to{transform:scale(.95);box-shadow:0 0 #8091bf00}}.btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.app-shell{padding:28px}.phone-frame{min-height:calc(100vh - 56px);padding:22px}}@media (max-width: 420px){.phone-frame{padding:14px;border-radius:var(--radius-md)}.screen-result{margin-top:-270px}.card,.result-hero,.result-block{border-radius:20px}.card{padding:18px}.quiz-meta{flex-direction:column;align-items:flex-start}.result-hero{min-height:740px;padding:0 14px 30px}.result-hero-title{font-size:clamp(1.9rem,9.2vw,2.45rem)}.result-block{padding:18px 16px}.primary-button,.secondary-button{min-height:50px;font-size:var(--text-sm)}.score-bar-row{grid-template-columns:36px 1fr 24px;gap:8px}.score-bar-label,.score-bar-value{font-size:var(--text-xs)}.compat-grid{gap:8px}.compat-type-card{padding:12px}}.poster-offscreen{position:fixed;left:-9999px;top:0;pointer-events:none;z-index:-1}.poster-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;padding:24px;animation:fadeUp .26s ease}.poster-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;max-height:90vh;max-width:400px;width:100%}.poster-modal-title{margin:0;color:#fff;font-size:var(--text-base);font-weight:600;letter-spacing:.04em;text-align:center}.poster-modal-close{position:absolute;top:-36px;right:0;width:32px;height:32px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.poster-modal-image-wrap{width:100%;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 32px #00000040}.poster-modal-image{display:block;width:100%;height:auto}.poster-modal-hint{margin:0;color:#ffffffb3;font-size:var(--text-sm);text-align:center}.poster-modal-download{width:100%;max-width:280px}.poster-generate-button{margin-top:4px}.poster-generate-button:disabled{opacity:.7;cursor:not-allowed}.result-block-compat-entry{background:linear-gradient(135deg,#f0f4fffa,#f8f2fff5);border-color:var(--border-accent);text-align:center;position:relative;overflow:hidden}.result-block-compat-entry:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(165,154,191,.12),transparent 70%);pointer-events:none}.compat-entry-decor{display:inline-flex;width:fit-content;margin:0 auto 4px;padding:5px 16px;border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;color:var(--accent);background:linear-gradient(135deg,#a59abf1a,#6f84b714);border:1px solid rgba(165,154,191,.16)}.result-block-compat{background:linear-gradient(180deg,#f8fafff5,#fbf7fff0);border-color:var(--border-accent)}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compat-type-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#ffffffb8;text-align:left;font:inherit;color:var(--text-main);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.compat-type-card:active{transform:scale(.97)}.compat-type-card:hover{border-color:#6f84b759;background:#f1f4ffe6;box-shadow:var(--shadow-sm)}.compat-type-card.is-self{border-color:#6f84b759;background:linear-gradient(180deg,#f1f4fff0,#f9f5fff5)}.compat-type-name{font-size:var(--text-base);font-weight:600;color:var(--primary-deep);letter-spacing:.04em}.compat-type-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.compat-type-badge{position:absolute;top:8px;right:10px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));letter-spacing:.06em}.compat-rerun-section{margin-top:24px;padding:24px 20px;background:#fff6;border-radius:var(--radius-sm);border:1px dashed rgba(111,132,183,.2);display:flex;flex-direction:column;align-items:center;gap:12px}.compat-rerun-section .compat-hint{margin-top:0;margin-bottom:0;color:var(--text-muted);font-size:var(--text-sm)}.inline-link{background:none;border:none;color:var(--primary-deep);text-decoration:underline;padding:0;font:inherit;cursor:pointer}.compat-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.compat-change-button{background:#6f84b714;border:1px solid rgba(111,132,183,.15);color:var(--primary-deep);padding:4px 12px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.compat-change-button:active{background:#6f84b726;transform:scale(.96)}.compat-hint{margin-top:4px;font-size:var(--text-sm);color:var(--text-muted)}.compat-guide{display:grid;gap:16px}.compat-section{display:grid;gap:8px;padding:16px;border-radius:var(--radius-sm);background:#fff9;border:1px solid rgba(121,136,175,.06)}.compat-label{font-size:var(--text-xs);font-weight:600;color:var(--text-faint);letter-spacing:.08em}.compat-chemistry{color:var(--text-heading);font-weight:500;font-size:var(--text-md);line-height:1.85}.compat-poem{margin:2px 0 0;color:#545e7cfa;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:.95rem;line-height:1.82;letter-spacing:.04em;text-align:center}.compat-poem-compact{font-size:calc(.95rem - 1px);text-align:left}.compat-poem-author{margin:-2px 0 0;color:#6e768ddb;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:.84rem;line-height:1.6;text-align:right;padding-right:24px}.compat-poetic-chemistry{color:#37405afa;font-size:var(--text-base);line-height:1.92;font-weight:500;text-align:left;text-indent:2em}.compat-preview-body{display:grid;gap:10px}.compat-advice-list{margin:0;padding:0;list-style:none;display:flex!important;flex-direction:column!important;gap:12px}.compat-advice-list li{position:relative;padding-left:18px;font-size:var(--text-base);line-height:1.85!important;height:auto!important;display:block!important}.compat-advice-list li:before{content:"";position:absolute;left:0;top:.95em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));transform:translateY(-50%)}.compat-advice-lead{color:var(--text-heading);font-weight:600}.compat-reminder{color:var(--text-heading);font-weight:500;font-style:italic;font-size:var(--text-base);line-height:1.85}.compat-cta{display:grid;gap:12px;padding:18px 16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f5f8fff5,#f9f4fceb);border:1px solid var(--border-soft)}.compat-actions{display:grid;gap:8px}.compat-poster-button{margin-top:8px}.compat-poster-button:disabled{opacity:.7;cursor:not-allowed}.compat-premium-preview{display:grid;gap:16px;margin-top:4px}.compat-section-preview{background:linear-gradient(135deg,#f5f8fffa,#f9f4fff5);border-color:var(--border-accent)}.compat-tag{display:inline-block;padding:4px 14px;border-radius:999px;font-size:var(--text-sm);font-weight:600;color:var(--primary-deep);background:linear-gradient(135deg,#beccec59,#c7bcdb59);letter-spacing:.04em;margin-top:4px}.paywall-badge{display:inline-flex;width:fit-content;margin:0 auto;padding:4px 14px;border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.paywall-blur-hint{display:grid;gap:12px;padding-top:8px}.paywall-teaser{font-size:1.08rem;font-weight:700;color:#44527b;letter-spacing:.015em;line-height:1.65;margin:0;text-align:center}.paywall-desc{font-size:var(--text-sm);color:#6d768feb;line-height:1.82;margin:0;text-align:left}.paywall-form{display:grid;gap:10px}.paywall-input{width:100%;padding:12px 16px;border:1.5px solid var(--border-accent);border-radius:var(--radius-xs);font-size:var(--text-base);font-family:inherit;color:var(--text-main);background:#fffc;text-align:center;letter-spacing:.08em;outline:none;transition:border-color .2s ease;box-sizing:border-box}.paywall-input:focus{border-color:var(--primary)}.paywall-input-error{border-color:#d4837a;animation:shake .3s ease}.paywall-error{font-size:var(--text-xs);color:#c0625a;margin:0}.paywall-purchase-section{display:grid;gap:8px;text-align:center}.paywall-buy-btn{font-size:var(--text-base)}.paywall-polling-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0;animation:pulse-hint 1.8s ease-in-out infinite}.paywall-platform-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.6}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.5}}.paywall-code-section{display:grid;gap:10px;text-align:center}.paywall-code-toggle{font-size:var(--text-xs);color:var(--text-muted)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.result-paywall{display:grid;gap:16px;padding:24px 18px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f9fafffa,#fcf8fff5);border:1px solid var(--border-accent);text-align:center}.compat-paywall{display:grid;gap:16px;padding:24px 18px;border-radius:var(--radius-sm);text-align:center}.compat-paywall-double{background:linear-gradient(180deg,#fcf8fffa,#fff8fcf5);border:1px solid rgba(165,145,191,.22)}.paywall-badge-double{background:linear-gradient(135deg,var(--accent),#b794c8)}.unlock-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-xs);background:linear-gradient(135deg,#6f84b714,#a59abf14);border:1px solid rgba(111,132,183,.14);font-size:var(--text-xs);font-weight:600;color:var(--primary-deep);letter-spacing:.06em}.unlock-status-double{background:linear-gradient(135deg,#a59abf1a,#b794c814);border-color:#a591bf2e;color:#7a6a9a}.unlock-status-dot{width:7px;height:7px;border-radius:50%;background:#6eac8a;box-shadow:0 0 6px #6eac8a80;flex-shrink:0}.compat-premium-content{display:grid;gap:16px}.compat-portrait p{font-size:var(--text-base);line-height:1.85}.compat-pair-list{display:grid;gap:12px}.compat-pair-item{padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff8c;border:1px solid rgba(121,136,175,.06)}.compat-pair-item-friction{border-color:#bf9b8626;background:#fffcf999}.compat-pair-item-activity{border-color:#86af9b26;background:#f9fffc99}.compat-pair-title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary-deep);margin-bottom:6px}.compat-prose-paragraph{text-indent:2em}.compat-section-nugget{background:linear-gradient(135deg,#f5f8fffa,#fcf8fff5);border-color:var(--border-accent)}.compat-nugget{color:var(--text-heading);font-weight:500;font-style:italic;font-size:var(--text-base);line-height:1.85}.compat-type-emphasis{color:#424e6df5;font-weight:620}.share-action-group{display:grid;gap:6px}.share-action-hint{margin:0;text-align:center;color:var(--text-faint);font-size:var(--text-xs);line-height:1.5}.preview-card{padding:32px 24px;overflow:hidden;position:relative}.preview-scroll-viewport{height:240px;overflow:hidden;position:relative;margin-top:16px;mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%)}.preview-scroll-track{display:flex;flex-direction:column;animation:scroll-preview 24s linear infinite}.preview-scroll-track:hover{animation-play-state:paused}@keyframes scroll-preview{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.preview-item-row{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .5s ease}.preview-name-row{font-size:var(--text-lg);font-weight:700;color:var(--primary-deep);letter-spacing:.08em;margin-bottom:6px}.preview-desc-row{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.04em;font-style:italic}.preview-footer-hint{margin-top:20px;font-size:var(--text-xs);color:var(--primary-light);text-align:center;letter-spacing:.1em;opacity:.8}.result-tab-bar{display:flex;gap:6px;padding:4px;border-radius:999px;background:#6f84b714;border:1px solid var(--border-soft)}.result-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;font-family:inherit;letter-spacing:.05em;cursor:pointer;transition:background .22s ease,color .22s ease,box-shadow .22s ease}.result-tab-btn.is-active{background:#fff;color:var(--primary-deep);box-shadow:0 2px 12px #6f84b71f}.result-tab-btn:not(.is-active):active{background:#ffffff80}.result-tab-content{display:grid;gap:0}.result-tab-panel{display:grid;gap:22px}.result-premium-group{display:grid;gap:16px;padding:22px 18px;border-radius:var(--radius-md);background:linear-gradient(180deg,#f5f8ff99,#fbf7ff80);border:1px solid rgba(111,132,183,.1);box-shadow:0 10px 24px #6f7b9c0f}.result-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(111,132,183,.08)}.result-group-kicker{color:var(--text-muted);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em}.result-group-header .unlock-status{padding:6px 12px;font-size:.7rem}.result-radar-section{display:grid;gap:10px;padding:18px 20px 16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff80,#f8faff5c);border:1px solid rgba(111,132,183,.1)}.result-radar-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-align:center}.result-spacer{height:20px}.paywall-lock-icon{font-size:2rem;text-align:center;margin-bottom:4px;opacity:.7}.paywall-preview-list{display:grid;gap:6px;justify-items:center;margin:10px 0 6px}.paywall-preview-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0}.paywall-preview-tag{display:inline;padding:0;font-size:.86rem;color:#586382eb;background:transparent;border:0;border-radius:0;letter-spacing:.03em}.paywall-preview-sep{display:inline-block;margin:0 10px;font-size:.82rem;color:#848da8b8}.result-bottom-actions{display:grid;gap:14px}.result-bottom-row{display:flex;align-items:center;gap:8px;justify-content:flex-start;flex-wrap:wrap}.result-bottom-sep{color:var(--text-faint);font-size:var(--text-sm)}.text-button{display:inline;padding:0;margin:0;border:none;background:none;color:var(--primary);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;text-decoration:none;letter-spacing:.02em}.text-button:active{opacity:.7}.result-share-stage{display:grid;gap:16px;padding:24px 20px;border-radius:28px;background:radial-gradient(circle at top right,rgba(201,185,221,.2),transparent 28%),linear-gradient(180deg,#fbf8fffa,#f5f8fff2);border:1px solid var(--border-accent);box-shadow:0 18px 36px #6f7b9c17}.result-share-intro,.result-bridge-copy{display:grid;gap:8px}.result-share-badge,.result-bridge-kicker{display:inline-flex;width:fit-content;padding:5px 12px;border-radius:999px;color:var(--primary-deep);background:#6f84b71c;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em}.result-share-title,.result-bridge-title{margin:0;color:var(--text-heading);font-size:clamp(1.08rem,4.2vw,1.3rem);line-height:1.65;font-weight:700}.result-share-body,.result-bridge-body{margin:0;color:var(--text-main);font-size:var(--text-base);line-height:1.9}.result-bridge-card{display:grid;gap:14px;padding:22px 20px;border-radius:24px;background:linear-gradient(180deg,#f5f8ffb3,#f8f2ff94);border:1px solid rgba(111,132,183,.12)}.result-bridge-button{width:100%}.result-restart-row{display:flex;justify-content:center;padding:8px 0 4px}.result-restart-link{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.06em}.compat-select-view{display:grid;gap:18px}.compat-select-header{display:grid;gap:6px}.compat-select-desc{color:var(--text-muted);font-size:var(--text-sm);margin-top:4px;line-height:1.85}.compat-preview-callout{display:grid;gap:12px;padding:18px 18px 16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#f6f8ffd1,#fbf7ffc7);border:1px solid rgba(111,132,183,.12)}.compat-preview-kicker{color:var(--text-faint);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em}.compat-preview-grid{display:grid;gap:6px;justify-items:center}.compat-preview-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;white-space:nowrap}.compat-preview-pill{display:inline;min-height:0;padding:0;border-radius:0;background:transparent;border:0;color:#586382eb;font-size:.96rem;font-weight:600;letter-spacing:.02em;line-height:1.45}.compat-preview-sep{display:inline-block;margin:0 6px;font-size:.76rem;color:#848da8ad}.compat-rerun-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px}.compat-rerun-section .secondary-button{width:auto;min-height:40px;padding:0 28px}.compat-hint{font-size:var(--text-sm);color:var(--text-muted)}.inline-link{display:inline;padding:0;margin:0;border:none;background:none;color:var(--primary);font:inherit;font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.inline-link:active{opacity:.7}.compat-header-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.compat-change-button{display:inline-flex;padding:4px 12px;border:1px solid var(--border-soft);border-radius:999px;background:#fff9;color:var(--text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:background .18s ease}.compat-change-button:active{background:#ffffffe6}.compat-guide-view{display:grid;gap:18px}.compat-guide-header{display:grid;gap:6px}.compat-free-card{display:grid;gap:16px;padding:22px 20px;border-radius:var(--radius-md);background:#fffcf9d9;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.compat-free-item{display:grid;gap:6px}.compat-free-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(111,132,183,.12) 30%,rgba(165,154,191,.12) 70%,transparent)}.compat-deep-zone{display:grid;gap:18px}.compat-deep-preview{display:grid;gap:10px;padding:20px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fffdfcfc,#f8f9fffb 56%,#faf6fff9);border:1px solid var(--border-accent);box-shadow:inset 0 1px #fff9}.compat-premium-group{display:grid;gap:18px}.compat-premium-group .unlock-status{margin-bottom:4px}.compat-deep-section{display:grid;gap:10px;padding:20px;border-radius:var(--radius-sm);background:#fff9;border:1px solid rgba(121,136,175,.06)}.compat-deep-advice-pair{display:grid;gap:12px;padding:0;background:transparent;border:none}.compat-advice-card{display:grid;gap:6px;padding:16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f8faffe6,#fcf9ffd9);border:1px solid rgba(121,136,175,.08)}.compat-deep-nugget{background:linear-gradient(135deg,#f5f8fffa,#fcf8fff5);border-color:var(--border-accent)}.compat-action-zone{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f5f8ff99,#f8f2ff80);border:1px dashed rgba(111,132,183,.18)}.compat-action-kicker{color:var(--text-faint);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;align-self:flex-start}.compat-action-title{color:var(--text-heading);font-weight:600;line-height:1.9;text-align:center}.compat-action-zone .primary-button,.compat-action-zone .secondary-button,.compat-action-zone .share-action-group{width:100%;max-width:320px}@media (max-width: 420px){.result-tab-btn{min-height:40px;font-size:var(--text-xs)}.result-premium-group{padding:18px 12px}.compat-free-card{padding:18px 14px}.compat-deep-section{padding:16px 14px}.result-bottom-actions{gap:12px}.result-story-card{gap:16px}.result-stage-title,.result-share-title,.result-bridge-title{line-height:1.58}.result-radar-section,.result-share-stage,.result-bridge-card,.compat-preview-callout,.compat-deep-preview,.compat-action-zone{padding-left:16px;padding-right:16px}.result-hero-summary,.result-stage-body,.result-share-body,.result-bridge-body,.compat-select-desc,.compat-action-title{line-height:1.82}.result-bottom-row{gap:6px 10px}}