:root{--bg: #dcd5c5;--surface: #e8e2d4;--ink: #14120f;--ink-soft: #4a453b;--ink-faint: #7d7666;--line: #c8bfad;--line-soft: #ddd7c8;--fill: #d5cfc0;--fill-hover: #c8c1b2;--accent: #1e3a8a;--accent-ink: #172554;--flag-blue: #0055a4;--debt-red: #d93a3a;--debt-red-strong: #ef4444;--debt-gradient-start: #f97316;--debt-gradient-end: #ef4444;--debt-gradient-extra: #dc2626;--level-good: #16a34a;--level-warning: #f97316;--level-bad: var(--debt-red);--shadow-sm: 0 1px 2px rgba(40, 30, 15, .08), 0 1px 3px rgba(40, 30, 15, .06);--shadow-md: 0 8px 28px rgba(35, 28, 12, .15);--scrollbar: #b0a68e;--radius: 16px;--font: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace;color-scheme:light}.country-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.country-bars li{display:grid;grid-template-columns:clamp(118px,24%,210px) minmax(90px,1fr) auto;grid-template-areas:"name track value";align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.country-bars li:last-child{border-bottom:0}.country-name{grid-area:name;min-width:0;font-size:13px;font-weight:700;line-height:1.25;color:var(--ink-soft);overflow:hidden;display:inline-flex;align-items:flex-start;gap:7px}.country-label-wrapper{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 641px){.country-label-wrapper{white-space:pre-line}}.country-track{grid-area:track;height:18px;border-radius:6px;background:var(--fill);overflow:hidden}.country-fill{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--debt-gradient-start),var(--debt-gradient-end));transition:width .45s ease}.country-bars .is-france .country-name,.country-bars .is-france .country-val,.country-bars .is-france .country-val small{color:var(--flag-blue)}.country-bars .is-france .country-track{box-shadow:0 0 0 1.5px var(--flag-blue)}.country-rank{flex:none;min-width:1.5em;color:var(--ink-faint);font-variant-numeric:tabular-nums;line-height:1.25}.country-gap{display:block;text-align:center;letter-spacing:3px;color:var(--ink-faint);padding:0;border-bottom:0}.country-val{grid-area:value;font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.country-val small{font-family:var(--font);font-size:11px;font-weight:600;color:var(--ink-faint)}.compare-empty{margin:0;padding:16px 0;text-align:center;font-size:13.5px;font-weight:500;color:var(--ink-faint)}*{box-sizing:border-box}body,.topbar,.dashboard-card,.kpi,.debt-counter{transition:background-color .35s ease,border-color .35s ease,color .35s ease}html,body,#root{min-height:100dvh;margin:0}body{font-family:var(--font);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),radial-gradient(900px 500px at 0% 110%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.tb-title,h1,h2{font-optical-sizing:auto}.kpi-value,.debt-counter-value{font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--accent-ink)}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--ink)}:where(button,a[href],select,summary,[tabindex]):focus-visible{outline:2.5px solid color-mix(in srgb,var(--ink) 45%,transparent);outline-offset:2px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.root{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;background:var(--bg)}.view{flex:1;min-height:0;position:relative}.dashboard-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.dashboard{max-width:1080px;margin:0 auto;padding:26px 24px calc(env(safe-area-inset-bottom,0px) + 60px);display:flex;flex-direction:column;gap:18px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}.topbar{animation:fadeInDown .85s cubic-bezier(.16,1,.3,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.dashboard>*{animation:fadeInUp .75s cubic-bezier(.2,.7,.2,1) both}.dashboard>*:nth-child(1){animation-delay:.05s}.dashboard>*:nth-child(2){animation-delay:.15s}.dashboard>*:nth-child(3){animation-delay:.25s}.dashboard>*:nth-child(4){animation-delay:.35s}.dashboard>*:nth-child(5){animation-delay:.45s}.dashboard>*:nth-child(6){animation-delay:.55s}.dashboard>*:nth-child(7){animation-delay:.65s}.dashboard>*:nth-child(n+8){animation-delay:.75s}@media (prefers-reduced-motion: reduce){.topbar,.dashboard>*{animation:none}}.dashboard-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;color:var(--ink-soft)}.dashboard-state svg{color:var(--accent)}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:10}.dashboard-head h1{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.015em;line-height:1.05;margin:0;color:var(--ink)}.dashboard-sub{margin:4px 0 0;font-size:13px;color:var(--ink-faint);font-weight:500}.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e8c;animation:livePulse 2s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}.topbar{position:relative;display:flex;align-items:center;gap:18px;flex:none;height:64px;padding:0 20px;z-index:700}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px color-mix(in srgb,var(--accent) 10%,transparent);z-index:-1}.tb-brand{display:flex;align-items:center;gap:11px;min-width:0;padding:0;border-radius:10px;transition:opacity .15s}.tb-brand:hover{opacity:.78}.tb-mark{width:38px;height:26px;border-radius:4px;overflow:hidden;box-shadow:var(--shadow-sm),inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent);flex:none}.tb-flag{display:block;width:100%;height:100%}.tb-brandtext{display:flex;flex-direction:column;line-height:1.1;min-width:0}.tb-title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.tb-sub{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi-value .num-abbr{display:none}.kpi{display:flex;flex-direction:column;gap:7px;padding:16px 17px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@media (hover: hover){.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-soft)}}@media (prefers-reduced-motion: reduce){.kpi{transition:box-shadow .18s ease,border-color .18s ease}.kpi:hover{transform:none}}.kpi-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-faint)}.kpi-label svg{flex:none}.kpi-value{font-family:var(--font-mono);font-size:29px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink)}.kpi-value small{font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink-faint);letter-spacing:0}.kpi-hint{font-size:11.5px;font-weight:500;color:var(--ink-faint)}.kpi-value--good{color:var(--level-good)}.kpi-value--warning{color:var(--level-warning)}.kpi-value--bad{color:var(--level-bad)}.error-card{border-color:var(--debt-red-strong);background:color-mix(in srgb,var(--debt-red-strong) 8%,var(--surface))}.error-card-inner{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--debt-red-strong)}.error-card-title{margin:0;font-size:15px;font-weight:700}.error-card-body{margin:4px 0 0;font-size:13px;opacity:.85;color:var(--ink-soft)}.dashboard-card{padding:18px 20px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h2{font-family:var(--font-display);font-size:16px;font-weight:700;margin:0;color:var(--ink)}.card-head span{font-size:12.5px;font-weight:600;color:var(--ink-faint)}.debt-counter{text-align:center;padding:30px 24px 26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.debt-counter:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--debt-gradient-start),var(--debt-gradient-end),var(--debt-gradient-extra))}.debt-counter-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.debt-counter-value{font-family:var(--font-mono);font-size:clamp(32px,5.6vw,58px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:12px 0 6px;color:var(--debt-red);font-variant-numeric:tabular-nums}.debt-eur{font-size:.55em;font-weight:700;color:var(--ink-soft)}.debt-counter-note{margin:0;font-size:13px;color:var(--ink-faint);font-weight:500}.chart{display:flex;flex-direction:column;gap:12px}.chart-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.chart-toolset{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.chart-axis-title{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}.chart-ranges{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.chart-legend{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0;font-size:12px;font-weight:700;color:var(--ink-soft)}.chart-comparisons{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.chart-comparisons li{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--fill);font-size:11px;font-weight:700;color:var(--ink-faint)}.chart-comparisons strong{color:var(--ink);font-variant-numeric:tabular-nums}.chart-comparisons strong.is-up{color:var(--debt-red-strong)}.chart-comparisons strong.is-down{color:#16a34a}.chart-legend li{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.chart-legend-dot{width:10px;height:10px;border-radius:3px;flex:none}.chart-range{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--fill);transition:background-color .15s,color .15s}.chart-range:hover{background:var(--fill-hover)}.chart-range.is-on{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-sm)}.chart-grid{display:grid;grid-template-columns:72px 1fr;grid-template-rows:260px 34px;align-items:stretch}.chart-yaxis{grid-column:1;grid-row:1;position:relative;border-right:1px solid var(--line)}.chart-ytick{position:absolute;right:12px;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-plot{grid-column:2;grid-row:1;position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--fill) 34%,transparent),transparent 42%);touch-action:none}.chart-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chart-gridline{stroke:var(--line-soft);stroke-width:1}.chart-gridline-vertical{opacity:.48}.chart-zero{stroke:color-mix(in srgb,var(--ink-faint) 70%,transparent);stroke-dasharray:5 5;stroke-width:1.2}.chart-cursor{stroke:var(--ink-faint);stroke-dasharray:4 4;stroke-width:1.1;opacity:.8}.chart-tooltip{position:absolute;top:12px;z-index:3;min-width:164px;max-width:min(240px,calc(100% - 20px));padding:9px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);transform:translate(10px);pointer-events:none}.chart-tooltip.is-left{transform:translate(calc(-100% - 10px))}.chart-tooltip-date{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:var(--ink)}.chart-tooltip-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft)}.chart-tooltip-row+.chart-tooltip-row{margin-top:4px}.chart-tooltip-row strong{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-tooltip-dot{width:9px;height:9px;border-radius:50%}.chart-xaxis{grid-column:2;grid-row:2;position:relative}.chart-xtick{position:absolute;top:7px;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--ink-faint);white-space:nowrap}.chart-axis-title-x{position:absolute;right:0;bottom:0}.chart-empty{min-height:260px;align-items:center;justify-content:center;border-radius:12px;background:var(--fill);color:var(--ink-faint);font-size:13px;font-weight:700;text-align:center}@media (max-width: 600px){.chart-tools{align-items:flex-start;flex-direction:column}.chart-toolset{align-items:flex-start;justify-content:flex-start;gap:8px}.chart-ranges{justify-content:flex-start}.chart-comparisons li{font-size:10px}.chart-grid{grid-template-columns:58px 1fr;grid-template-rows:230px 32px}.chart-ytick,.chart-xtick{font-size:10px}.chart-tooltip{top:8px;min-width:150px}}@media (max-width: 880px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-value .num-full{display:none}.kpi-value .num-abbr{display:inline}.country-bars li{grid-template-columns:1fr auto;grid-template-areas:"name value" "track track";gap:6px 10px}.dashboard{padding:22px 18px 34px}}@media (max-width: 720px){.topbar{gap:12px;padding:0 14px;height:58px}.dashboard{padding:18px 15px 30px;gap:14px}.dashboard-head h1,.kpi-value{font-size:25px}}@media (max-width: 600px){.topbar{gap:8px}.kpi-grid{gap:10px}.kpi{padding:14px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr}.debt-counter{padding:24px 16px 22px}}@media (max-width: 760px){html,body{overflow-y:auto;overscroll-behavior-y:none}.root{min-height:auto;overflow:visible;display:block}.view{position:static;min-height:auto;overflow:visible}.dashboard-scroll{position:static;overflow:visible;min-height:auto}.dashboard{padding-bottom:max(env(safe-area-inset-bottom,34px),34px)}.topbar{position:sticky;top:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:none}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px color-mix(in srgb,var(--accent) 10%,transparent);z-index:-1}}