:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07070a;--shell:#17121b;--panel:#25232b;--panel-soft:#ffffff0e;--ink:#fff8ee;--muted:#b4afb0;--dim:#8c8587;--line:#fff8ee29;--line-strong:#fff8ee42;--gold:#f2c86f;--gold-soft:#f2c86f2e;--rose:#6e2d41;--brown:#64574b;--shadow:0 34px 90px #0000007a;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#77304673,#0000 42%),linear-gradient(#3a2028 0%,#110d14 34%,#050508 100%);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{background:linear-gradient(180deg, #ffffff09, transparent 150px), var(--shell);width:min(100%,760px);min-height:100vh;box-shadow:0 0 0 1px #00000080, var(--shadow);border-left:2px solid #fff8ee24;border-right:2px solid #fff8ee24;margin:0 auto;padding:22px 18px 56px}.app-shell.is-in-app{padding-top:calc(env(safe-area-inset-top,0px) + var(--app-top-spacing))}.home-view,.quiz-view,.result-view{gap:22px;display:grid}.top-nav{justify-content:space-between;align-items:center;gap:16px;padding:12px 8px 18px;display:flex}.brand-lockup{align-items:center;gap:18px;min-width:0;display:flex}.app-back-button{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffff16;border:2px solid #fff8ee29;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0 0 3px;font-size:32px;line-height:1;display:inline-flex}.brand-mark{width:48px;height:48px;color:var(--gold);background:#f2c86f1f;border:2px solid #f2c86f6b;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:850;line-height:1;display:inline-flex}.brand-lockup strong{color:var(--ink);font-size:19px;font-weight:760;line-height:1.1}.nav-actions{align-items:center;gap:16px;display:flex}.nav-actions button{min-height:46px;color:var(--ink);cursor:pointer;background:#ffffff16;border:2px solid #fff8ee29;border-radius:32px;padding:0 18px;font-size:17px;font-weight:760;box-shadow:inset 0 1px #ffffff1a}.hero-card,.question-panel,.share-card,.cta-panel{box-shadow:var(--shadow), inset 0 1px 0 #ffffff1a;background:radial-gradient(circle at 78% 18%,#7c2d45b8,#0000 34%),linear-gradient(140deg,#6f6051c7 0%,#373139e0 43%,#201e28f5 100%);border:2px solid #fff8ee29;border-radius:38px;overflow:hidden}.hero-card{gap:22px;padding:24px 24px 20px;display:grid}.dialogue-stack{gap:12px;display:grid}.dialogue-bubble{background:#ffffff18;border:2px solid #fff8ee24;border-radius:28px;width:min(78%,390px);padding:14px 18px;box-shadow:inset 0 1px #ffffff14}.dialogue-bubble.right{background:#7b5148b8;border-color:#f2c86f29;justify-self:end}.dialogue-bubble span{color:#fff8ee94;margin-bottom:6px;font-size:13px;font-weight:760;display:block}.dialogue-bubble p{color:var(--ink);margin:0;font-size:16px;font-weight:620;line-height:1.42}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-grid div{background:#0c0b0fad;border:2px solid #fff8ee1a;border-radius:24px;min-height:74px;padding:14px 16px}.stat-grid strong{color:var(--ink);font-size:26px;font-weight:850;line-height:1;display:block}.stat-grid span{color:var(--muted);margin-top:12px;font-size:13px;font-weight:680;line-height:1.28;display:block}.hero{text-align:center;padding:4px 10px 8px}.hero h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(40px,8vw,58px);font-weight:850;line-height:1.03}.hero p:last-child{max-width:760px;color:var(--muted);margin:14px auto 0;font-size:17px;font-weight:620;line-height:1.62}.section-intro{grid-template-columns:120px 1fr;align-items:start;gap:26px;padding:6px 10px 4px;display:grid}.section-intro strong{color:var(--gold);font-size:18px;font-weight:820;line-height:1.1}.section-intro p{color:var(--muted);margin:0;font-size:17px;font-weight:620;line-height:1.55}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:20px;display:grid}.type-card{min-height:142px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(150deg,#fff1,#ffffff06),#23222a;border:1px solid #fff8ee1f;border-radius:22px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000003d,inset 0 1px #ffffff12}.type-card:hover{background:linear-gradient(150deg,#f2c86f1a,#ffffff08),#282631;border-color:#f2c86f57;transform:translateY(-2px)}.type-code{color:var(--ink);padding-right:38px;font-size:28px;font-weight:760;line-height:1;display:block}.type-arrow{width:34px;height:34px;color:var(--gold);background:#f2c86f14;border:1px solid #f2c86f33;border-radius:50%;justify-content:center;align-items:center;padding-bottom:2px;padding-left:1px;font-size:28px;font-weight:520;line-height:1;display:inline-flex;position:absolute;top:18px;right:16px}.type-title{color:var(--ink);margin-top:3px;padding-right:38px;font-size:18px;font-weight:660;line-height:1.12;display:block}.type-card strong{color:var(--gold);margin-top:13px;font-size:20px;font-weight:760;line-height:1.15;display:block}.type-meta{color:var(--muted);align-self:end;margin-top:10px;font-size:13px;font-weight:560;display:block}.text-link{min-height:42px;color:var(--gold);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0 4px;font-weight:760}.question-panel,.share-card,.cta-panel{background:radial-gradient(circle at 78% 14%,#702e4470,#0000 34%),linear-gradient(145deg,#2b2830fa,#18161efa);border-radius:30px;position:relative}.question-panel{align-content:start;gap:22px;min-height:620px;padding:30px;display:grid}.quiz-heading{border-bottom:2px solid #fff8ee1a;gap:8px;padding-bottom:18px;display:grid}.quiz-heading span{color:var(--gold);font-weight:760}.quiz-heading h1{letter-spacing:0;margin:0;font-size:clamp(28px,5vw,44px);font-weight:820;line-height:1.14}.question-index{color:var(--gold);margin:0;font-size:15px;font-weight:760}.question-panel h2{max-width:820px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(25px,4.8vw,40px);font-weight:760;line-height:1.36}.option-list{gap:14px;display:grid}.option-button{width:100%;min-height:66px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff12;border:2px solid #fff8ee1c;border-radius:18px;padding:15px 18px;font-size:16px;font-weight:560;line-height:1.45}.option-button:hover{background:#f2c86f1f;border-color:#f2c86f5c;transform:translateY(-1px)}.option-button.is-selected{color:#fff7e7;border-color:var(--gold);background:linear-gradient(135deg,#f2c86f47,#7b51489e);transform:translateY(-1px);box-shadow:0 0 0 4px #f2c86f21,inset 0 1px #ffffff38}.option-button.is-selected:after{float:right;color:var(--gold);content:"✓";margin-left:12px;font-size:20px;font-weight:850}.back-option{width:100%;min-height:52px;color:var(--gold);cursor:pointer;background:#ffffff0b;border:2px dashed #fff8ee26;border-radius:18px;font-weight:760}.back-option:disabled,.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.52}.share-card{gap:14px;padding:30px;display:grid}.result-topline{color:var(--muted);justify-content:space-between;gap:14px;font-size:14px;font-weight:850;display:flex}.share-card h1,.share-card h2{letter-spacing:0;margin:0}.result-main-title{color:var(--gold);white-space:nowrap;font-size:clamp(25px,5.8vw,42px);font-weight:820;line-height:1.08}.result-answer-title{color:var(--ink);font-size:clamp(32px,5.8vw,56px);font-weight:850;line-height:1.12}.result-full-title{color:#e2c481;margin:-4px 0 0;font-size:17px;font-weight:850;line-height:1.7}.result-subtitle{color:var(--muted);margin:0;font-size:17px;font-weight:760;line-height:1.76}.fear-meter{justify-content:space-between;align-items:end;gap:16px;margin-top:4px;display:flex}.fear-meter span{color:var(--ink);font-size:22px;font-weight:760}.fear-meter strong{color:var(--gold);font-size:34px;font-weight:820;line-height:1}.meter-track{background:#00000047;border:1px solid #fff8ee1f;border-radius:999px;height:18px;padding:3px;overflow:hidden}.meter-track i{background:linear-gradient(90deg, #80513f, var(--gold));border-radius:inherit;height:100%;display:block}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.insight-card{background:#ffffff0e;border:2px solid #fff8ee1a;border-radius:20px;min-height:166px;padding:16px}.card-kicker{color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:760;display:inline-flex}.insight-card h2{color:var(--ink);letter-spacing:0;margin:0 0 8px;font-size:18px;font-weight:760;line-height:1.28}.mini-tags{flex-wrap:wrap;gap:7px;margin:0 0 10px;display:flex}.mini-tags i{color:#f2ddad;background:#f2c86f1c;border:1px solid #f2c86f38;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:850;line-height:1;display:inline-flex}.insight-card p{color:#cac4c4;margin:0;font-size:14px;line-height:1.72}.insight-card .insight-bubble{color:#f2ece3;background:#0003;border:1px solid #fff8ee1a;border-radius:14px;margin-top:12px;padding:11px 12px;line-height:1.65}.status-line{color:var(--muted);margin:-6px 0 0;font-size:13px;font-weight:700;line-height:1.5}.result-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.primary,.secondary,.download-link{border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 18px;font-weight:760;text-decoration:none;display:inline-flex}.toast-message{z-index:10;max-width:calc(100vw - 40px);color:var(--ink);text-align:center;box-shadow:var(--shadow);background:#17121bf5;border:1px solid #f2c86f6b;border-radius:999px;margin:0;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.primary,.download-link{color:#20150d;cursor:pointer;background:linear-gradient(135deg, #ffe3a0, var(--gold));border:1px solid #fff8ee47;box-shadow:0 18px 38px #f2c86f26}.primary:hover,.download-link:hover{filter:brightness(1.08)}.secondary{color:var(--ink);cursor:pointer;background:#ffffff12;border:2px solid #fff8ee1f}.secondary:hover{border-color:#f2c86f57}.cta-panel{gap:10px;padding:24px;display:grid}.cta-panel h2{color:var(--ink);letter-spacing:0;margin:0;font-size:21px;font-weight:760;line-height:1.25}.cta-panel p{max-width:780px;color:var(--muted);margin:0;font-size:16px;line-height:1.82}.download-link{width:min(100%,340px);margin-top:8px}@media (width<=760px){.app-shell{border:0;width:100%}.top-nav{gap:8px;padding:8px 2px 12px}.brand-mark{border-width:1px;flex:none;width:34px;height:34px;font-size:16px}.app-back-button{border-width:1px;width:32px;height:32px;font-size:26px}.brand-lockup{gap:9px;min-width:0}.brand-lockup strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:680;overflow:hidden}.nav-actions{flex:none;gap:6px}.nav-actions button:first-child{display:none}.nav-actions button{border-width:1px;border-radius:18px;min-height:32px;padding:0 11px;font-size:13px;font-weight:680}.hero-card{border-width:1px;border-radius:22px;gap:0;max-height:none;padding:14px}.dialogue-stack{gap:8px}.dialogue-bubble{border-width:1px;border-radius:16px;width:min(78%,280px);padding:9px 11px}.dialogue-bubble:nth-child(3){display:none}.dialogue-bubble span{margin-bottom:4px;font-size:10px}.dialogue-bubble p{font-size:12px;font-weight:520;line-height:1.34}.stat-grid{display:none}.hero{align-content:center;min-height:24vh;padding:4px 0 2px;display:grid}.hero h1{max-width:320px;margin:0 auto;font-size:clamp(30px,9vw,38px);font-weight:780}.hero p:last-child{max-width:330px;margin-top:12px;font-size:13px;font-weight:520;line-height:1.58}.section-intro{grid-template-columns:78px 1fr;gap:12px;padding-inline:0}.section-intro strong{font-size:14px}.section-intro p{font-size:13px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.type-card{border-radius:16px;min-height:112px;padding:12px}.type-code{padding-right:28px;font-size:22px}.type-arrow{width:26px;height:26px;padding-bottom:1px;padding-left:1px;font-size:20px;top:12px;right:10px}.type-title{padding-right:28px;font-size:14px}.type-card strong{margin-top:8px;font-size:16px}.type-meta{margin-top:6px;font-size:10px;line-height:1.28}}@media (width<=560px){.app-shell{padding:12px 12px 42px}.question-panel,.share-card,.cta-panel{border-radius:24px;padding:18px}.question-panel{min-height:calc(100vh - 86px)}.option-button{min-height:62px;padding:13px 14px;font-size:14px}.result-topline,.fear-meter{grid-template-columns:1fr;display:grid}.fear-meter strong{font-size:36px}.result-main-title{font-size:clamp(22px,6.4vw,29px)}.result-answer-title{font-size:28px}.result-full-title{font-size:15px}.result-subtitle{font-size:15px;line-height:1.7}.insight-grid,.result-actions{grid-template-columns:1fr}.cta-panel h2{font-size:20px}.insight-card{min-height:0;padding:14px}.mini-tags i{font-size:11px}.insight-card .insight-bubble{font-size:14px}}