:root{color-scheme:light dark;--bg: #f4f6fb;--fg: #1b1f27;--muted: #5c6575;--card: #ffffff;--border: #e2e6ee;--accent: #1d4ed8;--accent-2: #4f6ef7;--accent-fg: #ffffff;--good: #137a3d;--good-bg: #e6f6ec;--bad: #c0362c;--bad-bg: #fdecea;--shadow: 0 1px 3px rgb(20 30 60 / 8%)}@media(prefers-color-scheme:dark){:root{--bg: #0e1220;--fg: #e8ebf1;--muted: #9aa4b5;--card: #171c2e;--border: #2a3147;--accent: #6d8dff;--accent-2: #b18aff;--accent-fg: #0e1220;--good: #57d98a;--good-bg: #11301f;--bad: #ff9d94;--bad-bg: #351715;--shadow: 0 1px 3px rgb(0 0 0 / 40%)}}body{background:radial-gradient(1100px 520px at 8% -12%,rgb(99 102 241 / 14%),transparent 60%),radial-gradient(900px 480px at 112% 8%,rgb(20 184 166 / 12%),transparent 55%),var(--bg)}*{box-sizing:border-box}body{margin:0;color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 16px 40px}h1{font-size:1.6rem;margin:12px 0 8px}h2{font-size:1.15rem;margin:0 0 6px}a{color:var(--accent)}.muted,.intro,.prose{color:var(--muted)}.page .intro{margin-top:0}.site-header{border-bottom:1px solid var(--border);background:var(--card)}.brand{display:block;max-width:640px;margin:0 auto;padding:14px 16px;font-weight:700;font-size:1.05rem;color:var(--fg);text-decoration:none}.site-footer{border-top:1px solid var(--border);background:var(--card);padding:18px 16px 26px;font-size:.85rem;color:var(--muted);text-align:center}.footer-label{margin:0 0 4px;font-weight:600}.footer-sources{list-style:none;margin:0 0 10px;padding:0}.footer-sources a{color:var(--muted)}.footer-nav{margin-bottom:10px}.footer-nav a{color:var(--fg)}.footer-note{max-width:520px;margin:12px auto 0;font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 22px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--fg);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-wide{width:100%;margin-top:14px}.btn-support{min-height:44px;padding:8px 18px;margin:4px 0}.category-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}.category-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.category-card:hover{transform:translateY(-2px);border-color:var(--accent)}.category-card.disabled{opacity:.6}.card-link{display:block;padding:18px;color:inherit;text-decoration:none}.card-body{padding:0}.card-body p{margin:0 0 10px;color:var(--muted)}.card-best{color:var(--fg)!important;font-weight:600}.card-cta{min-height:48px}.badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--muted)}.badge-new{background:var(--good-bg);border-color:var(--good);color:var(--good);margin:6px 0}.state-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 18px;text-align:center;box-shadow:var(--shadow);animation:fade-in .25s ease}.state-card.error{border-color:var(--bad)}.state-card .btn{margin:10px 6px 0}.state-title{font-weight:700;margin:8px 0 4px}.state-hint{color:var(--muted);margin:0 0 8px}.spinner{width:34px;height:34px;margin:4px auto 10px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}.back-link{font-size:.9rem;text-decoration:none}.quiz-status{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.pill{padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:.9rem}.pill-muted{background:var(--card);color:var(--fg);border:1px solid var(--border)}.question-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 18px;box-shadow:var(--shadow);animation:slide-in .28s ease}.indicator-name{margin:0;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ask{font-size:1.15rem;font-weight:600;margin:10px 0 16px}.shown-value{background:var(--bg);border:1px dashed var(--border);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.shown-country{font-weight:600}.big-number{font-size:1.5rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.btn-choice{font-size:1.1rem;min-height:64px}.feedback{margin-top:18px;padding:16px 14px;border-radius:14px;animation:fade-in .25s ease}.feedback.good{background:var(--good-bg);border:1px solid var(--good)}.feedback.bad{background:var(--bad-bg);border:1px solid var(--bad)}.feedback h3{margin:0 0 6px;font-size:1.15rem}.feedback.good h3{color:var(--good)}.feedback.bad h3{color:var(--bad)}.feedback-answers{margin:0 0 10px;font-weight:600}.values{display:grid;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px}.value-row{display:flex;justify-content:space-between;gap:14px}.value-num{font-weight:700}.credit{font-size:.78rem;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.credit a{color:inherit}.choices-stack{grid-template-columns:1fr}.btn-choice-text{text-align:left;white-space:normal;font-weight:500;line-height:1.4;display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center}.choice-title{font-weight:700}.choice-hint{font-size:.85rem;color:var(--muted)}.btn-selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.menu-label{font-weight:700;margin:14px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.chip{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.chip:hover{border-color:var(--accent)}.chip-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}.row-label{display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}.row-link{font-size:.8rem}.pick-badge{align-self:flex-start;background:var(--card);color:var(--fg);font-size:.72rem;padding:2px 8px}.scoreboard h2{margin-top:22px}.histogram{display:flex;align-items:flex-end;gap:3px;height:130px;padding:10px 10px 0;background:var(--bg);border:1px dashed var(--border);border-radius:12px}.hist-bar{flex:1;min-width:5px;background:var(--border);border-radius:3px 3px 0 0;transition:height .3s ease}.hist-bar-me{background:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.curve-note{font-weight:700;margin:10px 0 2px}.curve-source{font-size:.85rem;margin-top:0}.top-list{list-style:none;margin:8px 0 0;padding:6px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px}.top-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.top-list li:last-child{border-bottom:none}.top-list li.me{color:var(--accent);font-weight:700}.result-card h2{margin-top:0}.recent-block{margin:14px 0 2px;text-align:left}.recent-caption{font-size:.85rem;margin:0 0 6px;word-break:break-word}.recent-chart{display:flex;align-items:flex-end;gap:4px;height:56px;padding-bottom:1px;border-bottom:1px solid var(--border)}.recent-bar{flex:1;min-width:6px;border-radius:4px 4px 0 0;background:var(--accent);opacity:.55;transform-origin:bottom;animation:bar-rise .4s ease backwards}.recent-bar-now{opacity:1}.score-line{font-size:1.9rem;font-weight:800;margin:8px 0}.result-actions{display:grid;gap:10px;margin-top:16px}.link-list{padding-left:20px;line-height:2}@keyframes slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible,a:focus-visible,.chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:10;padding:10px 16px;background:var(--accent);color:var(--accent-fg);border-radius:0 0 10px;font-weight:700}.skip-link:focus{left:0}.page[data-theme=economy]{--accent: #2563eb;--accent-2: #3b82f6}.page[data-theme=world]{--accent: #0f766e;--accent-2: #0d9488}.page[data-theme=history]{--accent: #b45309;--accent-2: #92400e}.page[data-theme=general]{--accent: #7c3aed;--accent-2: #8b5cf6}.page[data-theme=survival]{--accent: #e11d48;--accent-2: #f43f5e}.page[data-theme] .btn-primary,.page[data-theme] .pill:not(.pill-muted){color:#fff}@media(prefers-color-scheme:dark){.page[data-theme=economy]{--accent: #60a5fa;--accent-2: #38bdf8}.page[data-theme=world]{--accent: #2dd4bf;--accent-2: #5eead4}.page[data-theme=history]{--accent: #fbbf24;--accent-2: #fdba74}.page[data-theme=general]{--accent: #a78bfa;--accent-2: #c084fc}.page[data-theme=survival]{--accent: #fb7185;--accent-2: #fda4af}.page[data-theme] .btn-primary,.page[data-theme] .pill:not(.pill-muted){color:#0e1220}}.btn-primary{background:var(--accent);border:none;box-shadow:0 6px 18px -8px var(--accent);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px var(--accent);filter:brightness(1.05)}.pill{background:var(--accent);box-shadow:0 4px 14px -6px var(--accent)}.page>h1:first-of-type{background:linear-gradient(100deg,var(--fg) 20%,var(--accent) 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.category-card{position:relative;overflow:hidden;animation:fade-up .45s ease backwards;animation-delay:calc(var(--i, 0) * 70ms)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.category-card[data-cat=economy]{--accent: #2563eb;--accent-2: #3b82f6}.category-card[data-cat=world]{--accent: #0f766e;--accent-2: #0d9488}.category-card[data-cat=history]{--accent: #b45309;--accent-2: #92400e}.category-card[data-cat=general]{--accent: #7c3aed;--accent-2: #8b5cf6}.category-card[data-cat=survival]{--accent: #e11d48;--accent-2: #f43f5e}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;margin-right:10px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:1.1rem;box-shadow:0 4px 12px -6px var(--accent);vertical-align:middle;transition:transform .2s ease}.category-card:hover .card-icon{transform:rotate(-6deg) scale(1.08)}.feedback{animation:pop-in .3s cubic-bezier(.2,.9,.3,1.4)}.feedback.bad{animation:shake .35s ease}.feedback h3{animation:pop-in .35s cubic-bezier(.2,.9,.3,1.5) .05s backwards}.values .value-row{animation:fade-in .3s ease backwards}.values .value-row:nth-child(2){animation-delay:.1s}.score-line{background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:score-pop .5s cubic-bezier(.2,.9,.3,1.4)}.result-card{animation:pop-in .35s cubic-bezier(.2,.9,.3,1.2)}.hist-bar{animation:bar-rise .45s ease backwards;transform-origin:bottom}.quiz-status .pill:first-child{animation:pulse-in .4s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes score-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulse-in{0%{transform:scale(.85);opacity:.5}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
