@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;--page-bg: #0d0908;--page-bg-soft: #1b1310;--panel: rgba(26, 18, 14, .92);--panel-strong: rgba(35, 22, 17, .98);--line: rgba(255, 226, 193, .14);--ink: #f7f0e7;--muted: #c9b5a2;--accent: #cd4b28;--accent-strong: #f4b76a;--accent-cool: #4bb5a6;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--bottom-ad-height: 164px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(205,75,40,.22),transparent 30%),radial-gradient(circle at 85% 20%,rgba(75,181,166,.16),transparent 18%),linear-gradient(180deg,#18100d,#0d0908 55%,#110b09);min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:24px 18px 16px}.page-glow{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,#000000f2,#00000080);mask-image:linear-gradient(180deg,#000000f2,#00000080)}.app-layout{display:grid;gap:24px;max-width:1480px;margin:0 auto;min-height:0;width:100%;overflow-y:auto;padding-bottom:12px}.main-column{display:grid;gap:24px}.top-strip{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}.top-strip span{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff08}.view-panel,.detail-panel,.hero-card,.progress-card,.none-found-card,.graph-panel,.cards-panel,.confirm-preview{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-panel,.quiz-panel,.loading-panel,.results-panel{position:relative;overflow:hidden;padding:24px;animation:rise-in .42s ease}.hero-panel{display:grid;gap:22px}.hero-copy,.results-hero{display:grid;gap:16px}.eyebrow{margin:0;color:var(--accent-strong);font-size:.88rem;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:Bebas Neue,sans-serif;letter-spacing:.02em;line-height:.95}h1{font-size:clamp(3rem,10vw,6.6rem);max-width:9ch}h2{font-size:clamp(2.4rem,8vw,4.2rem)}h3{font-size:clamp(1.7rem,6vw,2.2rem)}.hero-lead,.section-copy,.loading-copy,.field-helper,.hero-list,.detail-list,.path-card-type,.ad-slot p,.modal-copy,.empty-preview,.none-found-list{color:var(--muted);line-height:1.6}.hero-actions,.quiz-actions,.results-actions,.modal-actions,.loading-error-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.ghost-button{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.primary-button{color:#190f0a;background:linear-gradient(135deg,var(--accent-strong),#ffd7aa)}.secondary-button{color:var(--ink);background:linear-gradient(135deg,#cd4b28e6,#cd4b28ad)}.ghost-button{color:var(--ink);background:transparent;border-color:var(--line)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.56;cursor:not-allowed;transform:none}.hero-facts,.preview-list{display:grid;gap:14px;margin:0}.hero-facts div,.preview-list div{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.hero-facts dt,.preview-list dt{margin-bottom:4px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.hero-facts dd,.preview-list dd{margin:0}.hero-card{padding:20px;align-self:start}.hero-card-head,.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head span,.hero-card-head{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero-list,.loading-rails,.detail-list,.none-found-list{margin:0;padding-left:1.2rem}.quiz-header,.results-detail-grid,.result-layout{display:grid;gap:18px}.progress-card{padding:18px}.progress-card span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.progress-card p{margin:10px 0 0;color:var(--muted)}.swipe-hint{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.swipe-hint strong{color:var(--accent-strong);letter-spacing:.04em}.progress-bar{margin-top:14px;height:10px;border-radius:999px;background:#ffffff12;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.quiz-grid{display:grid;gap:16px;margin-top:22px}.field-block{display:grid;gap:8px}.field-label{font-weight:700}.field-input,.field-textarea,.slider-panel,.slider-empty,.confirm-preview,.none-found-card,.detail-panel,.graph-panel,.cards-panel{border-radius:var(--radius-md)}.field-input,.field-textarea{width:100%;padding:14px 16px;color:var(--ink);border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.field-input::placeholder,.field-textarea::placeholder{color:#f7f0e759}.field-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-strong) 50%),linear-gradient(135deg,var(--accent-strong) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 4px),calc(100% - 16px) calc(50% - 4px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.field-textarea{min-height:132px;resize:vertical}.field-block-nested{margin-top:4px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.option-chip{min-height:50px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--ink);text-align:center}.option-chip-selected{border-color:#f4b76aa6;background:linear-gradient(135deg,#cd4b28e6,#f4b76a38)}.field-inline-meta,.slider-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.slider-note{line-height:1.5}.slider-empty,.slider-panel,.confirm-preview,.detail-panel,.graph-panel,.cards-panel,.none-found-card{padding:18px;border:1px solid var(--line);background:#ffffff09}.slider-empty,.slider-panel{display:grid;gap:14px}.slider-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.slider-input{width:100%}.quiz-actions{align-items:center;justify-content:space-between;margin-top:22px}.quiz-actions-right{display:flex;flex-wrap:wrap;gap:12px}.loading-panel{display:grid;justify-items:center;gap:16px;text-align:center}.spinner-ring{width:86px;height:86px;border-radius:50%;border:7px solid rgba(255,255,255,.08);border-top-color:var(--accent-strong);border-right-color:var(--accent);animation:spin .9s linear infinite}.loading-rails{max-width:640px;text-align:left}.result-badges,.edge-chip-row{display:flex;flex-wrap:wrap;gap:10px}.badge,.edge-chip,.status-pill,.ad-slot-label{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;font-size:.82rem}.path-graph,.graph-empty{min-height:360px;border-radius:var(--radius-md);background:#0b0706b8}.graph-empty{display:grid;place-items:center;color:var(--muted)}.path-card-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.path-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.path-card-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.path-card-head span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.path-card-head strong{font-size:1.05rem;overflow-wrap:anywhere}.detail-list li+li,.none-found-list li+li{margin-top:8px}.long-path-note{margin:0 0 14px;color:var(--muted);line-height:1.6}.path-card-list-long{max-height:32rem;overflow-y:auto;padding-right:6px}.results-actions{align-items:center}.status-pill{color:var(--accent-strong)}.side-rail{display:none}.ad-slot{min-height:320px;padding:18px;border-radius:var(--radius-lg);border:1px dashed rgba(244,183,106,.45);background:linear-gradient(145deg,#221611f5,#120c0af5),repeating-linear-gradient(135deg,rgba(244,183,106,.08),rgba(244,183,106,.08) 12px,transparent 12px,transparent 24px);box-shadow:var(--shadow);display:grid;gap:12px}.ad-slot strong{font-size:1.05rem}.ad-slot span:last-child{color:var(--muted)}.ad-slot-compact{min-height:68px;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{z-index:10;width:min(1480px,100%);margin:0 auto}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{width:min(100%,560px);padding:22px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow);display:grid;gap:18px}.modal-copy{display:grid;gap:12px}.modal-copy p{margin:0}.confirm-checkbox{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff0a}.confirm-checkbox input{width:18px;height:18px}@media(min-width:900px){.hero-panel,.results-detail-grid,.result-layout,.quiz-header{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr)}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.app-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.side-rail{display:block;position:sticky;top:24px}}@media(max-width:899px){.path-graph{display:none}}@media(max-width:639px){.app-shell{padding:18px 14px 14px}.hero-panel,.quiz-panel,.loading-panel,.results-panel{padding:20px}.bottom-ad-shell{width:100%}.chip-grid{grid-template-columns:1fr}.field-inline-meta,.slider-inline-actions,.swipe-hint,.quiz-actions{flex-direction:column;align-items:stretch}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}