:root{--bg:#050b16;--bg-glow:#0d2140;--surface:#0d1626;--surface-2:#142036;--border:#94a3b829;--text:#e6edf7;--text-muted:#94a3b8;--accent:#3fa7ff;--accent-2:#ffb547;--pulse:#ff8000;--danger:#ff7a7a;--radius:14px;--panel-width:420px;--shadow:0 -8px 32px #00000073;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:radial-gradient(ellipse at 50% 40%, var(--bg-glow) 0%, var(--bg) 65%);overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.stage{grid-area:1/1;min-width:0;min-height:0;position:relative}.globe{cursor:grab;touch-action:none;position:absolute;inset:0}.globe-loading:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#143154,#0b1f38 60%);border-radius:50%;width:min(70vw,60vh);animation:1.6s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 60px #5fb4ff40}.hint{left:50%;bottom:calc(20px + var(--safe-bottom));border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626cc;border-radius:999px;margin:0;padding:8px 14px;font-size:.85rem;position:absolute;translate:-50%}.heat-legend{left:50%;bottom:calc(64px + var(--safe-bottom));border:1px solid var(--border);color:var(--text-muted);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626cc;border-radius:10px;margin:0;padding:6px 12px 8px;font-size:.72rem;position:absolute;translate:-50%}.heat-legend figcaption{white-space:nowrap;margin-bottom:4px}.heat-legend ol{gap:2px;margin:0;padding:0;list-style:none;display:flex}.heat-legend li{font-variant-numeric:tabular-nums;justify-items:center;gap:2px;display:grid}.heat-legend .swatch{border-radius:2px;width:28px;height:8px}.globe-tip em{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:280px;font-size:.8rem;font-style:normal;display:-webkit-box;overflow:hidden}.story-badge{vertical-align:1px;border-radius:999px;margin-right:6px;padding:0 6px;font-size:.7rem;font-weight:600;line-height:1.5;display:inline-block}.story-badge-new{color:#ffcb7d;background:#ffb5472e}.story-badge-rising{color:#8ccdff;background:#52b2ff2e}.rank-sparkline{vertical-align:-5px;margin-right:6px;overflow:visible}.rank-sparkline polyline{fill:none;stroke:var(--text-muted);stroke-width:1.4px;stroke-linejoin:round}.rank-sparkline circle{fill:var(--text-muted)}.rank-sparkline .rank-now{fill:var(--accent)}.legend-modes{pointer-events:auto;gap:2px;margin-bottom:6px;display:flex}.legend-modes button{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:2px 8px}.legend-modes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#04121f}.legend-pulse{white-space:nowrap;align-items:center;gap:6px;margin:6px 0 0;display:flex}.legend-pulse:before{content:"";border:2px solid var(--pulse);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite legend-pulse}@keyframes legend-pulse{0%{box-shadow:0 0 #ff8000cc}to{box-shadow:0 0 0 7px #ff800000}}.search-box{grid-area:search;align-items:center;width:100%;margin:0;display:flex;position:relative}.search-icon{z-index:1;color:var(--text-muted);pointer-events:none;position:absolute;left:15px}.search-box input{width:100%;min-height:42px;color:var(--text);font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626eb;border:1px solid #94a3b84d;border-radius:999px;padding:9px 40px;font-size:1rem;box-shadow:0 4px 18px #0000004d}.search-box input::placeholder{color:var(--text-muted)}.search-box input:hover{border-color:#94a3b880}.search-box input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3fa7ff40}.search-box:focus-within .search-icon{color:var(--accent)}.search-key{z-index:1;border:1px solid var(--border);min-width:20px;color:var(--text-muted);font:inherit;text-align:center;pointer-events:none;border-radius:5px;padding:0 6px;font-size:.75rem;line-height:18px;display:none;position:absolute;right:12px}@media (hover:hover) and (pointer:fine){.search-box input:placeholder-shown:not(:focus)~.search-key{display:block}}.search-group{border-bottom:1px solid var(--border);padding:12px 20px 4px}.search-place{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:600}.search-group ul{margin:0;padding:0;list-style:none}.search-hit{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:6px 0;display:block}.search-hit:hover{text-decoration:underline}.story-focused{box-shadow:inset 3px 0 0 var(--accent);background:#3fa7ff12}.topbar-tools{grid-area:tool;gap:8px;display:flex}.tool-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626eb;border:1px solid #94a3b84d;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:.9rem;display:inline-flex}.tool-btn:hover{border-color:var(--accent)}.tool-btn-small{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:34px;padding:0 12px;font-size:.85rem;font-weight:600}.tool-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#04121f;font-weight:600}.history-bar{left:16px;right:16px;bottom:calc(20px + var(--safe-bottom));z-index:2;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626e0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex;position:absolute}.history-day{align-items:center;gap:4px;display:flex}.history-day .icon-btn{width:32px;height:32px;color:var(--text);font-size:1.2rem}.history-day .icon-btn:disabled{opacity:.35;cursor:default}.history-date{text-align:center;min-width:6.5em;font-size:.9rem;font-weight:600}.history-time{flex:160px;align-items:center;gap:10px;display:flex}.history-time input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.history-clock{font-variant-numeric:tabular-nums;min-width:3.2em;font-size:.9rem}.history-note{color:var(--text-muted);flex:160px;font-size:.85rem}.panel .history-bar{z-index:auto;border:0;border-bottom:1px solid var(--border);background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"day.live""time time time";gap:4px 12px;width:auto;padding:8px 12px;display:grid;position:static;translate:none}.panel .history-day{grid-area:day}.panel .history-time,.panel .history-note{grid-area:time;padding:0 4px 4px}.panel .history-bar>.chip{grid-area:live}.panel .history-live{display:flex}.history-live{justify-content:space-between}.live-label{align-items:center;gap:7px;padding-left:4px;font-size:.85rem;font-weight:600;display:inline-flex}.live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #4ade8033}.panel-swipeable .panel-body{touch-action:pan-y}.panel.panel-quiet{animation:none}.chip-world{border-color:#ffb54780}.story-also{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;display:flex}.story-also-label,.world-names{color:var(--text-muted);font-size:.78rem}.world-names{color:var(--text);margin:0 0 2px;font-size:.95rem;font-weight:600}.world-english{color:var(--text);margin:4px 0 2px;font-size:.92rem;line-height:1.35}.world-countries{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.world-countries .chip{vertical-align:baseline;margin-right:8px}.world-countries .related-title{display:inline}.today-section{padding:16px 16px 4px}.today-section h3{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:600}.today-list{margin:0;padding:0;list-style:none}.today-item+.today-item{border-top:1px solid var(--border)}.today-open{text-align:start;cursor:pointer;background:0 0;border:0;gap:12px;width:100%;padding:10px 0;display:flex}.today-open:hover .today-title{text-decoration:underline}.today-text{flex:1;gap:2px;min-width:0;display:grid}.today-place{color:var(--accent-2);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.today-title{font-weight:600;line-height:1.3}.today-meta{color:var(--text-muted);font-size:.78rem}.today-translate{color:var(--accent);margin:-6px 0 8px;font-size:.78rem;text-decoration:none;display:inline-block}.today-translate:hover{text-decoration:underline}.today-thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;width:64px;height:48px}.topbar{z-index:2;padding:max(12px, env(safe-area-inset-top)) 16px 12px;pointer-events:none;background:linear-gradient(#050b16d9,#050b1600);grid-area:1/1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tool""search search""places places";align-self:start;align-items:center;gap:10px 12px;display:grid}.topbar>*{pointer-events:auto}.brand h1{letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:700}.updated{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.brand{grid-area:brand;min-width:0}.credit a{color:inherit;text-underline-offset:2px}.credit a:hover{color:var(--text)}.country-picker{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:places;gap:6px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.country-picker::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1626bf;border-radius:999px;flex:none;min-height:34px;padding:6px 12px;font-size:.85rem}.chip:hover:not(:disabled){border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent-2);border-color:var(--accent-2);color:#1a1206;font-weight:600}.chip:disabled{opacity:.45;cursor:default}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.globe-tip{border:1px solid var(--border);color:var(--text);background:#0d1626eb;border-radius:8px;gap:2px;padding:6px 10px;font:.85rem/1.3 system-ui,sans-serif;display:grid}.globe-tip span{color:var(--text-muted);font-size:.75rem}.globe-tip-pulse{color:var(--pulse);font-size:.75rem;font-weight:600}.panel{z-index:3;background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;height:52dvh;box-shadow:var(--shadow);flex-direction:column;transition:height .25s cubic-bezier(.2,.8,.2,1);animation:.25s cubic-bezier(.2,.8,.2,1) sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0}.panel.dragging{transition:none}.panel-header{border-bottom:1px solid var(--border);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:18px 16px 12px;display:flex;position:relative}.sheet-handle{background:#94a3b873;border-radius:2px;width:40px;height:4px;position:absolute;top:7px;left:50%;translate:-50%}.panel-heading{flex:1;min-width:0}.panel-heading h2{margin:0;font-size:1.2rem}.panel-sub{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.crumb{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-bottom:2px;padding:0;font-size:.8rem}.crumb:hover{text-decoration:underline}.region-picker{scrollbar-width:none;align-items:center;gap:6px;padding:12px 16px 4px;display:flex;overflow-x:auto}.region-picker-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:4px;font-size:.75rem}.chip-small{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:28px;padding:3px 10px;font-size:.78rem}.icon-btn{background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:#1d2c48}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + var(--safe-bottom));flex:1;overflow-y:auto}.panel-footnote{color:var(--text-muted);margin:8px 16px 0;font-size:.72rem}.panel-message{text-align:center;padding:32px 20px}.panel-message p{margin:0 0 6px}.panel-detail{color:var(--text-muted);font-size:.8rem}.btn{background:var(--accent);color:#04121f;cursor:pointer;border:0;border-radius:999px;min-height:40px;margin-top:12px;padding:8px 18px;font-weight:600}.story-list{margin:0;padding:0;list-style:none}.story{border-bottom:1px solid var(--border);padding:14px 16px}.story-main{align-items:flex-start;gap:12px;display:flex}.story-text{flex:1;min-width:0}.story-title{color:var(--text);font-size:.98rem;font-weight:600;line-height:1.3;text-decoration:none}.story-title:hover{text-decoration:underline}.story-title:visited{color:#c2cbe0}.story-meta{color:var(--text-muted);margin-top:4px;font-size:.78rem}.story-source{color:var(--accent);font-weight:600}.story-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.85rem;display:none;overflow:hidden}.story-thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;width:72px;height:72px}.story-more{border:1px solid var(--border);min-height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:.78rem;display:inline-flex}.story-more:hover{color:var(--text);border-color:var(--accent)}.chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:rotate .15s;translate:0 -2px;rotate:45deg}.chevron-right{translate:0;rotate:-45deg}.story-detail-title{font-size:1.12rem;line-height:1.3}.story-detail{padding:16px 16px 4px}.story-detail-image{object-fit:cover;background:var(--surface-2);border-radius:10px;width:100%;max-height:220px;margin-bottom:12px;display:block}.story-detail-facts{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:.8rem;display:flex}.story-detail-desc{margin:10px 0 0;font-size:.95rem;line-height:1.45}.story-detail-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.story-detail-actions .btn{align-items:center;margin-top:0;text-decoration:none;display:inline-flex}.btn-quiet{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-quiet:hover{border-color:var(--accent)}.story-section{margin-top:22px}.story-section h3{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:600}.rank-chart{width:100%;max-width:420px;height:auto;display:block}.rank-grid{stroke:var(--border);stroke-dasharray:2 3}.rank-label{fill:var(--text-muted);font-size:10px}.rank-chart .rank-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.rank-chart .rank-dot{fill:var(--accent)}.rank-chart .rank-now{fill:var(--accent-2);stroke:var(--surface);stroke-width:2px}.coverage-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.coverage-meta{align-items:center;gap:6px;font-size:.8rem;display:flex}.coverage-first{color:var(--accent);background:#3fa7ff26;border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:600;line-height:18px}.coverage-list .related-title{margin-top:2px;display:block}.related-time{color:var(--text-muted)}.related-title{color:var(--text);text-decoration:none;display:block}.related-title:hover{text-decoration:underline}.skeleton .sk-line{background:linear-gradient(90deg, var(--surface-2) 25%, #1c2a44 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin:8px 0;animation:1.3s linear infinite shimmer}.skeleton .sk-small{height:9px}.toast{z-index:4;background:var(--surface-2);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:opacity .2s,translate .2s;position:fixed;top:84px;left:50%;translate:-50% -8px}.toast.visible{opacity:1;translate:-50%}@media (width<=520px){.topbar{gap:8px 10px;padding-bottom:8px}.brand h1{font-size:1.05rem}.updated{font-size:.75rem}.credit{display:none}.topbar-tools .tool-btn{min-width:40px;min-height:38px;padding:0 10px}.topbar-tools .tool-btn>span{display:none}.topbar-tools{gap:6px}.search-box input{min-height:40px;padding-top:7px;padding-bottom:7px}.chip{min-height:32px;padding:5px 11px}}@media (width>=768px){.app.has-panel{grid-template-columns:minmax(0, 1fr) var(--panel-width)}.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search tool""places places places";column-gap:20px;padding:18px 24px}.search-box{justify-self:center;max-width:480px}.brand h1{font-size:1.35rem}.panel{border-top:0;border-left:1px solid var(--border);border-radius:0;grid-area:1/2;height:auto;min-height:0;animation:.25s cubic-bezier(.2,.8,.2,1) panel-in;position:relative;box-shadow:-8px 0 32px #00000059}.panel-header{cursor:default;touch-action:auto;padding:20px 20px 14px}.sheet-handle{display:none}.story{padding:16px 20px}.story-desc{display:-webkit-box}.story-thumb{width:88px;height:66px}.heat-legend{left:24px;bottom:calc(20px + var(--safe-bottom));translate:none}.history-bar{left:50%;right:auto;bottom:calc(20px + var(--safe-bottom));flex-wrap:nowrap;width:min(560px,100% - 300px);translate:-50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.6}}@keyframes sheet-in{0%{translate:0 100%}}@keyframes panel-in{0%{opacity:0;translate:24px}}.lang-toggle{border:1px solid var(--border);border-radius:999px;margin-top:8px;display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 12px;font-size:.75rem}.lang-toggle button[aria-pressed=true]{background:var(--accent-2);color:#1a1206;font-weight:600}.panel-note{color:var(--text-muted);margin:8px 16px 0;font-size:.75rem}.story-translate{color:var(--text-muted);text-underline-offset:2px;white-space:nowrap;text-decoration:underline}.story-translate:hover{color:var(--text)}