@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,sans-serif;--page-bg: #f7efe3;--page-bg-soft: #fff8ef;--page-ink: #1f1511;--page-muted: #67554d;--line: rgba(31, 21, 17, .12);--line-strong: rgba(31, 21, 17, .22);--panel: rgba(255, 249, 241, .88);--panel-strong: rgba(255, 252, 247, .96);--card-shadow: 0 24px 70px rgba(68, 30, 20, .12);--accent: #e84a27;--accent-strong: #ff7a2f;--accent-soft: #fff0d8;--ink-inverse: #fffaf4;--teal: #196b63;--danger: #9d3527;--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--page-ink);background:radial-gradient(circle at top left,rgba(232,74,39,.18),transparent 32%),radial-gradient(circle at 90% 12%,rgba(25,107,99,.12),transparent 18%),linear-gradient(180deg,#fef7ed,#f8efdf 52%,#f5ead6)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app-shell{position:relative;min-height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:20px 16px 14px}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000,#00000073);mask-image:linear-gradient(180deg,#000,#00000073)}.app-layout{position:relative;display:grid;gap:24px;width:min(1420px,100%);margin:0 auto}.main-column{display:grid;gap:22px}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:14px}.brand-mark,.topbar-mode,.badge,.edge-chip,.status-pill,.ad-slot-label,.match-label,.share-card-label,.review-card-label,.mode-card-eyebrow,.question-step-title,.marquee-label{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.brand-mark{color:var(--ink-inverse);background:linear-gradient(135deg,var(--page-ink),#4b2a20);box-shadow:var(--card-shadow);border:0}.topbar-mode{color:var(--accent);border:1px solid rgba(232,74,39,.18);background:#ffffff8c}.view-panel,.graph-panel,.cards-panel,.none-found-card,.share-card,.review-card,.detail-disclosure,.ad-slot{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-panel,.quiz-shell,.loading-panel,.results-panel{padding:26px;animation:rise-in .32s ease}.landing-panel{display:grid;gap:22px;min-height:min(72vh,760px);align-items:center}.landing-copy,.results-hero,.mode-panel,.question-shell{display:grid;gap:18px}.landing-copy{justify-items:center;text-align:center;max-width:1100px;margin:0 auto}.eyebrow{margin:0;color:var(--danger);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}h1,h2,h3{margin:0;font-family:Bebas Neue,sans-serif;line-height:.95;letter-spacing:.02em}h1{width:100%;max-width:none;font-size:clamp(3.6rem,9vw,7rem)}h2{font-size:clamp(2.6rem,9vw,4.7rem)}h3{font-size:clamp(1.7rem,6vw,2.4rem)}.landing-lead,.section-copy,.field-helper,.loading-copy,.none-found-list,.detail-list,.path-card-type,.review-empty p,.mode-card p,.mode-card span:last-child,.share-card p,.share-card-foot,.ad-slot p{color:var(--page-muted);line-height:1.6}.landing-actions,.quiz-nav-row,.quiz-nav-actions,.results-actions,.loading-error-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-actions{flex-direction:column;align-items:center}.landing-button{min-width:320px;min-height:68px;padding:0 30px;font-size:1.12rem}.landing-note{color:var(--page-muted);font-size:.92rem}.landing-marquee,.mode-grid,.review-grid,.detail-grid,.result-layout,.results-top,.question-head{display:grid;gap:18px}.marquee-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffa8;display:grid;gap:10px}.marquee-card strong{font-size:1.1rem}.primary-button,.secondary-button,.ghost-button,.mode-card,.option-tile,.option-chip,.suggestion-card,.review-card{transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.primary-button,.secondary-button,.ghost-button{min-height:50px;padding:0 20px;border-radius:999px;border:1px solid transparent}.primary-button{color:var(--ink-inverse);background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.secondary-button{color:var(--page-ink);background:var(--accent-soft);border-color:#e84a272e}.ghost-button{color:var(--page-ink);background:#ffffffa3;border-color:var(--line)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.mode-card:hover,.option-tile:hover,.option-chip:hover,.suggestion-card:hover,.review-card:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.mode-grid,.option-tile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card,.option-tile,.suggestion-card,.review-card{width:100%;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffb3;text-align:left}.mode-card{padding:20px;display:grid;gap:12px}.mode-card-selected,.option-tile-selected,.option-chip-selected,.match-card-selected{border-color:#e84a2766;background:linear-gradient(145deg,#ffedd4fa,#ffffffdb);box-shadow:0 18px 36px #e84a271f}.mode-card strong,.option-tile-label{font-size:1.18rem}.question-progress{display:grid;gap:10px}.question-progress span,.progress-pill span,.progress-pill strong{color:var(--danger);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#1f151114}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.question-head{align-items:start}.progress-pill,.review-empty,.slider-panel,.graph-panel,.cards-panel,.none-found-card{padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffff8a}.field-block,.question-body,.match-stack,.match-copy,.saved-clue-copy{display:grid;gap:12px}.question-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.question-input,.slider-input{width:100%}.question-input{min-height:60px;padding:16px 18px;color:var(--page-ink);border:1px solid var(--line-strong);border-radius:20px;background:var(--panel-strong)}.question-input::placeholder{color:#1f151166}.question-title{font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:.98;max-width:none;letter-spacing:.01em}.question-tip{margin:2px 0 0;color:var(--page-muted);font-size:.94rem;line-height:1.5}.question-tip-title{color:var(--danger);font-weight:700;margin-right:8px}.match-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;border-radius:var(--radius-lg);border:1px dashed rgba(31,21,17,.18);background:#ffffff94;align-items:center}.match-card-selected{border-style:solid;border-color:#e84a2747;background:#fff4e8e6}.match-copy p{margin:0;color:var(--page-muted)}.match-clear-button{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent}.match-clear-button:disabled{opacity:.45;cursor:default}.match-note{color:var(--page-muted);font-size:.92rem}.saved-clue-list{display:grid;gap:10px}.saved-clue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8}.saved-clue-matched{border-color:#e84a273d;background:#fff6edf5}.saved-clue-copy{gap:4px}.saved-clue-copy strong{overflow-wrap:anywhere}.saved-clue-copy span{color:var(--page-muted);font-size:.84rem}.saved-clue-remove,.input-add-button{white-space:nowrap}.saved-clue-remove{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent}.suggestion-list{display:grid;gap:10px}.suggestion-card{padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.suggestion-main{display:grid;gap:4px}.suggestion-main strong{overflow-wrap:anywhere}.suggestion-main span,.suggestion-meta{color:var(--page-muted);font-size:.86rem}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.option-chip{min-height:52px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#ffffffc7;text-align:center}.option-tile{padding:20px;display:grid;gap:8px}.option-tile-copy,.field-inline-meta,.slider-inline-actions,.slider-note{color:var(--page-muted);font-size:.9rem}.field-inline-meta,.slider-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider-panel{display:grid;gap:14px}.slider-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--page-muted)}.slider-input{accent-color:var(--accent)}.review-empty strong{font-size:1.05rem}.review-empty p{margin:0}.review-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.review-card{padding:18px;display:grid;gap:10px}.review-card strong{overflow-wrap:anywhere}.review-card-match{color:var(--page-muted);font-size:.88rem}.loading-panel{display:grid;justify-items:center;gap:16px;text-align:center}.spinner-ring{width:84px;height:84px;border-radius:50%;border:6px solid rgba(31,21,17,.08);border-top-color:var(--accent);border-right-color:var(--accent-strong);animation:spin .9s linear infinite}.loading-rails,.none-found-list,.detail-list,.path-card-list{margin:0;padding-left:1.1rem}.results-panel,.results-top,.result-layout{display:grid;gap:18px}.result-badges,.edge-chip-row,.share-card-avatars{display:flex;flex-wrap:wrap;gap:10px}.badge,.edge-chip,.status-pill,.ad-slot-label,.match-label,.share-card-label,.review-card-label,.mode-card-eyebrow,.question-step-title,.marquee-label{border:1px solid rgba(31,21,17,.1);background:#ffffffe0;color:var(--danger)}.share-card{padding:20px;display:grid;gap:14px;align-self:start}.share-card strong{font-size:1.2rem}.share-card-degree{font-family:Bebas Neue,sans-serif;font-size:clamp(2.8rem,8vw,4rem);line-height:.95}.share-card-foot{font-size:.9rem}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head span{color:var(--page-muted);font-size:.82rem}.path-graph,.graph-empty{min-height:380px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#140e0d,#231714)}.graph-empty{display:grid;place-items:center;color:#fffaf4b8}.path-card-list{list-style:none;padding-left:0;display:grid;gap:12px}.path-card{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffad;display:grid;gap:12px}.path-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.path-card-copy{display:grid;gap:4px}.path-card-copy span{color:var(--danger);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.path-card-copy strong{overflow-wrap:anywhere}.path-card-type{margin:0}.results-actions{align-items:center}.status-pill{color:var(--teal)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-disclosure{padding:0;overflow:hidden}.detail-disclosure summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700}.detail-disclosure summary::-webkit-details-marker{display:none}.detail-disclosure[open] summary{border-bottom:1px solid var(--line)}.detail-list{padding:0 20px 20px 34px}.detail-list li+li,.none-found-list li+li{margin-top:8px}.entity-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid rgba(31,21,17,.12);background:linear-gradient(135deg,var(--accent-soft),#ffd2b4);display:grid;place-items:center}.entity-avatar span{font-family:Bebas Neue,sans-serif;font-size:1.5rem}.entity-avatar-compact{width:52px;height:52px}.side-rail{display:none}.ad-slot{min-height:300px;padding:18px;display:grid;gap:12px;border-style:dashed;background:linear-gradient(145deg,#fff4e4f2,#fffbf3f2),repeating-linear-gradient(135deg,rgba(232,74,39,.05),rgba(232,74,39,.05) 14px,transparent 14px,transparent 28px)}.ad-slot strong{font-size:1.08rem}.ad-slot span:last-child{color:var(--page-muted)}.ad-slot-compact{min-height:80px;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px}.ad-slot-compact strong,.ad-slot-compact p,.ad-slot-compact span:last-child{margin:0}.bottom-ad-shell{position:relative;width:min(1420px,100%);margin:0 auto}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#21120d57;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-card{width:min(100%,580px);padding:24px;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--card-shadow);display:grid;gap:16px}.modal-copy{display:grid;gap:12px}.modal-copy p{margin:0;color:var(--page-muted);line-height:1.6}@media(min-width:900px){.results-top,.question-head-split{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start}.question-title{white-space:nowrap}.result-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.88fr)}}@media(min-width:1280px){.app-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.side-rail{display:block;position:sticky;top:20px}}@media(max-width:899px){.path-graph{display:none}}@media(max-width:639px){.app-shell{padding:16px 12px 12px}.landing-panel,.quiz-shell,.loading-panel,.results-panel{padding:20px}.landing-actions,.quiz-nav-row,.quiz-nav-actions,.field-inline-meta,.slider-inline-actions,.results-actions,.loading-error-actions{flex-direction:column;align-items:stretch}.share-card,.progress-pill{order:-1}.chip-grid,.mode-grid,.option-tile-grid,.review-grid,.question-input-row,.saved-clue{grid-template-columns:1fr}.suggestion-card{grid-template-columns:auto minmax(0,1fr)}.suggestion-meta{grid-column:2}.input-add-button,.saved-clue-remove{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}