*,*:before,*:after{box-sizing:border-box}:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-base: #070d18;--bg-panel: #0d1728;--bg-elevated: #142136;--bg-hover: #1b2b45;--bg-input: #0a1322;--border-muted: #22354f;--border-strong: #34507a;--text-primary: #e8effa;--text-secondary: #b6c7e3;--text-muted: #8196b8;--accent: #5ad4ff;--accent-bright: #8be3ff;--accent-ink: #06121f;--ocean: #0c1829;--graticule: #152438;--sphere-edge: #28405f;--map-gap: #0a1322;--header-height: 56px;--sheet-peek: 120px;--shadow-lg: 0 18px 40px rgba(0, 0, 0, .45);font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-base);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{margin:0;min-width:320px;overflow:hidden;overscroll-behavior:none;background:var(--bg-base)}button,input{font:inherit;color:inherit}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;color:var(--text-primary)}.app-main{position:relative;display:flex;flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;gap:1.35rem;width:340px;flex:none;padding:1.1rem 1rem 1rem;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-panel);border-right:1px solid var(--border-muted);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.map-area{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(circle at 20% 15%,#11203a,var(--bg-base) 70%)}.map-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted)}.map-status-error{color:#f87171}.app-header{position:relative;z-index:30;display:flex;align-items:center;gap:1rem;flex:none;height:var(--header-height);padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1.1rem,env(safe-area-inset-left));background:linear-gradient(110deg,#0b1424,#10203a);border-bottom:1px solid var(--border-muted)}.brand{display:flex;align-items:center;gap:.7rem;min-width:0;margin-right:auto}.brand-logo{width:30px;height:30px;flex:none}.brand-text{min-width:0}.brand h1{margin:0;overflow:hidden;font-size:1.05rem;font-weight:700;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.tagline{margin:0;overflow:hidden;color:var(--text-muted);font-size:.78rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:.5rem;flex:none}.header-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:36px;min-width:36px;padding:0 .75rem;border:1px solid var(--border-muted);border-radius:8px;background:var(--bg-elevated);color:var(--text-secondary);font-size:.85rem;text-decoration:none;cursor:pointer}.header-button:hover{border-color:var(--border-strong);color:var(--text-primary)}.header-button svg{width:17px;height:17px;flex:none}.search{position:relative;width:clamp(250px,30vw,340px)}.search-field{position:relative;display:flex;flex:1;align-items:center}.search-field-icon{position:absolute;left:.7rem;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search input{width:100%;height:36px;padding:0 2rem 0 2.15rem;border:1px solid var(--border-muted);border-radius:8px;background:var(--bg-input);font-size:.9rem;outline:none;appearance:none}.search input::placeholder{color:var(--text-muted)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5ad4ff2e}.search input::-webkit-search-cancel-button{display:none}.search-kbd{position:absolute;right:.55rem;padding:.1rem .4rem;border:1px solid var(--border-muted);border-radius:4px;color:var(--text-muted);font:600 .72rem/1.2 var(--font-sans);pointer-events:none}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:min(430px,70vh);padding:.35rem;overflow-y:auto;border:1px solid var(--border-strong);border-radius:10px;background:#0b1526;box-shadow:var(--shadow-lg)}.search-group-label{padding:.45rem .6rem .2rem;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-option{display:flex;flex-direction:column;padding:.45rem .6rem;border-radius:7px;cursor:pointer}.search-option.is-active{background:var(--bg-hover)}.search-option-label{font-size:.9rem}.search-option-detail{overflow:hidden;color:var(--text-muted);font-size:.76rem;white-space:nowrap;text-overflow:ellipsis}.search-empty{padding:.75rem;color:var(--text-muted);font-size:.85rem}.search-overlay{position:absolute;inset:0;z-index:35;display:flex;align-items:center;gap:.6rem;width:auto;padding:0 max(.75rem,env(safe-area-inset-right)) 0 max(.75rem,env(safe-area-inset-left));background:#0b1424}.search-overlay input{height:40px;font-size:16px}.search-cancel{flex:none;font-size:.95rem}.search-overlay .search-results{position:fixed;top:var(--header-height);border-radius:0 0 12px 12px;max-height:60dvh}.panel-section{display:flex;flex-direction:column;gap:.6rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.section-title{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-meta{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.hint{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.45}.text-button{padding:.15rem 0;border:none;background:none;color:var(--accent);font-size:.8rem;cursor:pointer}.text-button:hover{color:var(--accent-bright)}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button svg{width:18px;height:18px}.icon-button-small{width:28px;height:28px}.icon-button-small svg{width:15px;height:15px}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search input:focus-visible{outline:none}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--border-muted);border-radius:10px;background:var(--bg-input)}.segmented-option{height:34px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.segmented-option:hover{color:var(--text-primary)}.segmented-option[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.swatch{width:14px;height:14px;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff14}.swatch-small{width:10px;height:10px;border-radius:3px}.swatch-stripes{background:repeating-linear-gradient(135deg,#c3cddd 0 3px,#55637b 3px 6px)}.legend-list,.legend-sublist,.language-rows,.country-list,.tip-languages{margin:0;padding:0;list-style:none}.legend-list{display:flex;flex-direction:column;gap:2px}.legend-row{display:flex;align-items:center;gap:.55rem;min-height:32px;font-size:.86rem;color:var(--text-secondary)}.legend-row-static{padding:0 .45rem}.legend-row>.swatch{margin-left:.45rem}.legend-label{flex:1;min-width:0}.legend-toggle{display:flex;flex:1;align-items:center;gap:.55rem;min-width:0;min-height:32px;padding:0 .45rem;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;font-size:inherit;text-align:left;cursor:pointer}.legend-toggle:hover{background:var(--bg-elevated);color:var(--text-primary)}.legend-toggle[aria-pressed=true]{border-color:var(--border-strong);background:var(--bg-elevated);color:var(--text-primary)}.count-toggle{display:inline-flex;align-items:center;gap:.15rem;height:26px;padding:0 .3rem 0 .45rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.76rem;font-variant-numeric:tabular-nums;cursor:pointer}.count-toggle:hover{border-color:var(--border-muted);color:var(--text-primary)}.count-toggle-icon{width:13px;height:13px;transition:transform .15s}.count-toggle[aria-expanded=true] .count-toggle-icon{transform:rotate(180deg)}.legend-sublist{display:flex;flex-wrap:wrap;gap:4px;padding:.15rem 0 .35rem 1.95rem}.legend-subrow{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border:1px solid var(--border-muted);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.76rem;cursor:pointer}.legend-subrow:hover,.legend-subrow[aria-pressed=true]{border-color:var(--border-strong);color:var(--text-primary)}.legend-subrow[aria-pressed=true]{background:var(--bg-elevated)}.legend-count{color:var(--text-muted);font-size:.76rem;font-variant-numeric:tabular-nums}.country-list{display:flex;flex-wrap:wrap;gap:4px;padding:.2rem 0 .5rem 1.95rem}.country-link{padding:.12rem .5rem;border:1px solid var(--border-muted);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.76rem;cursor:pointer}.country-link:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-input{height:34px;padding:0 .7rem;border:1px solid var(--border-muted);border-radius:8px;background:var(--bg-input);font-size:.86rem;outline:none}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus{border-color:var(--accent)}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .65rem 0 .55rem;border:1px solid var(--border-muted);border-radius:999px;background:var(--bg-elevated);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.chip[aria-pressed=true]{border-color:#56739f;background:#1a2b46;color:var(--text-primary)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-swatch{width:9px;height:9px;flex:none;border:1px solid #3f516f;border-radius:50%}.chip[aria-pressed=true] .chip-swatch{border-color:transparent}.chip-count{color:var(--text-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.about{display:flex;flex-direction:column;gap:.35rem;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--border-muted);color:var(--text-muted);font-size:.76rem}.about p{margin:0}.about a{color:var(--text-secondary)}.world-map{position:absolute;inset:0}.world-map-svg{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.world-map-svg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.world-map-svg.is-gesturing,.world-map-svg.is-gesturing *{cursor:grabbing!important}.map-sphere{fill:var(--ocean)}.map-graticule{fill:none;stroke:var(--graticule);stroke-width:.5px;vector-effect:non-scaling-stroke;pointer-events:none}.map-sphere-outline{fill:none;stroke:var(--sphere-edge);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.countries path{stroke:var(--map-gap);stroke-width:.7px;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s ease}.country-dots g{cursor:pointer}.dot{stroke:var(--map-gap);stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:fill .18s ease}.dot-hit{fill:transparent}.map-highlights{pointer-events:none}.outline-hover{fill:none;stroke:#e8effad9;stroke-width:1.25px;vector-effect:non-scaling-stroke}.outline-selected{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.zoom-controls{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-muted);border-radius:10px;background:#0b1424eb;box-shadow:0 8px 20px #00000059}.zoom-controls .icon-button{width:38px;height:38px;border-radius:0}.zoom-controls .icon-button+.icon-button{border-top:1px solid var(--border-muted)}.map-tooltip{position:fixed;z-index:50;max-width:280px;padding:.55rem .75rem;border:1px solid var(--border-strong);border-radius:9px;background:#080e1bf5;box-shadow:0 10px 24px #0006;font-size:.8rem;line-height:1.4;pointer-events:none}.tip-title{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.tip-languages{display:flex;flex-wrap:wrap;gap:.1rem .6rem;color:var(--text-secondary)}.tip-languages li{display:inline-flex;align-items:center;gap:.3rem}.tip-meta{margin-top:.15rem;color:var(--text-muted);font-size:.76rem}.line-key{width:12px;height:3px;flex:none;border-radius:2px}.country-card-float{position:absolute;top:16px;right:16px;z-index:6;display:flex;flex-direction:column;width:min(340px,calc(100% - 32px));max-height:calc(100% - 172px);overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;background:#0c1627f7;box-shadow:var(--shadow-lg);animation:card-in .18s ease-out}@keyframes card-in{0%{opacity:0;transform:translateY(-6px)}}.country-card{display:flex;flex-direction:column;min-height:0}.country-card .country-summary{padding:.85rem .85rem .7rem 1rem;border-bottom:1px solid var(--border-muted)}.country-card .country-languages,.country-card .country-empty{padding:.75rem 1rem .9rem;overflow-y:auto}.country-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.country-name{margin:0;font-size:1.15rem;line-height:1.3}.country-heading .icon-button{margin:-6px -6px -6px 0}.country-meta{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 0;color:var(--text-muted);font-size:.8rem}.country-code{padding:0 .35rem;border:1px solid var(--border-muted);border-radius:4px;font-size:.7rem;letter-spacing:.04em}.country-languages .section-title{margin-bottom:.3rem}.language-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-top:1px solid rgba(34,53,79,.6)}.language-row:first-child{border-top:none}.language-row-text{display:flex;flex:1;flex-direction:column;min-width:0}.language-name{font-size:.92rem}.language-native{color:var(--text-muted)}.language-meta{color:var(--text-muted);font-size:.75rem}.toggle-button{display:inline-flex;align-items:center;gap:.35rem;height:30px;flex:none;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer}.toggle-button:hover:not(:disabled){background:var(--bg-elevated)}.toggle-button[aria-pressed=true]{border-color:var(--border-muted);background:var(--bg-elevated);color:var(--text-primary)}.toggle-button:disabled{opacity:.45;cursor:not-allowed}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;max-height:80%;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border-strong);border-radius:16px 16px 0 0;background:var(--bg-panel);box-shadow:0 -12px 32px #00000073}.sheet-top{display:flex;flex-direction:column;flex:none;height:var(--sheet-peek)}.sheet-handle{display:grid;place-items:center;flex:none;width:100%;height:22px;padding:0;border:none;background:transparent;cursor:grab;touch-action:none}.sheet-grip{width:40px;height:4px;border-radius:999px;background:#3a5173}.sheet-peek{flex:1;min-height:0;padding:0 max(1rem,env(safe-area-inset-right)) .6rem max(1rem,env(safe-area-inset-left))}.sheet-body{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;min-height:0;padding:.9rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--border-muted);animation:sheet-in .2s ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}}.controls-peek{display:flex;flex-direction:column;gap:.55rem}.pill-row{display:flex;gap:.4rem;margin:0 -1rem;padding:0 1rem 2px;overflow-x:auto;scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;gap:.4rem;height:34px;flex:none;padding:0 .2rem 0 .7rem;border:1px solid var(--border-muted);border-radius:999px;background:var(--bg-elevated);color:var(--text-primary);font-size:.82rem;white-space:nowrap}button.pill{padding:0 .8rem;color:var(--text-secondary);cursor:pointer}button.pill[aria-pressed=true]{border-color:var(--border-strong);background:#1a2b46;color:var(--text-primary)}.pill-action{border-style:dashed;background:transparent}button.pill-action{color:var(--accent)}.pill-remove{display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.pill-remove svg{width:14px;height:14px}.country-peek{display:flex;flex-direction:column;gap:.15rem}.country-inline-languages{margin:.15rem 0 0;overflow:hidden;color:var(--text-secondary);font-size:.86rem;white-space:nowrap;text-overflow:ellipsis}.sheet-body .country-languages .section-title{margin-bottom:.2rem}@media(max-width:1100px){.tagline,.header-button-label{display:none}.header-button{padding:0;width:36px}}@media(max-width:860px){:root{--header-height: 52px}.app-header{gap:.35rem;padding:0 max(.4rem,env(safe-area-inset-right)) 0 max(.85rem,env(safe-area-inset-left))}.brand{gap:.55rem}.brand-logo{width:26px;height:26px}.brand h1{font-size:1rem}.header-actions{gap:.1rem}.header-button{width:40px;height:40px;border-color:transparent;background:transparent}.header-button svg{width:19px;height:19px}.chip{height:34px;font-size:.84rem}.legend-row,.legend-toggle{min-height:38px}.count-toggle{height:32px}.country-link{padding:.3rem .6rem;font-size:.82rem}.zoom-controls{right:max(12px,env(safe-area-inset-right));bottom:calc(var(--sheet-peek) + env(safe-area-inset-bottom) + 12px)}.toggle-button{height:34px}}@media(min-width:600px)and (max-width:860px){.sheet{left:50%;right:auto;width:min(560px,calc(100% - 32px));transform:translate(-50%);border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong)}}@media(max-width:360px){.brand-logo{display:none}}@media(max-height:520px)and (min-width:861px){:root{--header-height: 48px}}