:root{--c-white: #ffffff;--c-ink-900: #0c2230;--c-ink-700: #0a3a52;--c-slate-500: #5a7184;--c-slate-300: #a3454f;--c-line-200: #e3eaf0;--c-soft-100: #f4f8fb;--c-brand-600: #0b6890;--c-brand-500: #0e7aa8;--c-brand-900: #0a3a52;--c-lagon-500: #16b8c4;--c-green-500: #22b07a;--c-air: #0e7aa8;--c-climat: #22b07a;--c-sante: #e63946;--c-energie: #f4901e;--c-alert-bg: #fff4f4;--c-alert-line: #ffe0e0;--c-alert-ink: #8a1f2b;--ok-bg: #ecfaf3;--ok-line: #c3e6cb;--ok-ink: #146c43;--c-black: #000000;--alert-zone: #a3454f;--dom-border: #e9d94a;--dom-bg: #fffdf3;--dom-chip-bg: #f7f0c8;--dom-chip-ink: #9a8b06;--map-grad-1: #e7f4f7;--map-grad-2: #d3ecf0;--brand-facebook: #1877f2;--brand-x: #000000;--brand-linkedin: #0a66c2;--level-info: var(--c-brand-500);--level-warning: #f4a261;--level-alert: #e76f51;--level-critical: var(--c-sante);--status-active: var(--c-sante);--status-monitoring: #f4a261;--status-resolved: var(--c-green-500);--atmo-1: #50F0E6;--atmo-1-fg: #0a3d3a;--atmo-2: #50CCAA;--atmo-2-fg: #093a2e;--atmo-3: #F0E641;--atmo-3-fg: #4a4506;--atmo-4: #FF5050;--atmo-4-fg: #ffffff;--atmo-5: #960032;--atmo-5-fg: #ffffff;--atmo-6: #7D2181;--atmo-6-fg: #ffffff;--atmo-0: #dddddd;--atmo-0-fg: #0c2230;--color-bg: var(--c-white);--color-surface: var(--c-white);--color-surface-soft: var(--c-soft-100);--color-text: var(--c-ink-900);--color-text-muted: var(--c-slate-500);--color-border: var(--c-line-200);--color-primary: var(--c-brand-500);--color-primary-hover: var(--c-brand-600);--color-primary-dark: var(--c-brand-900);--color-accent: var(--c-lagon-500);--color-success: var(--c-green-500);--color-danger: var(--c-sante);--ink: var(--c-ink-900);--sub: var(--c-slate-500);--line: var(--c-line-200);--soft: var(--c-soft-100);--bg: var(--c-white);--brand: var(--c-brand-500);--brand-dk: var(--c-brand-900);--lagon: var(--c-lagon-500);--green: var(--c-green-500);--air: var(--c-air);--climat: var(--c-climat);--sante: var(--c-sante);--energie: var(--c-energie);--alert-bg: var(--c-alert-bg);--alert-line: var(--c-alert-line);--alert-ink: var(--c-alert-ink);--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font: var(--font-sans);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--fs-display: clamp(34px, 5vw, 52px);--fs-h2: clamp(24px, 3vw, 30px);--fs-h3: clamp(19px, 2.4vw, 22px);--fs-lead: clamp(17px, 2vw, 19px);--fs-body: 15px;--fs-sm: 14px;--fs-xs: 13px;--fs-2xs: 11px;--lh-tight: 1.04;--lh-snug: 1.25;--lh-normal: 1.55;--ls-tight: -1.2px;--ls-snug: -.5px;--ls-wide: .6px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--section-y: clamp(32px, 5vw, 52px);--gutter: clamp(18px, 4vw, 56px);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 22px;--radius-pill: 999px;--radius: var(--radius-xl);--shadow-sm: 0 1px 3px rgba(12, 34, 48, .12);--shadow: 0 1px 2px rgba(12, 34, 48, .05), 0 12px 30px -18px rgba(12, 34, 48, .25);--shadow-pin: 0 2px 6px rgba(0, 0, 0, .25);--wrap: 1240px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .15s;--dur-slow: .45s;--z-base: 0;--z-map: 400;--z-nav: 50;--z-dropdown: 60;--z-overlay: 900;--z-toast: 1000}@media (min-width: 1600px){:root{--wrap: 1400px}}@media (min-width: 1920px){:root{--wrap: 1560px}}@media (min-width: 2400px){:root{--wrap: 1760px}}.a1{background:var(--atmo-1);color:var(--atmo-1-fg)}.a2{background:var(--atmo-2);color:var(--atmo-2-fg)}.a3{background:var(--atmo-3);color:var(--atmo-3-fg)}.a4{background:var(--atmo-4);color:var(--atmo-4-fg)}.a5{background:var(--atmo-5);color:var(--atmo-5-fg)}.a6{background:var(--atmo-6);color:var(--atmo-6-fg)}.a0{background:var(--atmo-0);color:var(--atmo-0-fg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin:0}input,textarea,select{font-family:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,56px)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 0 auto;overflow-x:clip}.footer{flex-shrink:0}.topbar{background:var(--brand-dk);color:#ffffffd9;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}.topbar .ut-right{display:flex;gap:18px;align-items:center}.topbar a:hover{color:var(--color-surface)}@media (max-width:760px){.topbar .ut-left{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.topbar .ut-right span{white-space:nowrap}@media (max-width:1040px){.topbar .ut-right{display:none}}.nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffeb;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);z-index:50}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;gap:18px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:50px;width:auto;display:block}.logo-dark .logo-img{filter:brightness(0) invert(1)}@media (max-width:480px){.logo-img{height:42px}}.nav-links{display:flex;gap:30px;font-size:15px;font-weight:500;align-items:center}.nav-links a{padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-links a:hover{color:var(--brand)}.nav-links a.active{color:var(--brand);font-weight:700;border-color:var(--brand)}.nav-group{position:relative;display:flex;align-items:center}.nav-group-btn{border:none;background:none;font:inherit;color:var(--ink);font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:5px;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-group:hover .nav-group-btn,.nav-group:focus-within .nav-group-btn{color:var(--brand)}.nav-group.active .nav-group-btn{color:var(--brand);font-weight:700;border-color:var(--brand)}.nav-caret{transition:transform .15s;flex:0 0 auto}.nav-group:hover .nav-caret,.nav-group:focus-within .nav-caret{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:12px;display:none;z-index:60}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}.nav-dropdown-inner{background:var(--color-surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:2px;min-width:232px}.nav-dropdown a{padding:9px 12px;border-radius:9px;font-size:14.5px;font-weight:500;border-bottom:none;white-space:nowrap;color:var(--ink)}.nav-dropdown a:hover{background:var(--soft);color:var(--brand)}.nav-dropdown a.active{background:var(--soft);color:var(--brand);font-weight:700;border:none}.nav-search{display:flex;align-items:center;gap:6px}.nav-search input{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;width:180px;outline:none}.nav-search input:focus{border-color:var(--brand)}.icon-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);flex:0 0 auto}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.btn{border:none;border-radius:10px;padding:11px 18px;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--color-surface)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:var(--color-surface);color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-dark{background:var(--ink);color:var(--color-surface)}.hamburger{display:none;width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--color-surface);align-items:center;justify-content:center;color:var(--ink)}.mobile-menu{display:none;flex-direction:column;border-bottom:1px solid var(--line);background:var(--color-surface)}.mobile-menu a{padding:15px clamp(18px,4vw,56px);border-top:1px solid var(--line);font-weight:600;font-size:16px}.mobile-menu a.active{color:var(--brand)}.mobile-menu.open{display:flex}.mobile-group{display:flex;flex-direction:column}.mobile-group-label{padding:14px clamp(18px,4vw,56px) 6px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--sub);border-top:1px solid var(--line);background:var(--soft)}.mobile-group a{padding-left:calc(clamp(18px,4vw,56px) + 16px);font-weight:500;font-size:15px}.mobile-cta{color:var(--brand);font-weight:800}.wrap[id]{scroll-margin-top:104px}@media (max-width:1040px){.nav-links,.nav .btn,.nav-search{display:none}.hamburger{display:flex}}.alert-strip{background:var(--alert-bg);border-bottom:1px solid var(--alert-line);color:var(--alert-ink)}.alert-strip .wrap{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}.alert-strip .as-zone{color:var(--alert-zone);font-size:14.5px}.alert-strip .as-link{margin-left:auto;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap}@media (max-width:680px){.alert-strip .as-zone,.alert-strip .as-link span{display:none}}section{padding:clamp(32px,5vw,52px) 0}.kicker{font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.6px;text-transform:uppercase}.h1{font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-1.2px;line-height:1.04}.h2{font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.5px}.lead{font-size:clamp(17px,2vw,19px);color:var(--sub);max-width:620px}.muted{color:var(--sub)}.card{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.soft{background:var(--soft)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-weight:600;font-size:13.5px;white-space:nowrap}.badge.sm{padding:3px 9px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--brand);font-weight:600;background:var(--soft);padding:7px 14px;border-radius:999px}.dot{width:13px;height:13px;border-radius:5px;flex:0 0 auto}.link-arrow{color:var(--brand);font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:6px}.link-arrow:hover{gap:9px}.scale{display:flex;border-radius:8px;overflow:hidden;height:10px}.scale>span{flex:1}.scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--sub);margin-top:6px}.grid{display:grid;gap:14px}.g-communes{grid-template-columns:repeat(4,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}.g-5{grid-template-columns:repeat(5,1fr)}.split{display:grid;grid-template-columns:1fr 460px;gap:48px}.split-even{display:grid;grid-template-columns:1fr 1fr;gap:28px}.split-2-1{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.split-1-2{display:grid;grid-template-columns:380px 1fr;gap:28px}@media (max-width:1024px){.split{grid-template-columns:1fr;gap:28px}.split-2-1,.split-1-2{grid-template-columns:1fr}.g-5,.g-communes{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.split-even{grid-template-columns:1fr}.g-communes,.g-4,.g-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.g-2,.g-3{grid-template-columns:1fr 1fr}.g-communes,.g-4,.g-5{grid-template-columns:1fr}}@media (min-width:1920px){.g-3{grid-template-columns:repeat(4,1fr)}.g-2{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 520px}}.hero{position:relative;overflow:hidden}.hero-contour{position:absolute;right:-40px;top:-40px;width:620px;height:460px;opacity:.06;color:var(--brand);pointer-events:none}.index-card{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.gauge{position:relative;width:200px;height:200px;flex:0 0 auto}.gauge svg{transform:rotate(-90deg)}.gauge .gv{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.commune-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:var(--color-surface);transition:border-color .15s,transform .12s}.commune-row:hover{border-color:var(--brand);transform:translateY(-1px)}.commune-row .nm{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15.5px}.fc-card{border:1px solid var(--line);border-radius:16px;padding:18px 16px;text-align:center;background:var(--color-surface)}.fc-card.big{padding:24px 26px;text-align:left}.poll-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--color-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.poll-card:hover{border-color:var(--brand)}.poll-card.dom{border-color:var(--dom-border);background:var(--dom-bg)}.poll-card.active{border-color:var(--brand);box-shadow:var(--shadow)}.tag-dom{font-size:10px;font-weight:700;color:var(--dom-chip-ink);background:var(--dom-chip-bg);padding:2px 7px;border-radius:999px}.subbars{display:flex;gap:3px;margin-top:12px}.subbars>span{flex:1;height:6px;border-radius:3px}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:160px}.chart-bars .bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.chart-bars .bcol>span{border-radius:4px 4px 2px 2px;min-height:4px}.chart-xaxis{display:flex;gap:4px;margin-top:8px}.chart-xaxis>span{flex:1;text-align:center;font-size:10.5px;color:var(--sub)}.map{position:relative;background:linear-gradient(160deg,var(--map-grad-1),var(--map-grad-2));min-height:440px;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.map.full{min-height:520px}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer}.map-pin .pd{width:18px;height:18px;border-radius:10px;border:3px solid var(--color-surface);box-shadow:0 2px 6px #00000040}.map-pin .pl{font-size:11px;font-weight:700;color:var(--brand-dk);margin-top:4px;background:#ffffffd9;padding:1px 6px;border-radius:6px;white-space:nowrap}.map-pin.lg .pd{width:22px;height:22px}.map-pin.sel .pd{box-shadow:0 0 0 5px #0e7aa840,0 2px 6px #00000040}.map-note{position:absolute;bottom:14px;right:16px;font-size:11px;color:var(--brand-dk);opacity:.6;z-index:400}.map-leaflet{border-radius:22px;overflow:hidden;border:1px solid var(--line)}.map-leaflet .leaflet-container{min-height:440px;width:100%;font-family:var(--font)}.atmo-map{padding:clamp(18px,3vw,26px)}.atmo-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.day-selector{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.day-btn{border:none;background:none;color:var(--sub);font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap}.day-btn:hover{color:var(--brand)}.day-btn.active{background:var(--color-surface);color:var(--brand-dk);box-shadow:0 1px 3px #0c22301f}.atmo-map-canvas{height:clamp(420px,58vh,560px);border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,var(--map-grad-1),var(--map-grad-2))}.atmo-map-canvas .leaflet-container{height:100%;width:100%;font-family:var(--font);background:transparent}.atmo-map-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}.atmo-legend{display:flex;flex-wrap:wrap;gap:8px 16px}.atmo-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--sub)}.atmo-legend-dot{width:13px;height:13px;border-radius:4px;flex:0 0 auto}.atmo-map-hint{display:inline-flex;align-items:center;gap:7px;font-size:13px}.atmo-map-hint svg{color:var(--brand);flex:0 0 auto}.atmo-station-icon span{display:block;width:14px;height:14px;border-radius:50%;background:var(--sante);border:3px solid var(--color-surface);box-shadow:0 2px 6px #00000059}.leaflet-tooltip.atmo-tip{background:var(--color-surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px 11px;font-family:var(--font);display:flex;flex-direction:column;gap:5px;text-align:center}.leaflet-tooltip.atmo-tip:before{display:none}.atmo-tip-nm{font-weight:700;font-size:13.5px;color:var(--ink)}.atmo-tip-bd{font-weight:700;font-size:11.5px;padding:2px 9px;border-radius:999px}@media (max-width:560px){.day-btn{font-size:12.5px;padding:7px 10px}}.tbl{border:1px solid var(--line);border-radius:18px;overflow:hidden}.tbl-head,.tbl-row{display:grid;align-items:center}.tbl-head{background:var(--soft);font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.3px;padding:14px 24px}.tbl-row{padding:16px 24px;border-top:1px solid var(--line);font-size:14.5px}@media (max-width:760px){.tbl-hide{display:none}}.field{font-size:13.5px;font-weight:600;color:var(--sub);display:block}.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;margin-top:6px;outline:none;color:var(--ink);background:var(--color-surface)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand)}.field textarea{resize:vertical}.footer{background:var(--brand-dk);color:#fffc}.footer .wrap{padding-top:40px;padding-bottom:40px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:30px;font-size:14px;flex-wrap:wrap}.footer-links a:hover{color:var(--color-surface)}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:18px;font-size:12.5px;opacity:.6;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.footer-bottom button{background:none;border:none;color:inherit;text-decoration:underline;font-size:12.5px;opacity:.85}.footer-bottom button:hover{opacity:1}.sharebar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sharebar-label{font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.3px;margin-right:2px}.share-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:15px;transition:transform .12s,border-color .15s,background .15s,color .15s}.share-btn:hover{transform:translateY(-1px);border-color:var(--brand);color:var(--brand)}.share-btn.fb:hover{border-color:var(--brand-facebook);color:var(--brand-facebook)}.share-btn.x:hover{border-color:var(--c-black);color:var(--c-black)}.share-btn.in:hover{border-color:var(--brand-linkedin);color:var(--brand-linkedin)}.share-btn.copy:hover,.share-btn.mail:hover,.share-btn.print:hover,.share-btn.native:hover{border-color:var(--brand);color:var(--brand)}.sharebar-copied{font-size:12.5px;font-weight:600;color:var(--green)}.cmp-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:20px}.cmp-exports{display:flex;gap:8px;margin-left:auto}.cmp-exports .btn{padding:9px 14px;font-size:13.5px}.cmp-exports .btn:disabled{opacity:.5;cursor:not-allowed}.cmp-chart{border:1px solid var(--line);border-radius:14px;padding:14px 12px;background:var(--color-surface)}.cmp-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cmp-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 13px;transition:opacity .15s,border-color .15s}.cmp-legend-item:hover{border-color:var(--brand)}.cmp-legend-item.off{opacity:.45;text-decoration:line-through}.cmp-legend-dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto}@media (max-width:600px){.cmp-exports{margin-left:0;width:100%}.cmp-exports .btn{flex:1}}.footer-social{display:flex;gap:12px;align-items:center}.footer-social a{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:15px;transition:background .15s,border-color .15s,color .15s}.footer-social a:hover{background:#ffffff1a;border-color:#ffffff73;color:var(--color-surface)}@media print{.topbar,.nav,.mobile-menu,.alert-strip,.footer,.sharebar,[data-print-hide],.cookie-banner,.leaflet-control-container,.day-selector{display:none!important}.app-main{overflow:visible}body{color:var(--c-black);background:var(--color-surface)}.card,.index-card{box-shadow:none!important;border:1px solid var(--color-border)}a{color:var(--c-black);text-decoration:none}section{padding:12px 0}}.stack{display:flex;flex-direction:column}.icon-tile{width:40px;height:40px;border-radius:11px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--brand);flex:0 0 auto}.hr{height:1px;background:var(--line);border:0;margin:0}.center{display:flex;align-items:center;justify-content:center}.state{padding:clamp(40px,8vw,80px) 0;text-align:center;color:var(--sub)}.spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:fade .45s ease}@keyframes fade{0%{transform:translateY(10px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.page-enter,.spinner{animation:none}}