.journey-app{flex-direction:column;max-width:880px;min-height:100vh;margin:0 auto;padding:0 20px 80px;display:flex}.journey-topbar{z-index:20;background:linear-gradient(to bottom, var(--bg) 75%, transparent);align-items:center;gap:16px;padding:14px 0;display:flex;position:sticky;top:0}.journey-back{color:var(--text-faint);white-space:nowrap;font-size:12px;text-decoration:none}.journey-back:hover{color:var(--text-secondary)}.journey-brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.journey-hud{flex-direction:column;align-items:flex-end;gap:4px;min-width:200px;margin-left:auto;display:flex}.hud-level{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.hud-emoji{font-size:15px}.hud-xp-track{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;width:200px;height:6px;overflow:hidden}.hud-xp-fill{background:linear-gradient(90deg, var(--primary-strong), var(--primary));border-radius:99px;width:0%;height:100%;transition:width .45s}.hud-xp-text{color:var(--text-faint);font-size:10.5px}#xp-toasts{z-index:50;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:64px;right:24px}.xp-toast{background:var(--primary-soft);border:1px solid var(--primary);color:var(--primary);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;animation:2.2s forwards toast-rise}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.btn{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-strong);color:#fff}.btn-primary:hover{background:var(--primary)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--primary)}.btn-text{color:var(--text-faint);background:0 0;border:none;padding:4px 0;font-size:12px}.btn-text:hover{color:var(--primary)}.step-title{margin:8px 0 6px;font-size:19px}.step-blurb{color:var(--text-secondary);max-width:620px;margin:0 0 18px;font-size:13.5px}.step-actions{gap:10px;margin-top:22px;display:flex}.map-hero{text-align:center;padding:28px 0 6px}.map-hero h2{background:linear-gradient(90deg, var(--primary), #e58fc0);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px}.map-hero p{color:var(--text-secondary);max-width:560px;margin:10px auto 0;font-size:13.5px}.map-level-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:center;gap:12px;max-width:460px;margin:22px auto 26px;padding:12px 18px;display:flex}.map-level-emoji{font-size:26px}.map-level-info{flex-direction:column;display:flex}.map-level-name{font-weight:700;font-family:var(--font-display)}.map-level-sub{color:var(--text-faint);font-size:11.5px}.map-level-card .btn-text{margin-left:auto}.map-track{flex-direction:column;align-items:stretch;max-width:560px;margin:0 auto;display:flex}.map-connector{background:var(--border-strong);width:2px;height:14px;margin-left:38px}.map-node{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:center;gap:14px;padding:13px 16px;transition:border-color .15s,transform .15s;display:flex}.map-node.open:hover{border-color:var(--primary);transform:translate(3px)}.map-node.done{border-color:#4ade8059}.map-node.locked{opacity:.55;cursor:not-allowed}.map-node-emoji{text-align:center;width:30px;font-size:22px}.map-node-text{flex-direction:column;gap:2px;min-width:0;display:flex}.map-node-title{font-size:13.5px;font-weight:600}.map-node-tag{color:var(--text-faint);font-size:11.5px}.map-node-bias{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:99px;margin-left:auto;padding:3px 9px;font-size:10.5px;font-weight:700}.map-node-status{color:var(--text-faint);margin-left:auto;font-size:13px}.map-node-bias+.map-node-status{margin-left:0}.map-node.done .map-node-status{color:var(--success)}.map-foot{text-align:center;color:var(--text-faint);margin-top:26px;font-size:11.5px}.chapter-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:10px 0 16px;display:flex}.chapter-head-title{align-items:center;gap:8px;display:flex}.chapter-head-title h2{font-size:16px}.chapter-head-emoji{font-size:18px}.step-dots{gap:6px;margin-left:auto;display:flex}.step-dot{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;width:8px;height:8px}.step-dot.done{background:var(--primary);border-color:var(--primary)}.step-dot.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.lesson-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border:1px solid #a78bfa4d;border-radius:99px;margin:6px 0 2px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block}.lesson-intro{color:var(--text-secondary);border-left:2px solid var(--primary);max-width:640px;margin:4px 0 6px;padding-left:12px;font-size:13.5px;line-height:1.7}.lesson-cards{flex-direction:column;gap:12px;margin-top:14px;display:flex}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:14px;padding:16px 18px;display:flex}.lesson-emoji{font-size:22px;line-height:1.2}.lesson-card h4{margin-bottom:4px;font-size:14px}.lesson-card p{color:var(--text-secondary);margin:0;font-size:13px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.content-card:hover{border-color:var(--primary);transform:translateY(-2px)}.content-card.opened{border-color:#4ade8066}.content-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);width:100%;display:block}.content-thumb.placeholder{aspect-ratio:16/6;justify-content:center;align-items:center;font-size:30px;display:flex}.content-card-body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.content-card-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:10.5px;display:flex}.content-kind{font-weight:600}.content-official{color:var(--primary);background:var(--primary-soft);border-radius:99px;padding:1px 7px;font-weight:700}.content-card-body h4{font-size:12.5px;line-height:1.45}.content-card-body p{color:var(--text-secondary);margin:0;font-size:11.5px}.content-open-check{border:1px solid var(--border-strong);color:var(--primary);background:#100d16d9;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.content-card.opened .content-open-check{color:var(--success);border-color:#4ade8066}.quiz-progress{color:var(--text-faint);margin-bottom:10px;font-size:11.5px}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:620px;padding:22px}.quiz-q{font-size:15.5px;font-weight:600;font-family:var(--font-display);margin:0 0 16px}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{text-align:left;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:11px 14px;font-size:13px;transition:border-color .12s}.quiz-option:hover:not(:disabled){border-color:var(--primary)}.quiz-option:disabled{cursor:default;opacity:.75}.quiz-option.correct{border-color:var(--success);opacity:1;background:#4ade801f}.quiz-option.wrong{border-color:var(--danger);background:#f871711a;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.quiz-feedback{flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;display:flex}.quiz-why{border-radius:var(--radius-sm);padding:10px 14px;font-size:12.5px;line-height:1.55}.quiz-why.correct{color:var(--text);background:#4ade8014;border:1px solid #4ade804d}.quiz-why.wrong{color:var(--text-secondary);background:#f8717112;border:1px solid #f8717140}.scenario-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);max-width:640px;padding:24px;animation:.35s scene-in}@keyframes scene-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.scenario-text{margin:0 0 18px;font-size:14.5px;line-height:1.7}.scenario-choices{flex-direction:column;gap:9px;display:flex}.scenario-choice{text-align:left;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:12px 16px;font-size:13px;font-weight:500;transition:border-color .12s,transform .12s}.scenario-choice:hover{border-color:var(--primary);transform:translate(3px)}.scenario-choice-echo{color:var(--text-faint);margin:0 0 10px;font-size:12px;font-style:italic}.scenario-react{color:var(--primary);margin:0;font-size:14.5px;line-height:1.7}.scenario-outro{color:var(--text-faint);margin-top:6px;font-size:12.5px;font-style:italic}.bias-result{text-align:center;background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);max-width:540px;margin:0 auto;padding:36px 28px;animation:.35s scene-in}.bias-result-intro{color:var(--text-faint);margin:0;font-size:12.5px}.bias-result-emoji{margin:14px 0 6px;font-size:54px}.bias-result h2{font-size:26px}.bias-result-line{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.bias-result-note{color:var(--text-faint);margin-top:16px;font-size:12px;line-height:1.6}.bias-result .step-actions{justify-content:center}.finale-card{text-align:center;background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);max-width:640px;margin:20px auto;padding:40px 30px}.finale-emoji{font-size:44px}.finale-card h2{margin-top:10px;font-size:26px}.finale-sub{color:var(--text-secondary);font-size:13.5px}.finale-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:22px 0;display:grid}.finale-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px 10px;display:flex}.finale-stat-val{font-weight:700;font-family:var(--font-display);font-size:15px}.finale-stat-label{color:var(--text-faint);font-size:10.5px}.finale-nudge{color:var(--text-secondary);font-size:12.5px}.finale-actions{justify-content:center;gap:10px;margin:18px 0 8px;display:flex}.finale-foot{color:var(--text-faint);font-size:11.5px}#levelup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a080ecc;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#levelup-overlay.active{display:flex}.levelup-flash{pointer-events:none;background:radial-gradient(circle at 50% 40%,#a78bfa80,#0000 60%);animation:.9s ease-out forwards levelup-flash;position:absolute;inset:0}@keyframes levelup-flash{0%{opacity:0}20%{opacity:1}to{opacity:.25}}.levelup-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.levelup-rain span{will-change:transform;animation-name:confetti-rain;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-8vh}@keyframes confetti-rain{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:1}to{transform:translate(var(--drift,0px), 112vh) rotate(300deg);opacity:.9}}.levelup-card{text-align:center;background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);max-width:460px;padding:40px 52px 36px;animation:.5s cubic-bezier(.18,1.4,.4,1) levelup-pop;position:relative;box-shadow:0 0 60px #8b5cf659,0 0 120px #8b5cf626}@keyframes levelup-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.levelup-burst{border:2px solid var(--primary);pointer-events:none;border-radius:50%;width:90px;height:90px;margin-left:-45px;animation:1.4s ease-out infinite burst-ring;position:absolute;top:74px;left:50%}@keyframes burst-ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}.levelup-label{letter-spacing:.24em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700;animation:1.2s ease-in-out infinite alternate label-pulse}@keyframes label-pulse{0%{text-shadow:0 0 4px #a78bfa33}to{text-shadow:0 0 16px #a78bfacc}}.levelup-emoji{margin:14px 0 4px;font-size:64px;animation:.9s cubic-bezier(.28,2.2,.5,1) .15s both emoji-bounce;display:inline-block}@keyframes emoji-bounce{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.levelup-name{background:linear-gradient(90deg, var(--primary), #e58fc0, var(--primary));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:30px;animation:2.4s linear infinite name-shimmer}@keyframes name-shimmer{to{background-position:200%}}.levelup-blurb{color:var(--text-secondary);margin:8px 0 18px;font-size:13.5px}.levelup-ranks{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.levelup-rank{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.levelup-rank.old{color:var(--text-faint)}.levelup-rank.new{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.levelup-rank-arrow{color:var(--primary);font-size:14px}.levelup-next{color:var(--text-faint);margin:0 0 18px;font-size:11.5px}@media (width<=600px){.journey-topbar{flex-wrap:wrap}.journey-hud{align-items:flex-start}.hud-xp-track{width:150px}.finale-actions{flex-direction:column;align-items:center}}