:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--aubergine: #503156;--steel: #6ea4bf;--crimson: #a31621;--sage: #bcd8c1;--offwhite: #fcf7f8;--page-bg: #ede6ef;--text-primary: #3f2745;--text-strong: var(--aubergine);--text-muted: #5f4566;--text-faint: #6a5671;--text-subtle: #75607c;--shell-bg: rgba(252, 247, 248, .42);--shell-shadow: rgba(80, 49, 86, .16);--shell-border: rgba(252, 247, 248, .55);--surface-bg: rgba(252, 247, 248, .78);--surface-bg-strong: rgba(252, 247, 248, .95);--surface-border: rgba(80, 49, 86, .13);--board-bg-inner: rgba(252, 247, 248, .95);--board-bg-outer: #e3d9e6;--board-border: rgba(80, 49, 86, .12);--board-vignette: rgba(80, 49, 86, .1);--board-well: rgba(80, 49, 86, .12);--rise-light: #c8404b;--rise-fill: #a31621;--rise-deep: #5e1420;--rise-edge: rgba(94, 20, 32, .9);--rise-text: #7a1019;--fall-light: #7fb890;--fall-fill: #4a855c;--fall-deep: #27503a;--fall-edge: rgba(39, 80, 58, .9);--fall-text: #35624a;--flat-light: #a992ae;--flat-fill: #7d6483;--flat-deep: #4a3350;--flat-edge: rgba(74, 51, 80, .85);--bubble-shadow: rgba(58, 32, 64, .34);--bubble-shadow-strong: rgba(58, 32, 64, .46);--bubble-gloss: rgba(255, 253, 254, .82);--bubble-gloss-mid: rgba(255, 253, 254, .369);--bubble-gloss-far: rgba(255, 253, 254, .098);--bubble-rim: rgba(255, 250, 252, .4);--link-color: #3d7794;background:var(--page-bg);color:var(--text-primary)}html[data-theme=dark]{color-scheme:dark;--page-bg: #1d1220;--text-primary: #ece2ee;--text-strong: var(--offwhite);--text-muted: #cbbccf;--text-faint: #ab99b0;--text-subtle: #9a88a0;--shell-bg: rgba(58, 35, 63, .55);--shell-shadow: rgba(0, 0, 0, .45);--shell-border: rgba(188, 216, 193, .14);--surface-bg: rgba(63, 39, 69, .72);--surface-bg-strong: rgba(58, 35, 63, .95);--surface-border: rgba(236, 226, 238, .16);--board-bg-inner: rgba(70, 44, 76, .6);--board-bg-outer: #241628;--board-border: rgba(236, 226, 238, .12);--board-vignette: rgba(0, 0, 0, .34);--board-well: rgba(0, 0, 0, .4);--rise-light: #e2646f;--rise-fill: #c62e3a;--rise-deep: #8a1a25;--rise-edge: rgba(232, 128, 136, .85);--rise-text: #f0a8ad;--fall-light: #a8d4b4;--fall-fill: #6aa87e;--fall-deep: #3d6b4f;--fall-edge: rgba(188, 216, 193, .85);--fall-text: var(--sage);--flat-light: #a190a6;--flat-fill: #7a6880;--flat-deep: #4e3d54;--flat-edge: rgba(168, 150, 174, .7);--bubble-shadow: rgba(0, 0, 0, .45);--bubble-shadow-strong: rgba(0, 0, 0, .6);--bubble-gloss: rgba(255, 252, 253, .66);--bubble-gloss-mid: rgba(255, 252, 253, .297);--bubble-gloss-far: rgba(255, 252, 253, .079);--bubble-rim: rgba(255, 246, 250, .3);--link-color: var(--steel)}html[data-palette=ocean]{--rise-light: #3f8fd0;--rise-fill: #1d5f97;--rise-deep: #123c62;--rise-text: #14507f;--fall-light: #e08a4a;--fall-fill: #b25e18;--fall-deep: #6f3a0d;--fall-text: #8a4a10;--link-color: #3d6f94}html[data-theme=dark][data-palette=ocean]{--rise-light: #74b7ec;--rise-fill: #3d8fce;--rise-deep: #1f5b8c;--rise-text: #9ecdf0;--fall-light: #f0a86e;--fall-fill: #d07d33;--fall-deep: #8a5017;--fall-text: #f2b98a;--link-color: #7fb6dd}*{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;background:var(--page-bg);color:var(--text-primary)}body:before,body:after{content:"";position:fixed;left:0;right:0;z-index:20;pointer-events:none;background:linear-gradient(var(--shell-bg),var(--shell-bg)),var(--page-bg)}body:before{top:0;height:env(safe-area-inset-top,0px)}body:after{bottom:0;height:env(safe-area-inset-bottom,0px)}.app-shell{display:flex;flex-direction:column;gap:10px;width:100vw;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;--shell-pad-top: 14px;--shell-pad-x: 14px;--shell-pad-bottom: 10px;padding:calc(var(--shell-pad-top) + env(safe-area-inset-top,0px)) calc(var(--shell-pad-x) + env(safe-area-inset-right,0px)) calc(var(--shell-pad-bottom) + env(safe-area-inset-bottom,0px) + var(--ad-banner-height, 0px)) calc(var(--shell-pad-x) + env(safe-area-inset-left,0px));background:var(--shell-bg);box-shadow:0 20px 45px var(--shell-shadow)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-title{display:flex;align-items:center;gap:10px;min-width:0}.app-title h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap}.icon-button{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--text-muted);font-size:15px;font-weight:700;cursor:pointer}.icon-button:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%}.icon-button:hover{background:var(--surface-bg-strong)}.get-app-button{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--aubergine);color:#fdf9fa;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.get-app-button:hover{filter:brightness(1.15)}.app-promo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:#1e122199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-promo-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:28px 24px;border-radius:20px;border:1px solid var(--surface-border);background:var(--surface-bg-strong);text-align:center}.app-promo-title{font-size:17px;color:var(--text-strong)}.app-promo-text{margin:0;font-size:13px;line-height:1.5;color:var(--text-faint)}.app-promo-get{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border-radius:12px;background:var(--aubergine);color:#fdf9fa;font-size:14px;font-weight:700;text-decoration:none}.app-promo-continue{border:none;background:transparent;color:var(--text-faint);font-size:12px;font-weight:600;text-decoration:underline;cursor:pointer;padding:6px}.headline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 12px;border:1px solid var(--surface-border);border-radius:12px;background:var(--surface-bg)}.headline-main{display:flex;align-items:center;gap:10px;min-width:0}.headline-figures{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;min-width:0}.headline-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.headline-count{font-size:18px;font-weight:800;color:var(--text-strong);font-variant-numeric:tabular-nums}.headline-period{font-size:11px;font-weight:600;color:var(--text-faint)}.headline-delta{font-size:12px;font-weight:700}.headline-delta.up,.bubble-delta.up,.up{color:var(--rise-text)}.headline-delta.down,.down{color:var(--fall-text)}.controls{display:flex;gap:8px;flex-wrap:wrap}.dropdown{position:relative;flex:1 1 150px;min-width:0}.dropdown-comparison{flex:1 1 120px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--surface-border);border-radius:11px;background:var(--surface-bg);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-caret{flex:none;color:var(--text-subtle);font-size:10px}.dropdown-panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;display:flex;flex-direction:column;max-height:320px;padding:5px;border:1px solid var(--surface-border);border-radius:12px;background:var(--surface-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 32px var(--shell-shadow)}.dropdown-list{flex:1 1 auto;overflow-y:auto;margin:0;padding:0;list-style:none}.dropdown-filter{flex:none;padding:1px 1px 5px}.dropdown-filter input{width:100%;padding:7px 9px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-bg);color:var(--text-primary);font:inherit;font-size:13px}.dropdown-filter input:focus{outline:none;border-color:var(--link-color)}.dropdown-filter input::placeholder{color:var(--text-subtle)}.dropdown-empty{margin:0;padding:8px 9px;color:var(--text-muted);font-size:13px}.dropdown-group{padding:7px 9px 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle)}.dropdown-option{width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.dropdown-option:hover{background:var(--surface-bg)}.dropdown-option.active{background:var(--surface-bg);font-weight:700}.dropdown-result{display:flex;flex-direction:column;gap:1px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.dropdown-result:hover{background:var(--surface-bg)}.dropdown-result-place{font-size:11px;color:var(--text-muted)}.dropdown-more,.dropdown-status{margin:0;padding:4px 9px 6px;color:var(--text-muted);font-size:11px;list-style:none}.dropdown-action{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:1px;width:100%;margin-bottom:4px;padding:7px 9px;border:0;border-bottom:1px solid var(--surface-border);border-radius:8px 8px 0 0;background:transparent;color:var(--link-color);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.dropdown-action:hover{background:var(--surface-bg)}.dropdown-action:disabled{cursor:default;opacity:.6}.dropdown-action-hint{font-size:11px;font-weight:400;color:var(--text-muted)}.locate-notice{display:flex;flex:1 1 100%;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:7px 4px 7px 12px;border:1px solid var(--surface-border);border-radius:10px;background:var(--surface-bg);color:var(--text-primary);font-size:12px;line-height:1.4}.locate-notice-dismiss{position:relative;flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font:inherit;font-size:18px;line-height:1;cursor:pointer}.locate-notice-dismiss:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%}.locate-notice-dismiss:hover{background:var(--surface-bg-strong)}.level-switch{flex:none;align-self:stretch}.level-option{display:flex;align-items:center;padding:0 12px;font-size:13px}.dropdown-trigger:disabled{cursor:default;opacity:.6}.app-logo{flex:none;color:var(--text-strong)}.comparison{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comparison-switch{display:inline-flex;padding:3px;border:1px solid var(--surface-border);border-radius:11px;background:var(--surface-bg)}.comparison-option{padding:6px 12px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.comparison-option:hover{color:var(--text-strong)}.comparison-option.active{background:var(--link-color);color:var(--offwhite)}.view-switch{flex:none}.view-option{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:28px;padding:0}.view-option:after{content:"";position:absolute;top:50%;left:0;width:100%;height:48px;transform:translateY(-50%);border-radius:10px}.view-icon{display:block;width:15px;height:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.breakdown{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-bg)}.breakdown-table{width:100%;border-collapse:collapse;font-size:13px}.breakdown-table thead th{position:sticky;top:0;z-index:1;padding:10px 12px;background:var(--surface-bg-strong);border-bottom:1px solid var(--surface-border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:right;white-space:nowrap}.breakdown-table thead th:first-child{text-align:left}.breakdown-table td{padding:9px 12px;border-bottom:1px solid var(--surface-border);text-align:right;white-space:nowrap}.breakdown-table tbody tr:last-child td{border-bottom:0}.breakdown-table tbody tr:hover{background:var(--surface-bg-strong)}.breakdown-table .breakdown-name{text-align:left;color:var(--text-strong);font-weight:600;white-space:normal}.breakdown-table .breakdown-count{color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:700}.breakdown-table .breakdown-delta{font-variant-numeric:tabular-nums;font-weight:700}.breakdown-table .breakdown-delta.up{color:var(--rise-text)}.breakdown-table .breakdown-delta.down{color:var(--fall-text)}.breakdown-table .breakdown-delta.flat,.breakdown-table .breakdown-row.below td{color:var(--text-muted)}.breakdown-table .breakdown-row.below .breakdown-delta{opacity:.55;font-weight:600}.breakdown-note{padding:10px 12px 14px;color:var(--text-muted);font-size:11px;line-height:1.5}.breakdown-message{padding:24px 16px;color:var(--text-muted);text-align:center}.breakdown-message.error{color:var(--rise-text)}.board{position:relative;flex:1 1 auto;min-height:180px;overflow:hidden;border:1px solid var(--board-border);border-radius:20px;background:radial-gradient(circle at 50% 42%,var(--board-bg-inner),transparent 68%),radial-gradient(ellipse 78% 82% at 50% 44%,transparent 52%,var(--board-vignette) 100%),var(--board-bg-outer);box-shadow:inset 0 2px 10px var(--board-well),inset 0 -1px 2px #fcf7f80d}.board-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(88%,340px);margin:0;text-align:center;font-size:13px;line-height:1.5;color:var(--text-faint)}.board-message.error{color:var(--rise-text)}.bubble{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border-radius:50%;border:0;background:transparent;isolation:isolate;color:#fff;cursor:pointer;filter:drop-shadow(1px 2px 3px var(--bubble-shadow));transition:filter .16s ease;will-change:transform}.bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--tone-light) 0%,var(--tone-mid) 46%,var(--tone-deep) 100%);box-shadow:inset -2px -3px 6px var(--bubble-shadow),inset 2px 2px 5px #fcf7f838,inset 1.5px 1.5px 1.5px -1px var(--bubble-rim);opacity:var(--bubble-fill-opacity, 1);z-index:-1}.bubble{--tone-base: rgba(80, 49, 86, .6);--tone-strength: calc(.34 + .6 * var(--bubble-weight, 1));--tone-light: var(--flat-light);--tone-mid: var(--flat-fill);--tone-deep: var(--flat-deep)}.bubble.up{--tone-light: var(--rise-light);--tone-mid: var(--rise-fill);--tone-deep: var(--rise-deep)}.bubble.down{--tone-light: var(--fall-light);--tone-mid: var(--fall-fill);--tone-deep: var(--fall-deep)}.bubble:after{content:"";position:absolute;top:12%;left:16%;width:34%;height:23%;border-radius:50%;background:radial-gradient(ellipse at 38% 35%,var(--bubble-gloss) 0%,var(--bubble-gloss-mid) 34%,var(--bubble-gloss-far) 60%,transparent 78%);transform:rotate(-32deg);pointer-events:none;z-index:-1}.bubble.selected{filter:drop-shadow(0 7px 16px var(--bubble-shadow-strong));z-index:6}.bubble.selected:before{box-shadow:inset -2px -3px 6px var(--bubble-shadow),inset 2px 2px 5px #fcf7f838,0 0 0 3px var(--offwhite),0 0 0 6px var(--link-color)}.board.has-selection .bubble:not(.selected){filter:drop-shadow(1px 2px 3px var(--bubble-shadow)) saturate(.45) brightness(.94);opacity:.55;transition:filter .2s ease,opacity .2s ease}.bubble-label{overflow:hidden;font-weight:700;line-height:1.15;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.25);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--label-lines, 3)}.bubble-delta{font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.25)}.detail{padding:12px 14px;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-bg-strong)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-header h2{margin:0;font-size:15px;font-weight:800;color:var(--text-strong)}.detail-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.detail-figures strong{display:block;font-size:15px;font-variant-numeric:tabular-nums}.detail-figure-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.detail-note{margin:9px 0 0;font-size:11px;line-height:1.45;color:var(--text-faint)}.detail-population{margin:9px 0 0;font-size:11px;line-height:1.45;color:var(--text-subtle);font-variant-numeric:tabular-nums}.detail-action{width:100%;margin-top:10px;padding:9px;border:1px solid var(--surface-border);border-radius:10px;background:var(--surface-bg);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.4;color:var(--text-subtle)}.app-footer a{color:var(--link-color)}.footer-app-link{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px) + var(--ad-banner-height, 0px)) calc(20px + env(safe-area-inset-left,0px));background:#0f172a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,480px);max-height:min(80vh,100%);overflow-y:auto;padding:18px;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal h3{margin:16px 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.modal p{margin:0 0 9px;font-size:13px;line-height:1.55;color:var(--text-muted)}.modal-source{font-size:11px}.modal a{color:var(--link-color)}@media (min-width: 900px){.app-shell{max-width:1440px;margin:0 auto;--shell-pad-top: 20px;--shell-pad-x: 24px;--shell-pad-bottom: 12px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto minmax(180px,1fr) auto;column-gap:16px;row-gap:10px}.app-header{grid-column:1 / 3;grid-row:1}.headline{grid-column:1;grid-row:2}.controls{grid-column:1;grid-row:3}.board,.breakdown{grid-column:1;grid-row:4}.app-footer{grid-column:1 / 3;grid-row:5}.detail{grid-column:2;grid-row:2 / 5;overflow-y:auto;align-self:stretch}.app-title h1{font-size:26px}.app-logo{width:46px;height:46px}.headline-period{font-size:12px}.headline-count{font-size:22px}.headline-delta{font-size:13px}.dropdown{flex:0 1 260px}.app-footer{font-size:11px}.detail-figures{grid-template-columns:1fr;gap:10px}.detail-figures>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--surface-border)}.detail-figures>div:last-child{border-bottom:0;padding-bottom:0}.detail-figures .detail-figure-label{margin:0}.detail-figures strong{font-size:17px}}@media (min-width: 900px){.app-shell.no-detail{grid-template-columns:minmax(0,1fr)}.app-shell.no-detail .app-header,.app-shell.no-detail .app-footer{grid-column:1}}@media (max-width: 619px){.app-shell{gap:8px;--shell-pad-top: 10px;--shell-pad-x: 10px;--shell-pad-bottom: 8px}.get-app-button{display:none}.footer-app-link{display:inline}.app-title h1{font-size:19px}.headline{padding:6px 6px 6px 10px}.headline-label,.headline-period{font-size:10px}.headline-count{font-size:16px}.headline-delta{font-size:10px}.headline-figures{gap:2px 6px}.dropdown{flex:1 1 calc(50% - 4px)}.dropdown-comparison{flex:1 1 100%}.controls-area .dropdown-comparison{flex:1 1 0}}@media (prefers-reduced-motion: reduce){.bubble{transition:none}}.header-actions{display:flex;flex:none;gap:6px;align-items:center}.button-icon{display:block;width:15px;height:15px;margin:0 auto}.setting-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:11px 0;border-top:1px solid var(--surface-border)}.setting-row:first-of-type,h3+.setting-row{border-top:0}.setting-text{display:flex;flex-direction:column;gap:3px;min-width:0}.setting-title{font-size:13px;font-weight:700;color:var(--text-primary)}.setting-description{font-size:11.5px;line-height:1.5;color:var(--text-faint)}.setting-control{flex:none;display:flex;align-items:center}.settings-button{padding:6px 12px;border:1px solid var(--surface-border);border-radius:9px;background:var(--surface-bg);color:var(--text-primary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.settings-button:hover:not(:disabled){background:var(--surface-bg-strong)}.settings-button:disabled{opacity:.55;cursor:not-allowed}.settings-button.primary{background:var(--link-color);border-color:var(--link-color);color:#fcf7f8}.settings-button.primary:hover:not(:disabled){filter:brightness(1.08)}.setting-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.setting-note{font-size:12px;font-weight:700;color:var(--text-faint);white-space:nowrap}.setting-note-block{margin:0 0 4px;font-size:11.5px;line-height:1.5;color:var(--text-faint)}.setting-note-block a{color:var(--link-color)}.setting-error{margin:0 0 8px;font-size:11.5px;line-height:1.5;color:var(--rise-text)}.toggle-switch{position:relative;flex:none;width:40px;height:23px;padding:0;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-bg);cursor:pointer;transition:background .14s ease,border-color .14s ease}.toggle-switch.on{background:var(--link-color);border-color:var(--link-color)}.toggle-knob{position:absolute;top:50%;left:2px;width:17px;height:17px;border-radius:50%;background:var(--offwhite);transform:translateY(-50%);transition:left .14s ease;box-shadow:0 1px 2px #3a204059}.toggle-switch.on .toggle-knob{left:19px}.setting-control .comparison-switch{margin:0;min-width:0;max-width:100%}.setting-control .comparison-option{padding:5px 10px;font-size:12px;min-width:0;white-space:nowrap}.setting-slider{display:flex;align-items:center;gap:9px}.setting-slider input[type=range]{flex:0 0 116px;width:116px;height:14px;margin:0;accent-color:var(--link-color);cursor:pointer}.setting-slider-value{flex:none;min-width:34px;text-align:right;font-size:12px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.toggle-switch,.toggle-knob{transition:none}}@media (max-width: 520px){.setting-row{flex-direction:column;align-items:stretch;gap:9px}.setting-control{justify-content:flex-start}}.palette-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.palette-option{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--surface-border);border-radius:9px;background:var(--surface-bg);color:var(--text-muted);font:inherit;font-size:11.5px;font-weight:700;text-align:left;cursor:pointer}.palette-option:hover{background:var(--surface-bg-strong)}.palette-option.active{border-color:var(--link-color);box-shadow:inset 0 0 0 1px var(--link-color);color:var(--text-primary)}.palette-swatch{flex:none;width:17px;height:17px;border-radius:50%;border:1px solid var(--surface-border)}.palette-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--surface-border)}.trend-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.trend-head h3{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.trend-ranges{display:flex;gap:2px;padding:2px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-bg)}.trend-range{padding:3px 8px;border:0;border-radius:6px;background:transparent;color:var(--text-faint);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.trend-range.active{background:var(--link-color);color:var(--offwhite)}.trend{margin:0}.trend-svg{display:block;width:100%;height:auto}.trend-line{fill:none;stroke:var(--flat-fill);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-area{fill:var(--flat-fill);opacity:.14}.trend-marker{fill:var(--flat-fill);stroke:var(--surface-bg-strong);stroke-width:1.6}.trend.up .trend-line,.trend.up .trend-marker{stroke:var(--rise-fill)}.trend.up .trend-line{fill:none}.trend.up .trend-marker{fill:var(--rise-fill);stroke:var(--surface-bg-strong)}.trend.up .trend-area{fill:var(--rise-fill)}.trend.down .trend-line,.trend.down .trend-marker{stroke:var(--fall-fill)}.trend.down .trend-line{fill:none}.trend.down .trend-marker{fill:var(--fall-fill);stroke:var(--surface-bg-strong)}.trend.down .trend-area{fill:var(--fall-fill)}.trend-axis{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:2px 0 0;font-size:10px;color:var(--text-subtle)}.trend-peak{font-variant-numeric:tabular-nums}.trend-status,.trend-note{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--text-faint)}