:root{--ocean-050: #eef9ff;--ocean-100: #dff4ff;--ocean-200: #bfe9fb;--ocean-300: #8fd9f3;--ocean-400: #67c6ea;--ocean-500: #3db2e1;--ocean-600: #2aa6d8;--ocean-700: #1d8fc2;--ocean-800: #166f99;--ink-900: #08374b;--ink-700: #2f5e72;--ink-500: #5e7f8f;--line: #c7e4f2;--surface: #ffffff;--danger: #a02f3f;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--ink-900);background:linear-gradient(175deg,var(--ocean-100) 0%,#f8fcff 35%,#f4fbff 100%)}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,sans-serif}p{margin:0}.app-root{position:relative;min-height:100vh}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(61,178,225,.22),transparent 30%),radial-gradient(circle at 95% 0%,rgba(42,166,216,.14),transparent 22%),radial-gradient(circle at 50% 120%,rgba(31,140,188,.16),transparent 35%)}.app-shell{position:relative;z-index:1;width:min(1320px,calc(100vw - 2rem));margin:0 auto;padding:1.2rem 0 2.5rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:#ffffffdb;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 22px 48px #2086b229}.brand-box{display:flex;gap:.85rem;align-items:center}.brand-mark{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(140deg,var(--ocean-400),var(--ocean-700));box-shadow:inset 0 2px 8px #ffffff59,0 14px 28px #1887ba52}.brand-mark span{color:#fff;font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1;font-weight:700}.brand-kicker{color:var(--ink-700);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.app-header h1{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}.brand-sub{margin-top:.25rem;color:var(--ink-700);max-width:58ch}.header-meta{display:flex;flex-direction:column;gap:.45rem}.meta-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);padding:.35rem .75rem;background:var(--surface);color:var(--ink-700);font-size:.86rem;white-space:nowrap}.tab-nav{margin-top:.95rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.tab-btn{text-align:left;border:1px solid var(--line);background:#ffffffd1;border-radius:16px;padding:.62rem .72rem;color:var(--ink-900);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tab-btn span{display:block;font-weight:700;margin-bottom:.2rem}.tab-btn small{font-size:.74rem;color:var(--ink-700)}.tab-btn:hover{transform:translateY(-1px)}.tab-btn.active{border-color:var(--ocean-600);background:linear-gradient(155deg,var(--ocean-100),#ffffff);box-shadow:0 12px 28px #1f8bbc2e}.filter-card,.panel-card,.error-banner,.loading-bar{border:1px solid var(--line);border-radius:20px;background:#ffffffed;box-shadow:0 16px 36px #1d7ca624}.filter-card{margin-top:.95rem;padding:1rem}.filter-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.filter-title-row small{color:var(--ink-700)}.filter-grid{display:grid;grid-template-columns:2fr 2fr 1.3fr;gap:.75rem}.filter-block{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.7rem}.filter-block label{display:block;font-size:.82rem;color:var(--ink-700);margin-bottom:.42rem}.mode-switch,.preset-row{display:flex;flex-wrap:wrap;gap:.45rem}.mode-btn,.preset-btn,.ghost-btn{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-900);padding:.38rem .72rem;cursor:pointer;font-size:.84rem}.mode-btn.active,.preset-btn.active{border-color:var(--ocean-600);background:linear-gradient(145deg,var(--ocean-100),#fff);color:var(--ocean-800);font-weight:600}.custom-days{display:flex;align-items:center;gap:.45rem;color:var(--ink-700)}.custom-days input,.filter-block select{width:100%;border-radius:10px;border:1px solid var(--line);padding:.46rem .55rem;background:#fff;color:var(--ink-900)}.custom-days input{max-width:120px}.stream-filter-wrap{margin-top:.75rem;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:.7rem}.stream-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stream-filter-header label{color:var(--ink-700);font-size:.82rem}.stream-cloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.45rem;max-height:210px;overflow:auto}.stream-pill{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.48rem .55rem;text-align:left;cursor:pointer}.stream-pill span{display:block;color:var(--ink-900)}.stream-pill small{color:var(--ink-700)}.stream-pill.active{border-color:var(--ocean-600);background:linear-gradient(155deg,var(--ocean-100),#fff)}.helper-line{margin-top:.45rem;font-size:.8rem;color:var(--ink-700)}.helper-line.error,.error-banner{color:var(--danger)}.error-banner{margin-top:.95rem;padding:.72rem .9rem}.content-stack{margin-top:.95rem;display:grid;gap:.9rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.kpi-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#fff,var(--ocean-050));padding:.8rem}.kpi-card h3{font-size:.86rem;color:var(--ink-700);font-family:IBM Plex Sans,sans-serif;margin-bottom:.3rem}.kpi-card strong{font-family:Space Grotesk,sans-serif;color:var(--ocean-800);font-size:1.9rem}.panel-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.panel-card{padding:.9rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.7rem}.panel-head small{color:var(--ink-700)}.list-clean,.ranked-list,.compare-card ul,.country-card ol,.mini-compare ul{margin:0;padding:0;list-style:none}.list-clean li,.compare-card li,.country-card li,.mini-compare li{display:flex;justify-content:space-between;gap:.8rem;padding:.44rem 0;border-bottom:1px dashed var(--line)}.list-clean li:last-child,.compare-card li:last-child,.country-card li:last-child,.mini-compare li:last-child{border-bottom:none}.lead{color:var(--ink-900)}.list-clean small,.compare-card small,.country-card small,.mini-compare p{color:var(--ink-700)}.ranked-list li{display:grid;grid-template-columns:2.4rem 1fr;align-items:flex-start;gap:.7rem;border-bottom:1px dashed var(--line);padding:.5rem 0}.badge-rank{height:2rem;width:2rem;border-radius:10px;display:inline-grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--ocean-500),var(--ocean-700));box-shadow:0 8px 18px #259cd24d}.ranked-list p{margin:0}.ranked-list small{color:var(--ink-700)}.table-wrap{max-height:530px;overflow:auto;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:var(--ocean-050);color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;font-size:.73rem}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem}.compare-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(165deg,#fff,var(--ocean-050));padding:.65rem}.compare-card h4 small,.country-card h4 small{margin-left:.35rem;color:var(--ink-700);font-size:.78rem}.mini-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.mini-compare{border:1px solid var(--line);border-radius:12px;padding:.6rem;background:#fff}.mini-compare h4{font-size:.95rem}.mini-compare p{margin:.2rem 0 .35rem;font-size:.8rem}.country-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.country-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,#fff,var(--ocean-050));padding:.7rem}.country-card ol li{display:flex;justify-content:space-between;gap:.8rem}.loading-bar{margin-top:.95rem;padding:.72rem .9rem;color:var(--ink-700)}@media (max-width: 1180px){.tab-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.app-shell{width:min(1320px,calc(100vw - 1rem));padding-top:.75rem}.app-header{flex-direction:column;align-items:stretch}.header-meta{flex-direction:row;flex-wrap:wrap}.panel-grid.two{grid-template-columns:1fr}}@media (max-width: 640px){.tab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:1fr}.brand-mark{width:56px;height:56px;border-radius:16px}.brand-mark span{font-size:1.65rem}.stream-cloud{grid-template-columns:1fr}}