*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#0a0b12;--text:#ece4d0;--text-sub:#ece4d08c;--accent:#d4af37;--accent-dark:#e8c869;--accent-bg:#d4af371f;--light:#5fb487;--shadow-cl:#cf8a8a;--border:#d4af372e;--card-bg:#ffffff0a;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--radius:12px;--shadow:0 4px 24px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:radial-gradient(ellipse 80% 50% at 50% -10%, #d4af3712, transparent 60%), radial-gradient(ellipse 60% 40% at 100% 100%, #d4af370a, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:scroll;font-size:16px;line-height:1.65}button{cursor:pointer;font-family:var(--sans);background:0 0;border:none}#root{flex-direction:column;align-items:center;min-height:100svh;display:flex}.entry-screen{background:radial-gradient(70% 40% at 50% 0,#d4af3712 0%,#0000 55%),#07080d;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:100%;min-height:100svh;padding:56px 28px 64px;display:flex;position:relative;overflow:hidden}.entry-stars{pointer-events:none;position:absolute;inset:0}.entry-star{background:#d4af37b3;border-radius:50%;animation:3s infinite alternate entryStarTwinkle;position:absolute}@keyframes entryStarTwinkle{0%{opacity:.15}to{opacity:.75}}.entry-compass{flex-shrink:0;width:80px;height:80px;margin-bottom:28px;position:relative}.entry-compass-ring1{border:1px solid #d4af3738;border-radius:50%;position:absolute;inset:0}.entry-compass-ring2{border:1px solid #d4af371c;border-radius:50%;position:absolute;inset:10px}.entry-compass-core{background:radial-gradient(at 40% 35%,#d4af371f,#00000080);border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px}.entry-compass-diamond{background:linear-gradient(135deg,#c9a227,khaki);width:10px;height:10px;transform:rotate(45deg)}.entry-compass-n{font-family:var(--serif);color:#d4af3773;letter-spacing:.05em;font-size:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.entry-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.entry-en{font-family:var(--serif);letter-spacing:.45em;color:#d4af3766;margin-bottom:8px;font-size:10px}.entry-title{font-family:var(--serif);letter-spacing:.4em;color:#f0e8d0;font-size:20px;font-weight:200}.entry-rule{background:linear-gradient(90deg,#0000,#d4af3766,#0000);width:44px;height:1px;margin:14px auto}.entry-subtitle{color:var(--text);font-size:18px;font-weight:600;line-height:1.5}.self-intent-back{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.intent-list{flex-direction:column;gap:12px;width:100%;display:flex}.intent-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:4px;width:100%;padding:16px 20px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.intent-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.intent-card.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px #b8833f33}.intent-label{color:var(--text);font-size:15px;font-weight:600}.intent-desc{color:var(--text-sub);font-size:13px}.start-button{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:40px;width:100%;max-width:320px;padding:14px 24px;font-size:16px;font-weight:600;transition:background .18s,opacity .18s}.start-button:hover:not(:disabled){background:var(--accent-dark)}.start-button:disabled{opacity:.38;cursor:not-allowed}.entry-note{color:var(--text-sub);font-size:12px}.flow-choices{flex-direction:column;gap:10px;width:100%;display:flex}.flow-choice{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card-bg);text-align:left;width:100%;color:var(--text);padding:16px 20px;font-size:15px;font-weight:500;line-height:1.5;transition:border-color .15s,background .15s,transform .1s}.flow-choice:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.flow-primary-label{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.04em;font-size:24px;font-weight:700}.quiz-screen{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:480px;padding:40px 24px 60px;display:flex}.quiz-tag{color:var(--accent-dark);background:var(--accent-bg);letter-spacing:.06em;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.quiz-stem{text-align:center;color:var(--text);letter-spacing:.02em;padding:0 4px;font-size:19px;font-weight:600;line-height:1.8;animation:.5s ease-out stemFade}@keyframes stemFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-choices{flex-direction:column;gap:10px;width:100%;display:flex}.quiz-choice{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);padding:16px;font-size:16px;font-weight:600;transition:border-color .18s,background .18s,transform .1s,box-shadow .18s}.quiz-choice:hover{box-shadow:var(--shadow);border-color:#d4af3780;transform:translateY(-1px)}.quiz-choice:disabled{cursor:default}.quiz-choice.is-pressed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 6px 22px #d4af372e;background:linear-gradient(135deg,#d4af3738,#d4af371a);transform:translateY(-1px)scale(1.012)}.quiz-choices--cat .quiz-choice--cat{text-align:left;opacity:0;align-items:center;gap:14px;padding:15px 16px;font-weight:500;line-height:1.55;animation:.5s ease-out forwards choiceRise;display:flex}@keyframes choiceRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.choice-letter{width:30px;height:30px;font-family:var(--serif);color:var(--accent);letter-spacing:0;border:1px solid #d4af3759;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:400;transition:background .18s,color .18s;display:grid}.quiz-choice--cat:hover .choice-letter{background:#d4af3724}.quiz-choice--cat.is-pressed .choice-letter{background:var(--accent);color:#1a1206;border-color:var(--accent)}.choice-text{flex:1;min-width:0;line-height:1.5}.choice-text--split{flex-direction:column;gap:3px;display:flex}.choice-anchor{color:var(--accent);font-size:1rem;font-weight:600;line-height:1.3}.choice-detail{color:var(--text-sub);letter-spacing:.01em;font-size:.82rem;line-height:1.45}.choice-yes{color:var(--light);border-color:#5fb48752}.choice-yes:hover{border-color:var(--light);background:#5fb4871a}.choice-yes.is-pressed{border-color:var(--light);box-shadow:0 0 0 1px var(--light), 0 6px 22px #5fb4872e;background:#5fb48733}.choice-dk{color:var(--text-sub)}.choice-dk:hover{border-color:var(--text-sub);background:#ffffff0f}.choice-dk.is-pressed{background:#ffffff1a;border-color:#ece4d099;box-shadow:0 0 0 1px #ece4d066}.choice-no{color:var(--shadow-cl);border-color:#cf8a8a52}.choice-no:hover{border-color:var(--shadow-cl);background:#cf8a8a1a}.choice-no.is-pressed{border-color:var(--shadow-cl);box-shadow:0 0 0 1px var(--shadow-cl), 0 6px 22px #cf8a8a2e;background:#cf8a8a33}.quiz-count{color:var(--accent);letter-spacing:.06em;align-self:flex-start;font-size:13px;font-weight:700}.result-screen{flex-direction:column;gap:20px;width:100%;max-width:480px;padding:32px 24px 72px;display:flex}.result-oracle{flex-direction:column;gap:10px;display:flex}.result-oracle-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.result-oracle-text{color:var(--text);font-size:17px;font-weight:600;line-height:1.75}.result-accident{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:22px 20px;display:flex}.result-accident-label-row{align-items:center;display:flex}.result-accident-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:var(--accent-bg);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.result-accident-headline{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.02em;font-size:22px;font-weight:700;line-height:1.45}.result-accident-body{color:var(--text);font-size:14px;line-height:1.85}.result-accident-when{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.result-accident-when-label{color:var(--text-sub);letter-spacing:.06em;font-size:11px;font-weight:700}.result-accident-when-text{color:var(--text-sub);font-size:13px;line-height:1.7}.result-why-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.result-why-text{color:var(--text);font-size:14px;line-height:1.8}.result-biases-mini{flex-direction:column;gap:8px;display:flex}.result-bias-mini{background:var(--bg);border-radius:8px;align-items:baseline;gap:8px;padding:8px 12px;display:flex}.bias-rank-1{border-left:3px solid var(--accent)}.bias-rank-2{border-left:3px solid #b8833f59}.bias-name-mini{color:var(--text);font-size:13px;font-weight:700}.bias-short-mini{color:var(--text-sub);font-size:12px}.result-type-mini{border-top:1px solid var(--border);align-items:baseline;gap:8px;padding-top:4px;display:flex}.result-type-code-mini{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.08em;font-size:20px;font-weight:700}.result-type-famous-mini{color:var(--text-sub);font-size:12px}.result-section-title{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.result-action{background:var(--accent-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:20px;display:flex}.result-recovery{color:var(--text);font-size:15px;font-weight:500;line-height:1.75}.result-footer{justify-content:center;padding-top:8px;display:flex}.retry-button{border:1.5px solid var(--accent);color:var(--accent-dark);border-radius:40px;padding:12px 32px;font-size:15px;font-weight:600;transition:background .18s}.retry-button:hover{background:var(--accent-bg)}.result-label-tag{font-family:var(--serif);color:var(--accent-dark);font-size:22px;font-weight:700;line-height:1.4}.result-two-sides{flex-direction:column;gap:12px;display:flex}.result-side{background:var(--card-bg);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;display:flex}.result-side-a{border:1.5px solid #3d7a5a59}.result-side-b{border:1.5px solid #a0505059}.result-side-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-sub);font-size:10px;font-weight:700}.result-side-a .result-side-label{color:var(--light)}.result-side-b .result-side-label{color:var(--shadow-cl)}.result-side-text{color:var(--text);font-size:14px;line-height:1.85}.result-closing{color:var(--text);border-left:3px solid var(--accent);padding:4px 0 4px 14px;font-size:14px;font-weight:600;line-height:1.75}.quiz-oracle-header{flex-direction:column;align-self:stretch;align-items:center;gap:10px;display:flex}.quiz-oracle-message{font-family:var(--serif);color:var(--accent-dark);text-align:center;background:var(--accent-bg);letter-spacing:.02em;border-radius:20px;align-self:stretch;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.65}.quiz-confidence-dots{align-items:center;gap:6px;display:flex}.quiz-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .4s}.quiz-dot--filled{background:var(--accent)}.result-evidence{border:1px solid #d4af3726;border-left:3px solid var(--accent-dark);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0d,#ffffff05);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.result-evidence-label{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.result-evidence-item{color:var(--text);font-size:13px;font-style:italic;line-height:1.8}.result-readings{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.result-readings-label{color:var(--text-sub);letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:700}.result-reading-item{font-family:var(--serif);color:var(--text);font-size:15px;font-weight:600;line-height:1.7}.result-inference{border:1.5px solid var(--accent);border-radius:var(--radius);background:linear-gradient(135deg,#b8833f14,#b8833f0a);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;display:flex}.result-inference-item{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.03em;font-size:18px;font-weight:700}.result-inference-note{color:var(--text-sub);letter-spacing:.02em;font-size:14px;font-weight:600}.transition-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;animation:1.6s ease-in-out forwards transitionFade;display:flex}.transition-message{font-family:var(--serif);color:var(--accent);text-align:center;letter-spacing:.08em;padding:0 2rem;font-size:1.1rem;line-height:1.8}@keyframes transitionFade{0%{opacity:0}20%{opacity:1}75%{opacity:1}to{opacity:0}}.result-layers{flex-direction:column;gap:12px;margin:20px 0;display:flex}.result-layer{border-radius:var(--radius);padding:16px 20px}.result-layer-surface{border-left:3px solid var(--accent);background:#b8833f12}.result-layer-root{border-left:3px solid var(--shadow-cl);background:#a0505012}.result-layer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-sub);margin-bottom:8px;font-size:10px;font-weight:800}.result-layer-surface .result-layer-label{color:var(--accent-dark)}.result-layer-root .result-layer-label{color:var(--shadow-cl)}.result-layer-text{color:var(--text);font-size:15px;line-height:1.85}.result-forecast{border-left:3px solid var(--light);border-radius:var(--radius);background:#3d7a5a12;margin:16px 0;padding:16px 20px}.result-forecast-text{color:#2d4a3e;font-size:15px;line-height:1.85}.result-adjacent{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:#ffffff08;margin:16px 0;padding:14px 20px}.result-adjacent-label{letter-spacing:.1em;color:var(--text-sub);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.result-adjacent-tag{font-family:var(--serif);color:var(--text);font-size:16px;font-weight:700}.entry-tagline{font-family:var(--serif);color:#f0e8d0b3;letter-spacing:.1em;font-size:14px;font-weight:300;line-height:1.9}.entry-choices{flex-direction:column;gap:10px;width:100%;max-width:360px;margin-bottom:28px;display:flex}.entry-choice-button{text-align:left;opacity:0;cursor:pointer;background:#ffffff06;border:1px solid #d4af372e;border-radius:2px;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:background .2s,border-color .2s;animation:.55s ease-out forwards choiceFadeIn;display:flex}@keyframes choiceFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-choice-button:hover{background:#d4af3712;border-color:#d4af3773}.choice-kanji{font-family:var(--serif);color:#d4af3799;text-align:center;flex-shrink:0;width:28px;font-size:22px;font-weight:200;line-height:1}.choice-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.choice-title{font-family:var(--serif);color:#e8e0cc;letter-spacing:.08em;font-size:15px;font-weight:300}.choice-desc{color:#c8b99b80;letter-spacing:.03em;font-size:11px;line-height:1.6}.choice-hint{color:#d4af3752;letter-spacing:.08em;flex-shrink:0;font-size:10px}.choice-meta{color:var(--accent-dark);background:var(--accent-bg);letter-spacing:.02em;border-radius:10px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:600}.mbti-entry-screen{flex-direction:column;gap:28px;width:100%;max-width:480px;margin:0 auto;padding:32px 24px 60px;display:flex}.mbti-entry-header{flex-direction:column;gap:8px;display:flex}.mbti-entry-heading{font-family:var(--serif);color:var(--text);font-size:20px;font-weight:700;line-height:1.45}.mbti-entry-sub{color:var(--text-sub);font-size:13px;line-height:1.55}.mbti-type-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.mbti-type-button{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:3px;padding:10px 4px;transition:border-color .15s,background .15s;display:flex}.mbti-type-button--shadow{background:#cf8a8a14;border-color:#cf8a8a59}.mbti-type-button:hover{border-color:var(--accent);background:var(--accent-bg)}.mbti-type-btn-label{color:var(--text);font-size:13px;font-weight:700;line-height:1.3}.mbti-type-btn-jung{color:var(--text-sub);letter-spacing:.04em;font-size:10px}.topic-screen{flex-direction:column;gap:24px;width:100%;max-width:480px;padding:48px 24px 60px;display:flex}.back-button{color:var(--text-sub);align-self:flex-start;padding:6px 0;font-size:13px;font-weight:600}.back-button:hover{color:var(--accent)}.topic-lead{font-family:var(--serif);color:var(--text);font-size:17px;line-height:1.7}.topic-choices{flex-direction:column;gap:12px;display:flex}.topic-button{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:4px;width:100%;padding:18px 22px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.topic-button:hover{border-color:var(--accent);box-shadow:var(--shadow);background:var(--accent-bg)}.topic-label{color:var(--text);font-size:16px;font-weight:700}.topic-desc{color:var(--text-sub);font-size:13px}.target-screen{flex-direction:column;gap:14px;width:100%;max-width:480px;padding:24px 20px 40px;display:flex}.target-choices{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.target-button{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:3px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.target-button:hover{border-color:var(--accent);box-shadow:var(--shadow);background:var(--accent-bg)}.target-label{color:var(--text);font-size:15px;font-weight:700}.topic-choices .topic-button,.target-choices .target-button,.mbti-type-grid .mbti-type-button,.hub-cards .hub-card{opacity:0;animation:.5s ease-out forwards choiceRise}.topic-choices .topic-button:first-child,.target-choices .target-button:first-child,.hub-cards .hub-card:first-child{animation-delay:50ms}.topic-choices .topic-button:nth-child(2),.target-choices .target-button:nth-child(2),.hub-cards .hub-card:nth-child(2){animation-delay:.11s}.topic-choices .topic-button:nth-child(3),.target-choices .target-button:nth-child(3),.hub-cards .hub-card:nth-child(3){animation-delay:.17s}.topic-choices .topic-button:nth-child(4),.target-choices .target-button:nth-child(4),.hub-cards .hub-card:nth-child(4){animation-delay:.23s}.target-choices .target-button:nth-child(n+5),.hub-cards .hub-card:nth-child(n+5){animation-delay:.29s}.hub-cards .hub-card:nth-child(n+6){animation-delay:.34s}.hub-cards .hub-card:nth-child(n+7){animation-delay:.39s}.hub-cards .hub-card:nth-child(n+8){animation-delay:.44s}.mbti-type-grid .mbti-type-button{animation-duration:.4s}.topic-button:hover,.target-button:hover,.hub-card:hover{transform:translateY(-2px)}.topic-button,.target-button{transition:border-color .18s,box-shadow .18s,background .18s,transform .12s}.topic-button:active,.target-button:active,.mbti-type-button:active,.hub-card:active{transform:translateY(0)scale(.99)}.target-desc{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.target-group{flex-direction:column;gap:8px;display:flex}.target-group-label{letter-spacing:.08em;color:var(--text-sub);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:2px;font-size:12px;font-weight:700}.quiz-progress{flex-direction:column;gap:6px;width:100%;display:flex}.quiz-progress-bar-track{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.quiz-progress-bar{background:linear-gradient(90deg,#b8860b,#d4af37 60%,khaki);border-radius:2px;height:4px;transition:width .45s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #d4af3780}.quiz-progress-label{color:var(--accent);letter-spacing:.08em;font-size:12px;font-weight:700}.quiz-progress-of{color:var(--text-sub);font-weight:500}.quiz-choices--mbti{gap:12px}.quiz-choices--mbti .quiz-choice{text-align:center;padding:18px;font-size:17px;font-weight:700}.mbti-result-screen{flex-direction:column;gap:20px;width:100%;max-width:480px;padding:40px 24px 72px;display:flex}.mbti-result-type-block{background:linear-gradient(135deg, var(--accent-bg), #b8833f0a);border:1.5px solid var(--accent);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.mbti-result-type-code{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.12em;font-size:36px;font-weight:700}.mbti-result-light-name{font-family:var(--serif);color:var(--text);font-size:28px;font-weight:700}.mbti-result-jung-id{color:var(--accent);letter-spacing:.08em;margin-top:4px;font-size:14px;font-weight:600}.mbti-result-desc{color:var(--text);margin-top:4px;font-size:15px;line-height:1.8}.mbti-result-famous{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.mbti-result-famous-label{color:var(--text-sub);letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.mbti-result-famous-names{font-family:var(--serif);color:var(--text);font-size:16px;font-weight:600}.mbti-result-shadow{border-left:3px solid var(--shadow-cl);border-radius:var(--radius);background:#a050500f;padding:14px 20px}.mbti-result-shadow-label{color:var(--shadow-cl);letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:700}.mbti-result-shadow-name{font-family:var(--serif);color:var(--text);font-size:17px;font-weight:700}.mbti-result-biases{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.mbti-result-biases-label{color:var(--text-sub);letter-spacing:.1em;margin-bottom:2px;font-size:11px;font-weight:700}.mbti-result-bias-item{flex-direction:column;gap:2px;display:flex}.mbti-bias-name{color:var(--text);font-size:14px;font-weight:700}.mbti-bias-short{color:var(--text-sub);font-size:13px}.mbti-result-action{border-left:3px solid var(--light);border-radius:var(--radius);background:#3d7a5a14;padding:18px 20px}.mbti-result-action-label{color:#3d7a5a;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:700}.mbti-result-action-text{color:var(--text);font-size:15px;line-height:1.8}.mbti-result-retry{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:40px;align-self:center;margin-top:8px;padding:14px 36px;font-size:15px;font-weight:600;transition:background .18s}.mbti-result-retry:hover{background:var(--accent-dark)}.entry-barnum{display:none}.quiz-oracle-reading{font-family:var(--serif);color:#f0e8d0;text-align:center;border:1px solid #d4af3738;border-left:2px solid var(--accent);border-radius:var(--radius);background:linear-gradient(135deg,#d4af371a,#d4af3708);width:100%;padding:14px 18px 14px 16px;font-size:15px;line-height:1.8;animation:.6s forwards fadeInDown}.quiz-oracle-mark{color:var(--accent);margin-right:8px;font-size:13px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.quiz-extension-notice{color:var(--accent-dark);text-align:center;background:var(--accent-bg);border:1px solid var(--accent);border-radius:var(--radius);width:100%;padding:8px 14px;font-size:13px;animation:.4s forwards fadeInDown}.mbti-result-reading-intro{border:1px solid #d4af3726;border-left:3px solid var(--accent-dark);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0d,#ffffff05);flex-direction:column;gap:8px;padding:20px 22px;display:flex}.mbti-result-reading-label{color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.mbti-result-reading-text{font-family:var(--serif);color:var(--text);font-size:16px;line-height:1.85}.post-quiz-screen{flex-direction:column;gap:22px;width:100%;max-width:480px;padding:32px 24px 40px;display:flex}.post-quiz-header{flex-direction:column;gap:6px;display:flex}.post-quiz-lead{font-family:var(--serif);color:var(--text);font-size:20px;font-weight:700}.post-quiz-sub{color:var(--text-sub);font-size:13px;line-height:1.6}.post-quiz-section{flex-direction:column;gap:10px;display:flex}.post-quiz-label{color:var(--text-sub);letter-spacing:.1em;font-size:11px;font-weight:700}.post-quiz-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.post-quiz-gen-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.post-quiz-chip{text-align:center;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:10px;padding:9px 6px;font-size:13.5px;font-weight:500;transition:border-color .15s,background .15s}.post-quiz-chip:hover{border-color:var(--accent)}.post-quiz-chip.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-dark);font-weight:700}.post-quiz-submit{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:40px;align-self:center;padding:14px 40px;font-size:16px;font-weight:600;transition:background .18s,opacity .18s}.post-quiz-submit:hover:not(:disabled){background:var(--accent-dark)}.post-quiz-submit:disabled{opacity:.35;cursor:not-allowed}.mbti-result-famous-inline{color:var(--accent);margin-top:4px;font-size:13px}.mbti-result-poles{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.mbti-result-pole{border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600}.mbti-result-pole--light{color:#3d7a5a;background:#3d7a5a1a}.mbti-result-pole--shadow{color:var(--shadow-cl);background:#a050501a}.mbti-result-loading{text-align:center;color:var(--text-sub);padding:24px;font-size:14px}.mbti-result-section-label{color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.mbti-result-prescription{background:var(--card-bg);border-radius:var(--radius);border:1.5px solid #b8833f4d;flex-direction:column;gap:4px;padding:20px 22px;display:flex}.mbti-result-prescription-meta{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.mbti-result-prescription-sub{color:var(--text-sub);margin-bottom:12px;font-size:12px;line-height:1.6}.mbti-result-prescription-text{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.9}.mbti-result-prescription-empty{color:var(--text-sub);font-size:14px}.mbti-result-mechanism{background:var(--card-bg);border:1px solid #b8833f38;border-left:3px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:4px;padding:18px 22px;display:flex}.mbti-result-mechanism-name{color:var(--accent-dark,var(--accent));margin-bottom:6px;font-size:15px;font-weight:700}.mbti-result-mechanism-text{color:var(--text);font-size:14px;line-height:1.85}.mbti-result-micro-interventions{background:var(--accent-bg);border-radius:var(--radius);border:1px solid #b8833f38;flex-direction:column;gap:14px;padding:18px 22px;display:flex}.mbti-result-micro-item{flex-direction:column;gap:6px;display:flex}.mbti-result-micro-action{color:var(--text);font-size:14px;font-weight:600;line-height:1.7}.mbti-result-micro-why{color:var(--text-sub);opacity:.9;font-size:12px;line-height:1.7}.mbti-bias-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;margin-bottom:10px;padding:16px 18px;display:flex}.mbti-bias-card-header{align-items:center;gap:10px;display:flex}.mbti-bias-rank{color:var(--accent);letter-spacing:.06em;font-size:11px}.mbti-result-profile{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.mbti-result-profile-text{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.85}.mbti-bias-msg{color:var(--text);margin:0;font-size:14px;line-height:1.85}.bias-note-link{color:var(--accent);letter-spacing:.02em;margin-top:6px;font-size:13px;text-decoration:none;display:inline-block}.bias-note-link:hover{text-decoration:underline}.bias-note-link-mini{color:var(--accent);margin-top:4px;font-size:12px;text-decoration:none;display:block}.bias-note-link-mini:hover{text-decoration:underline}.oracle-wall{flex-direction:column;gap:20px;width:100%;max-width:480px;padding:0 24px 80px;display:flex}.oracle-wall-header{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:32px;display:flex}.oracle-wall-title{font-family:var(--serif);color:var(--accent);font-size:18px;font-weight:700}.oracle-wall-subtitle{color:var(--text-sub);font-size:13px}.oracle-wall-form{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.oracle-wall-poster{color:var(--accent);font-size:12px;font-weight:700}.oracle-wall-textarea{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);resize:none;background:0 0;outline:none;padding:8px 0;font-family:inherit;font-size:14px;line-height:1.7}.oracle-wall-textarea::placeholder{color:var(--text-sub);opacity:.6}.oracle-wall-form-footer{justify-content:space-between;align-items:center;display:flex}.oracle-wall-count{color:var(--text-sub);font-size:12px}.oracle-wall-submit{background:var(--accent);color:#fff;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .18s}.oracle-wall-submit:disabled{opacity:.4;cursor:not-allowed}.oracle-wall-submit:not(:disabled):hover{opacity:.85}.oracle-wall-error{color:#a05050;font-size:12px}.oracle-wall-thanks{text-align:center;color:var(--text-sub);padding:12px 0;font-size:14px}.oracle-wall-posts{flex-direction:column;gap:12px;display:flex}.oracle-wall-loading,.oracle-wall-empty{color:var(--text-sub);text-align:center;padding:16px 0;font-size:13px}.oracle-wall-post{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.oracle-wall-post-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.oracle-wall-post-name{color:var(--accent);flex:1;font-size:11px;font-weight:700}.oracle-wall-post-date{color:var(--text-sub);white-space:nowrap;font-size:11px}.oracle-wall-post-message{color:var(--text);font-size:14px;line-height:1.75}.mbti-result-prescription-details{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);transition:box-shadow .18s;overflow:hidden}.mbti-result-prescription-details[open]{box-shadow:0 4px 20px #0006}.mbti-result-prescription-summary{cursor:pointer;font-family:var(--serif);color:var(--accent-dark);letter-spacing:.02em;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:15px;font-weight:700;list-style:none;transition:background .18s;display:flex}.mbti-result-prescription-summary::-webkit-details-marker{display:none}.mbti-result-prescription-summary:after{content:"＋";color:var(--accent);flex-shrink:0;font-size:18px;transition:transform .18s}.mbti-result-prescription-details[open] .mbti-result-prescription-summary:after{content:"−"}.mbti-result-prescription-summary:hover{background:var(--accent-bg)}.mbti-result-prescription-details .mbti-result-prescription{border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:18px 22px 22px}.share-buttons{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin-top:24px;padding:20px}.share-buttons-label{font-family:var(--serif);color:var(--accent-dark);letter-spacing:.1em;text-align:center;margin-bottom:14px;font-size:13px;font-weight:700}.share-buttons-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=480px){.share-buttons-row{grid-template-columns:repeat(2,1fr)}}.share-btn{border:1.5px solid var(--border);background:var(--card-bg);color:var(--text);font-family:var(--sans);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:12px 8px;transition:transform .12s,border-color .18s,background .18s,color .18s;display:flex}.share-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.share-btn-icon{letter-spacing:0;font-size:20px;font-weight:800;line-height:1}.share-btn-label{letter-spacing:.04em;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.share-btn--twitter{color:#fff;background:#14171a;border-color:#14171a}.share-btn--twitter:hover{background:#000;border-color:#000}.share-btn--line{color:#fff;background:#06c755;border-color:#06c755}.share-btn--line:hover{background:#05a847;border-color:#05a847}.share-btn--copy{background:var(--card-bg);color:var(--accent-dark);border-color:var(--border)}.share-btn--copy:hover{background:var(--accent-bg);border-color:var(--accent)}.share-btn--native{color:var(--text-sub);border-color:var(--border);background:0 0}.share-btn--native:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark)}.share-card{aspect-ratio:4/5;border-radius:var(--radius);border:1.5px solid var(--accent);width:100%;max-height:620px;box-shadow:var(--shadow), inset 0 0 0 1px #fff6;background:radial-gradient(circle at 20% 18%,#b8833f2e,#0000 55%),radial-gradient(circle at 80% 82%,#b8833f24,#0000 50%),linear-gradient(135deg,#fbf3e6 0%,#f6e6c8 55%,#f1d9a6 100%);justify-content:stretch;align-items:stretch;margin-top:28px;display:flex;position:relative;overflow:hidden}.share-card:before{content:"";border-radius:calc(var(--radius) - 4px);pointer-events:none;border:1px solid #8c5f2840;position:absolute;inset:12px}.share-card-inner{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px 28px;display:flex;position:relative}.share-card-brand{font-family:var(--serif);letter-spacing:.18em;color:var(--accent-dark);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;display:inline-flex}.share-card-compass{color:var(--accent);font-size:18px;line-height:1}.share-card-brand-text{letter-spacing:.22em}.share-card-headline{font-family:var(--sans);letter-spacing:.12em;color:var(--text-sub);font-size:13px;font-weight:600}.share-card-main{font-family:var(--serif);letter-spacing:.04em;color:var(--text);word-break:keep-all;padding:0 4px;font-size:40px;font-weight:700;line-height:1.25}@media (width<=420px){.share-card-main{font-size:32px}}.share-card-sub{font-family:var(--serif);letter-spacing:.14em;color:var(--accent-dark);font-size:16px;font-weight:600}.share-card-tagline{font-family:var(--sans);color:var(--text);margin-top:4px;font-size:14px;font-weight:500;line-height:1.6}.share-card-divider{color:var(--accent);opacity:.7;letter-spacing:.4em;margin-top:6px;font-size:16px}.share-card-footer{font-family:var(--serif);letter-spacing:.14em;color:var(--accent-dark);opacity:.75;text-align:center;font-size:11px;position:absolute;bottom:22px;left:0;right:0}.cross-flow-actions{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin-top:32px;padding:24px 22px 18px}.cross-flow-label{font-family:var(--serif);letter-spacing:.08em;color:var(--accent-dark);text-align:center;margin-bottom:16px;font-size:15px;font-weight:700}.cross-flow-grid{flex-direction:column;gap:10px;display:flex}.cross-flow-btn{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--card-bg);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;transition:border-color .18s,background .18s,transform .12s;display:flex}.cross-flow-btn:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.cross-flow-btn:active{transform:translateY(0)}.cross-flow-btn-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cross-flow-btn-title{font-family:var(--serif);color:var(--text);letter-spacing:.04em;font-size:16px;font-weight:700}.cross-flow-btn-desc{color:var(--text-sub);font-size:12px;line-height:1.55}.cross-flow-btn-arrow{color:var(--accent);flex-shrink:0;font-size:20px;font-weight:700;transition:transform .18s}.cross-flow-btn:hover .cross-flow-btn-arrow{color:var(--accent-dark);transform:translate(3px)}.cross-flow-retry{color:var(--text-sub);letter-spacing:.06em;text-underline-offset:3px;margin:16px auto 0;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:underline;transition:color .18s;display:block}.cross-flow-retry:hover{color:var(--accent-dark)}.note-promo{border-radius:var(--radius);flex-direction:column;gap:8px;width:100%;max-width:480px;margin:0 auto;padding:20px 22px;display:flex}.note-promo--preview{border:1.5px dashed var(--border);background:#b8833f14}.note-promo--series{background:#3d7a5a17;border:1.5px solid #3d7a5a59}.note-promo--membership{border:1.5px solid var(--accent);background:#8c5f281a}.note-promo-label{letter-spacing:.08em;color:var(--accent-dark);text-transform:uppercase;font-size:10.5px;font-weight:700}.note-promo--series .note-promo-label{color:var(--light)}.note-promo--membership .note-promo-label{color:var(--accent)}.note-promo-heading{font-family:var(--serif);color:var(--text);font-size:16px;font-weight:700;line-height:1.4}.note-promo-body{color:var(--text-sub);font-size:13px;line-height:1.65}.note-promo-cta{color:#fff;background:var(--accent);border-radius:20px;align-self:flex-start;margin-top:4px;padding:9px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.note-promo-cta:hover{opacity:.85}.note-promo--series .note-promo-cta{background:var(--light)}.note-promo--membership .note-promo-cta{background:var(--accent-dark)}.note-promo-minimal{background:var(--accent-bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.note-promo-minimal-label{color:var(--accent-dark);font-size:11px;font-weight:700}.note-promo-minimal-cta{color:var(--accent);font-size:12px;font-weight:600}.entry-note-link{color:#d4af3761;cursor:pointer;letter-spacing:.12em;background:0 0;border:none;padding:0;font-size:11px;transition:color .2s}.note-index-screen{flex-direction:column;gap:28px;width:100%;max-width:480px;padding:32px 24px 60px;display:flex}.note-index-header{flex-direction:column;gap:6px;display:flex}.note-index-back{color:var(--text-sub);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:12px}.note-index-back:hover{color:var(--accent)}.note-index-title{font-family:var(--serif);color:var(--text);font-size:22px;font-weight:700}.note-index-sub{color:var(--text-sub);font-size:13px;line-height:1.6}.note-index-group{flex-direction:column;gap:10px;display:flex}.note-index-group-label{letter-spacing:.08em;color:var(--text-sub);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:6px;font-size:11px;font-weight:700}.note-index-list{flex-direction:column;gap:2px;display:flex}.note-index-item{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .12s;display:flex}.note-index-item:hover{background:var(--accent-bg)}.note-index-tag{color:var(--accent-dark);background:var(--accent-bg);text-align:center;border-radius:6px;flex-shrink:0;min-width:36px;padding:2px 7px;font-size:10.5px;font-weight:700}.note-index-slug{flex:1;font-size:13.5px;line-height:1.45}.note-index-arrow{color:var(--text-sub);opacity:.5;flex-shrink:0;font-size:12px}.note-index-all{text-align:center;color:var(--accent);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px;font-size:13px;font-weight:600;text-decoration:none;display:block}.note-index-all:hover{background:var(--accent-bg)}.result-hub{flex-direction:column;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:32px 24px 60px;display:flex}.hub-readings{background:var(--accent-bg);border-radius:var(--radius);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.hub-readings-label{letter-spacing:.1em;color:var(--accent-dark);text-transform:uppercase;font-size:10px;font-weight:700}.hub-reading-item{color:var(--text-sub);font-size:13px;line-height:1.6}.hub-oracle{flex-direction:column;gap:8px;padding:4px 0;display:flex}.hub-oracle-eyebrow{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.hub-oracle-headline{font-family:var(--serif);color:var(--text);letter-spacing:.01em;font-size:28px;font-weight:700;line-height:1.35}.hub-oracle-sub{color:var(--accent-dark);letter-spacing:.06em;font-size:14px;font-weight:600}.hub-oracle-note{color:var(--text-sub);font-size:12.5px;font-style:italic}.hub-oracle-preview{color:var(--text-sub);font-size:14px;line-height:1.7}.hub-oracle-famous{color:var(--accent-dark);letter-spacing:.02em;font-size:13px}.hub-poles{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.hub-pole{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700}.hub-pole--light{color:var(--light);background:#3d7a5a1a}.hub-pole--shadow{color:var(--shadow-cl);background:#a050501a}.hub-cards{flex-direction:column;gap:8px;display:flex}.hub-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.hub-card:hover{border-color:var(--accent);background:var(--accent-bg);transform:translate(2px)}.hub-card-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.hub-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hub-card-title{color:var(--text);font-size:14.5px;font-weight:700}.hub-card-preview{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hub-card-arrow{color:var(--accent);opacity:.7;flex-shrink:0;font-size:20px;font-weight:700}.result-detail{flex-direction:column;gap:0;width:100%;max-width:480px;margin:0 auto;padding:0 24px 60px;display:flex}.result-detail-back{z-index:10;width:100%;color:var(--accent-dark);background:var(--bg);border-bottom:1px solid var(--border);text-align:left;cursor:pointer;padding:16px 0 14px;font-size:15px;font-weight:700;transition:color .12s;display:block;position:sticky;top:0}.result-detail-back:hover{color:var(--accent)}.result-detail-body{flex-direction:column;gap:16px;padding-top:28px;display:flex}.result-readout{flex-direction:column;gap:14px;margin:20px 0 8px;display:flex}.readout-block{background:var(--surface,#fff);border:1px solid var(--hairline,#8c5f2824);border-radius:var(--radius,14px);padding:20px 18px}.readout-block .detail-eyebrow{margin-bottom:10px;display:block}.readout-block .detail-headline{margin-bottom:8px}.pres-picker-label{color:var(--text-sub);margin-bottom:8px;font-size:12px;font-weight:700}.pres-picker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px;display:grid}.detail-eyebrow{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.detail-headline{font-family:var(--serif);color:var(--text);font-size:22px;font-weight:700;line-height:1.4}.detail-phrase{font-family:var(--serif);color:var(--accent-dark);background:var(--accent-bg);border-radius:var(--radius);border-left:4px solid var(--accent);padding:20px;font-size:24px;font-weight:700;line-height:1.5}.detail-body{color:var(--text);font-size:15px;line-height:1.85}.detail-note{color:var(--text-sub);font-size:12.5px;font-style:italic}.detail-item{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.detail-item:last-child{border-bottom:none}.detail-note-link{background:var(--accent);color:#fff;border-radius:var(--radius);text-align:center;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s;display:block}.detail-note-link:hover{opacity:.85}.post-quiz-skip{width:100%;color:var(--text-sub);cursor:pointer;letter-spacing:.05em;opacity:.7;background:0 0;border:none;margin-top:4px;padding:12px;font-size:12px;transition:opacity .15s}.post-quiz-skip:hover{opacity:1}.result-load-error{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:60px 24px;display:flex}.result-load-error p{color:var(--text-sub);font-size:14px;line-height:1.7}.result-load-error button{background:var(--accent);color:#fff;cursor:pointer;border-radius:40px;padding:12px 32px;font-size:14px;font-weight:600}@media (width>=600px){.entry-choices{max-width:400px}.entry-title{font-size:22px}.quiz-stem{font-size:20px}}@media (width<=480px){.entry-screen{padding:44px 20px 52px}.entry-compass{width:68px;height:68px}.entry-compass-ring2{inset:8px}.entry-compass-core{inset:18px}.entry-title{letter-spacing:.3em;font-size:18px}.entry-choices{gap:8px}.entry-choice-button{padding:15px 16px}.choice-kanji{font-size:18px}.choice-title{font-size:14px}.quiz-stem{font-size:16px}.hub-card{padding:14px 16px}}@media (width<=380px){.entry-title{letter-spacing:.25em;font-size:16px}.choice-desc{display:none}.entry-tagline{font-size:12px}}:root{--bg:#07090f;--bg-2:#0d111b;--surface:#ffffff0e;--surface-strong:#ffffff16;--surface-soft:#ffffff09;--text:#f4ecda;--text-sub:#f4ecda9e;--text-faint:#f4ecda61;--accent:#d6ad54;--accent-dark:#f1d790;--accent-ink:#241704;--accent-bg:#d6ad541f;--light:#7bcaa0;--shadow-cl:#e09a9a;--border:#f1d7902e;--hairline:#f1d79029;--card-bg:#ffffff0d;--radius:8px;--shadow:0 24px 70px #0000006b;--shadow-soft:0 16px 45px #00000047}html{background:var(--bg)}body{min-height:100svh;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 50% -20%,#f1d7901f,#0000 34rem),radial-gradient(circle at 10% 0,#4d7aa029,#0000 30rem),linear-gradient(#07090f 0%,#090c13 44%,#06070b 100%)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #f1d790b8}#root{background-color:#0000;background-image:linear-gradient(#f1d79005 1px,#0000 1px),linear-gradient(90deg,#f1d79004 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:68px 68px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.entry-screen,.quiz-screen,.topic-screen,.target-screen,.mbti-entry-screen,.post-quiz-screen,.result-hub,.result-detail,.note-index-screen,.oracle-wall,.result-load-error{isolation:isolate;position:relative}.entry-screen{background:radial-gradient(circle at 50% 22%,#f1d7901f,#0000 22rem),radial-gradient(circle at 82% 78%,#4b6f9a24,#0000 26rem),linear-gradient(145deg,#07090f 0%,#0d111b 55%,#06070b 100%);justify-content:center;min-height:100svh;padding:clamp(24px,4vw,48px)}.entry-depth{pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 44%,#0000 0 9.6rem,#f1d7900a 9.7rem,#0000 9.9rem),radial-gradient(circle at 50% 44%,#0000 0 14rem,#f1d79006 14.1rem,#0000 14.25rem),radial-gradient(circle at 50% 44%,#0000 0,#0000003d 72%);position:absolute;inset:0}.entry-grid{pointer-events:none;opacity:.5;background-image:linear-gradient(#f1d79009 1px,#0000 1px),linear-gradient(90deg,#f1d79007 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 68%);mask-image:radial-gradient(circle,#000 0,#0000 68%)}.entry-stage{z-index:1;width:min(100%,700px);min-height:min(760px,100svh - 48px);box-shadow:0 1px 0 #ffffff14 inset, 0 0 0 1px #00000059, var(--shadow);background:linear-gradient(#ffffff15,#ffffff09),linear-gradient(135deg,#d6ad5413,#1f30481a);border:1px solid #f1d7902e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(26px,5vw,56px);display:flex;position:relative;overflow:hidden}.entry-stage:before,.entry-stage:after{content:"";pointer-events:none;position:absolute}.entry-stage:before{border:1px solid #f1d79014;border-radius:50%;width:480px;height:480px;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 48px #f1d79003,0 0 90px #d6ad5412}.entry-stage:after{border-radius:inherit;opacity:.55;background:linear-gradient(120deg,#0000 0 42%,#ffffff0e 50%,#0000 58%),linear-gradient(#ffffff08,#0000 18%);inset:0}.entry-brandbar{z-index:2;color:#f1d7906b;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:18px;left:24px;right:24px}.entry-header{z-index:2;margin:0 0 34px;position:relative}.entry-compass-shell{place-items:center;margin:10px 0 30px;display:grid;position:relative}.entry-compass-shell:before{content:"";filter:blur(.2px);opacity:.58;background:conic-gradient(from 14deg,#0000,#f1d79047,#0000 22% 50%,#f1d79029,#0000 68%,#0000);border-radius:50%;width:142px;height:142px;position:absolute}.entry-compass{filter:drop-shadow(0 18px 34px #d6ad5438);width:96px;height:96px;margin:0}.entry-compass-ring1{border-color:#f1d7906b;box-shadow:inset 0 0 0 1px #d6ad5414}.entry-compass-ring2{border-color:#f1d79038;inset:13px}.entry-compass-core{background:radial-gradient(circle at 35% 30%,#fff6d252,#0000 34%),linear-gradient(145deg,#d6ad5429,#00000085);border-color:#f1d79059;inset:27px}.entry-compass-diamond{background:linear-gradient(135deg,#f7e9ad,#bd8735 55%,#fff2bc);width:12px;height:12px;box-shadow:0 0 20px #f1d79073}.entry-compass-n{color:#f1d7909e;font-size:9px;top:-5px}.entry-en{color:#f1d7907a;letter-spacing:.52em;font-size:10px}.entry-title{letter-spacing:.24em;color:#fff8e8;text-shadow:0 16px 48px #d6ad542e;font-size:clamp(26px,5vw,38px);font-weight:400}.entry-rule{background:linear-gradient(90deg,#0000,#f1d790b8,#0000);width:72px;margin:18px auto 16px}.entry-tagline{color:#f4ecdacc;letter-spacing:.08em;font-size:clamp(14px,2vw,16px)}.entry-stat{color:var(--text-faint);letter-spacing:.08em;margin-top:14px;font-size:12px}.entry-stat strong{color:var(--accent-dark);font-weight:700}.entry-choices{z-index:2;gap:12px;max-width:520px;margin-bottom:20px;position:relative}.entry-choice-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff16,#ffffff09),#05070c73;border:1px solid #f1d7902e;border-radius:10px;min-height:82px;padding:18px 18px 18px 20px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff14,0 16px 34px #0000002e}.entry-choice-button:hover{background:linear-gradient(135deg,#d6ad5424,#ffffff09),#05070c8c;border-color:#f1d79075;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 24px 44px #00000040,0 0 34px #d6ad5414}.entry-choice-button:active{transform:translateY(0)scale(.99)}.choice-kanji{width:38px;height:38px;color:var(--accent-dark);background:#d6ad5414;border:1px solid #f1d79038;border-radius:50%;place-items:center;font-size:20px;display:grid}.choice-title{color:#fff8e9;letter-spacing:.05em;font-size:16px;font-weight:600}.choice-desc{color:#f4ecdaad;font-size:12px}.choice-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.choice-meta{color:#f1d7909e;font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;background:0 0;border-radius:0;padding:0;font-size:11px;font-weight:600}.choice-hint{color:#f4ecda5c;font-size:10px}.entry-footer-row{z-index:2;justify-content:space-between;align-items:center;gap:16px;width:min(100%,460px);min-height:24px;display:flex;position:relative}.entry-secure,.entry-note-link{color:#f4ecda6b;letter-spacing:.12em;font-size:11px}.entry-note-link{color:#f1d79094}.entry-note-link:hover{color:var(--accent-dark)}.entry-star{background:#f1d790c7;box-shadow:0 0 10px #f1d7908c}.quiz-screen,.topic-screen,.target-screen,.mbti-entry-screen,.post-quiz-screen,.result-hub,.note-index-screen,.oracle-wall{width:min(100%,760px);max-width:760px;margin:0 auto;padding:clamp(28px,5vw,54px) clamp(18px,4vw,34px) 72px}.quiz-screen:before,.topic-screen:before,.target-screen:before,.mbti-entry-screen:before,.post-quiz-screen:before,.result-hub:before,.note-index-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 12%,#f1d79017,#0000 22rem),radial-gradient(circle at 88% 82%,#4b6f9a21,#0000 28rem),linear-gradient(#07090f,#090c13 52%,#05060a);position:fixed;inset:0}.back-button,.result-detail-back,.note-index-back{color:#f4ecda8a;letter-spacing:.1em;font-size:12px;font-weight:700}.back-button:hover,.result-detail-back:hover,.note-index-back:hover{color:var(--accent-dark)}.topic-lead,.mbti-entry-heading,.post-quiz-lead,.note-index-title{font-family:var(--serif);color:#fff4df;letter-spacing:.03em;font-size:clamp(22px,4vw,32px);font-weight:500;line-height:1.45}.mbti-entry-sub,.post-quiz-sub,.note-index-sub{color:var(--text-sub)}.topic-choices,.target-choices,.mbti-type-grid,.post-quiz-grid,.post-quiz-gen-row{gap:10px}.topic-button,.target-button,.mbti-type-button,.post-quiz-chip,.hub-card,.cross-flow-btn,.note-index-item{background:linear-gradient(135deg,#ffffff10,#ffffff07),#05070c5c;border-color:#f1d79029;box-shadow:inset 0 1px #ffffff0f}.topic-button,.target-button,.hub-card,.cross-flow-btn{border-radius:10px}.topic-button:hover,.target-button:hover,.mbti-type-button:hover,.post-quiz-chip:hover,.hub-card:hover,.cross-flow-btn:hover,.note-index-item:hover{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#d6ad541f,#ffffff08),#05070c6b;border-color:#f1d7906b}.topic-label,.target-label,.hub-card-title,.cross-flow-btn-title,.mbti-type-btn-label{color:#fff2dc}.topic-desc,.target-desc,.hub-card-preview,.cross-flow-btn-desc,.mbti-type-btn-jung{color:#f4ecda8c}.target-choices{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.target-group-label,.post-quiz-label,.note-index-group-label,.hub-readings-label,.detail-eyebrow{color:#f1d790b8;letter-spacing:.14em}.quiz-progress{gap:10px;max-width:620px}.quiz-progress-bar-track{background:#ffffff0b;border:1px solid #f1d79021;height:6px}.quiz-progress-bar{background:linear-gradient(90deg,#8e6827,#d6ad54 52%,#fff1bc);height:100%;box-shadow:0 0 18px #d6ad5457}.quiz-progress-label{color:#f1d790cc}.quiz-extension-notice,.quiz-oracle-reading{color:#f4ecdab8;text-align:center;background:#d6ad5414;border:1px solid #f1d79029;border-radius:999px;width:min(100%,620px);padding:10px 16px;font-size:13px}.quiz-oracle-reading{font-family:var(--serif);color:var(--accent-dark)}.quiz-stem{width:min(100%,660px);min-height:154px;box-shadow:var(--shadow-soft);color:#fff3df;font-family:var(--serif);background:radial-gradient(circle at 50% 0,#d6ad541a,#0000 70%),linear-gradient(#ffffff13,#ffffff07);border:1px solid #f1d7902e;border-radius:16px;place-items:center;padding:clamp(28px,5vw,46px);font-size:clamp(20px,3.5vw,28px);font-weight:500;display:grid}.quiz-choices{gap:12px;width:min(100%,620px)}.quiz-choice{color:var(--text);background:linear-gradient(135deg,#ffffff10,#ffffff07),#05070c61;border:1px solid #f1d79029;border-radius:10px;box-shadow:inset 0 1px #ffffff0f}.quiz-choice:hover{background:linear-gradient(135deg,#d6ad541f,#ffffff08),#05070c75;border-color:#f1d79070}.choice-letter{color:var(--accent-dark);background:#d6ad5414;border-color:#f1d79047;border-radius:8px}.choice-anchor{color:#fff1d8}.choice-detail{color:#f4ecda8f}.choice-yes,.choice-no,.choice-dk{color:#fff1d8}.choice-yes{border-color:#7bcaa052}.choice-no{border-color:#e09a9a52}.post-quiz-screen{gap:24px}.post-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.post-quiz-gen-row{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.post-quiz-chip{color:#f4ecdacc;border-radius:999px;min-height:42px}.post-quiz-chip.selected{color:var(--accent-ink);background:linear-gradient(135deg,#d6ad54f0,#f1d790d1);border-color:#fff1bcb3;box-shadow:0 14px 28px #d6ad5429}.post-quiz-submit,.detail-note-link,.note-promo-cta,.start-button{color:var(--accent-ink);background:linear-gradient(135deg,#d6ad54,#f1d790);border-radius:999px;box-shadow:0 18px 40px #d6ad542e}.post-quiz-submit:hover:not(:disabled),.detail-note-link:hover,.note-promo-cta:hover,.start-button:hover:not(:disabled){opacity:1;background:linear-gradient(135deg,#e6c067,#fff0b7)}.post-quiz-submit:disabled{opacity:.34;box-shadow:none}.result-hub{gap:24px}.hub-readings,.result-readings,.result-evidence{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#d6ad541a,#ffffff07),#05070c61;border:1px solid #f1d79029;border-radius:14px}.hub-reading-item{color:#f4ecdaad}.hub-oracle{padding:clamp(22px,4vw,34px) 0 8px;position:relative}.hub-oracle:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:76px;height:1px;position:absolute;top:0;left:0}.hub-oracle-eyebrow,.result-oracle-eyebrow{color:#f1d790bd}.hub-oracle-headline{color:#fff4df;letter-spacing:.01em;text-shadow:0 20px 70px #d6ad5421;max-width:680px;font-size:clamp(34px,8vw,64px);font-weight:500}.hub-oracle-sub,.hub-oracle-famous,.hub-oracle-note,.hub-oracle-preview{color:#f4ecdaa8}.hub-pole{background:0 0;border:1px solid;border-radius:999px}.hub-pole--light{color:var(--light)}.hub-pole--shadow{color:var(--shadow-cl)}.result-readout{gap:16px}.readout-block{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffff10,#ffffff07),#05070c6b;border:1px solid #f1d79029;border-radius:16px;padding:clamp(22px,4vw,34px);position:relative;overflow:hidden}.readout-block:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(120deg,#ffffff0b,#0000 38%);position:absolute;inset:0}.readout-block--hero{background:radial-gradient(circle at 85% 10%,#d6ad5421,#0000 18rem),linear-gradient(135deg,#d6ad541c,#ffffff07),#05070c70;border-color:#f1d7904d}.detail-headline{color:#fff3de;font-weight:500}.detail-body{color:#f4ecdac7}.detail-note{color:#f4ecda85}.detail-phrase{border:1px solid #f1d7902e;border-left:3px solid var(--accent);color:var(--accent-dark);background:#d6ad541a;border-radius:12px}.result-closing{color:#f4ecdad1}.result-bias-mini,.mbti-bias-card{background:#0000002e;border:1px solid #f1d79024;border-radius:12px}.mbti-bias-card--top{background:#d6ad541a;border-color:#f1d79040}.bias-name-mini,.mbti-bias-name{color:#fff1d8}.bias-short-mini,.mbti-bias-short,.mbti-bias-msg{color:#f4ecda9e}.hub-card-icon{background:#d6ad5414;border:1px solid #f1d7902e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.hub-card-arrow,.cross-flow-btn-arrow,.note-index-arrow{color:var(--accent-dark)}.cross-flow-actions,.share-buttons,.note-promo,.oracle-wall-form,.oracle-wall-item{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffff0f,#ffffff06),#05070c61;border-color:#f1d79029;border-radius:16px}.cross-flow-label,.share-buttons-label,.note-promo-heading,.oracle-wall-title{color:var(--accent-dark)}.note-promo-body,.oracle-wall-subtitle{color:#f4ecda9e}.result-detail-back{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090fd6}.note-index-tag{color:var(--accent-dark);background:#d6ad541a}@media (width>=900px){.topic-screen,.target-screen,.mbti-entry-screen,.post-quiz-screen,.result-hub,.note-index-screen{padding-top:70px}.target-screen{width:min(100%,900px);max-width:900px}.result-hub{width:min(100%,820px);max-width:820px}.hub-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.result-hub .hub-cards:has(.hub-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.cross-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width<=640px){.entry-screen{padding:14px}.entry-stage{border-radius:14px;min-height:calc(100svh - 28px);padding:46px 18px 24px}.entry-brandbar{letter-spacing:.1em;gap:8px;font-size:8px;left:16px;right:16px}.entry-brandbar span:nth-child(2){display:none}.entry-compass{width:74px;height:74px}.entry-compass-shell{margin-bottom:22px}.entry-title{letter-spacing:.2em;font-size:24px}.entry-header{margin-bottom:26px}.entry-choice-button{gap:12px;min-height:78px;padding:15px 13px}.choice-kanji{width:34px;height:34px;font-size:18px}.choice-title{font-size:15px}.choice-desc{font-size:11px;display:block}.choice-side{display:none}.entry-footer-row{flex-direction:column;gap:8px}.quiz-screen,.topic-screen,.target-screen,.mbti-entry-screen,.post-quiz-screen,.result-hub,.note-index-screen,.oracle-wall{padding:28px 18px 56px}.quiz-stem{min-height:132px;padding:28px 20px;font-size:19px}.target-choices,.mbti-type-grid,.post-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-oracle-headline{font-size:38px}.readout-block{padding:22px 18px}}@media (width<=380px){.entry-title{letter-spacing:.16em;font-size:21px}.entry-en{letter-spacing:.34em}.choice-desc{font-size:10.5px}.topic-lead,.mbti-entry-heading,.post-quiz-lead{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.ashita-no-itte{text-align:center;background:#b8833f12;border:1px solid #b8833f59;border-radius:12px;margin:28px 0 8px;padding:24px 20px 20px}.ashita-label{letter-spacing:.18em;text-transform:uppercase;color:#b8833f;margin:0 0 10px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:10px}.ashita-text{color:#f5ede0;margin:0 0 16px;font-size:15px;font-weight:500;line-height:1.85}.ashita-copy-btn{color:#b8833f;cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #b8833f8c;border-radius:6px;padding:7px 20px;font-size:12px;transition:background .18s,border-color .18s}.ashita-copy-btn:hover,.ashita-copy-btn:focus-visible{background:#b8833f24;border-color:#b8833fcc;outline:none}.ashita-copy-btn--block{margin:14px auto 0;display:block}.killer-line{border-left:3px solid var(--accent,#d4af37);background:linear-gradient(135deg,#d4af371a 0%,#d4af370a 100%);border-radius:0 10px 10px 0;margin:0 0 20px;padding:20px 24px;position:relative}.killer-line:before{content:"“";color:var(--accent,#d4af37);opacity:.4;font-family:Noto Serif JP,serif;font-size:36px;line-height:1;position:absolute;top:4px;left:10px}.killer-line-text{color:var(--accent-dark,#e8c869);margin:0;padding-left:8px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:16px;font-weight:500;line-height:1.8}