:root{--bg:#050608;--panel:#ffffff0f;--panel-strong:#ffffff1a;--border:#ffffff14;--text:#f2f3f5;--muted:#f2f3f599;--accent:#ffd27a;--radius:20px;--radius-sm:14px;--font:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display:"Fraunces", Georgia, serif;--gutter:16px;--shadow:0 10px 40px #00000073;--blur:blur(18px) saturate(140%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:var(--accent)}.screen{position:fixed;inset:0}.canvas{inset:0;position:absolute!important}.hud{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-header{padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) 0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand__name{font-family:var(--font-display);font-size:32px;font-style:italic;line-height:1.05}.header-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.seg{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg__btn{color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.seg__btn--sm{padding:7px 10px}.seg__btn.is-active{color:#0b0c10;background:#fff}.seg__btn:not(.is-active):hover{color:var(--text);background:var(--panel-strong)}.hint{background:var(--panel);border:1px solid var(--border);color:var(--muted);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);pointer-events:none;border-radius:999px;align-self:center;margin-top:18px;padding:8px 14px;font-size:13px;animation:.6s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow)}.icon-btn{background:var(--panel-strong);width:40px;height:40px;color:var(--text);border-radius:12px;place-items:center;transition:transform .15s,background .2s;display:grid}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.94)}.icon-btn--lg{color:#0b0c10;background:#fff;border-radius:16px;width:56px;height:56px}.icon-btn--lg:hover{background:#fff}.hud-bottom{padding:0 var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin-top:auto;display:flex}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);border-radius:999px;flex:none;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .15s;display:inline-flex}.chip:hover{background:var(--panel-strong)}.chip:active{transform:scale(.96)}.chip.is-active{color:#0b0c10;background:#e9ebef}.chip__dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #00000040}.time-card{padding:16px}.time-card__row{align-items:center;gap:14px;display:flex}.time-card__hint{color:var(--muted);font-size:13px}.time-card__label{letter-spacing:.28em;color:var(--muted);justify-content:space-between;margin-top:16px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.time-card__value{letter-spacing:0;color:var(--text);font-size:15px;font-weight:600}.slider{appearance:none;background:#ffffff2e;border-radius:4px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:4px solid #0b0c10;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #fff6}.slider::-moz-range-thumb{cursor:grab;background:#fff;border:4px solid #0b0c10;border-radius:50%;width:14px;height:14px}.body-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0506088c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:background .2s;display:inline-flex;transform:translateZ(0)}.body-label:hover{background:#ffffff24}.body-label__dot{border-radius:50%;width:6px;height:6px}.info-panel{right:var(--gutter);top:calc(84px + env(safe-area-inset-top));width:min(400px, calc(100vw - 2 * var(--gutter)));scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;display:flex;position:absolute;bottom:222px;overflow:hidden auto}.info-panel::-webkit-scrollbar{display:none}.info-panel__content{z-index:1;background:#0c0d12f5;border-radius:18px 18px 0 0;flex-direction:column;flex:1 0 auto;margin-top:-18px;display:flex;position:relative}.info-panel__content .tabs{border-radius:0}.info-panel__sticky{z-index:4;justify-content:flex-end;height:0;padding-right:12px;display:flex;position:sticky;top:10px}.info-panel__sticky .icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0d12b3;box-shadow:0 2px 10px #0006}.info-panel__sticky .icon-btn--listen.is-speaking{background:var(--accent)}.info-panel__head{justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 18px 8px;display:flex}.info-panel__head--pad{padding-right:108px}.info-panel__type{letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:700}.info-panel__title{font-family:var(--font-display);margin:4px 0;font-size:34px;font-style:italic;font-weight:500;line-height:1}.info-panel__tagline{color:var(--muted);font-size:14px}.tabs{border-bottom:1px solid var(--border);z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0d12eb;gap:4px;padding:8px 14px 0;display:flex;position:sticky;top:0}.tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.info-panel__body{flex:1 0 auto;padding:16px 18px}.prose{white-space:pre-line;margin:0;font-size:15px;line-height:1.6}.prose--kids{font-size:17px;line-height:1.65}.facts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fact{border-radius:var(--radius-sm);background:var(--panel-strong);gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.fact__icon{flex:none}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.stat{border-radius:var(--radius-sm);background:var(--panel-strong);padding:12px 14px}.stat dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.stat dd{margin:4px 0 0;font-size:15px;font-weight:600}.stat:last-child{grid-column:1/-1}.info-panel__sources{border-top:1px solid var(--border);color:var(--muted);flex-direction:column;gap:4px;padding:10px 18px 12px;font-size:12px;display:flex}.info-panel__credit{opacity:.7;font-size:11px}.info-panel__actions{flex:none;gap:8px;display:flex}.icon-btn--listen.is-speaking{background:var(--accent);color:#0b0c10}.eq{align-items:flex-end;gap:2px;height:16px;display:inline-flex}.eq i{background:currentColor;border-radius:2px;width:3px;height:40%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.toast{color:var(--text);background:#ffd27a26;border:1px solid #ffd27a59;border-radius:10px;margin:0 18px 8px;padding:8px 12px;font-size:12px}.info-panel__sources a{margin-right:6px}@media (width<=720px){.brand__name{font-size:26px}.seg__btn{padding:7px 10px;font-size:12px}.hint{display:none}.info-panel{right:var(--gutter);left:var(--gutter);background:#0c0d12db;width:auto;max-height:44vh;top:auto;bottom:232px}.info-panel__head{padding:14px 16px 6px}.tab{padding:8px 10px;font-size:12px}.info-panel__title{font-size:28px}.time-card{padding:12px 14px}.time-card__label{margin-top:10px}}.header-aside{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;margin-top:6px;margin-left:20px;display:flex}@media (width<=720px){.hud-header{flex-wrap:wrap}.header-aside{flex-basis:100%;order:3;margin-top:0;margin-left:0}}.crumbs{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.crumbs__item{align-items:center;gap:6px;display:inline-flex}.crumbs__sep{color:var(--muted)}.crumbs__link{color:var(--muted);font-weight:600;text-decoration:none}.crumbs__link:hover{color:var(--text)}.crumbs__current{color:var(--text);font-weight:700}.hint--inline{align-self:center;margin-top:0;padding:6px 12px;font-size:12px}.info-panel__cta{padding:4px 18px 10px}.cta{color:#0b0c10;background:linear-gradient(135deg,#4f8fd6,#7bd389);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 24px #4f8fd659}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px #4f8fd673}.cta:active{transform:scale(.98)}.live-dot{background:#7bd389;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #7bd38999}@keyframes pulse{0%{box-shadow:0 0 #7bd38999}70%{box-shadow:0 0 0 8px #7bd38900}to{box-shadow:0 0 #7bd38900}}.pin{color:var(--text);-webkit-user-select:none;user-select:none;transform-origin:7px;align-items:center;gap:6px;padding:0;transition:opacity .2s;display:inline-flex}.pin--photo,.pin--icon{transform-origin:20px}.pin--far .pin__label{display:none}.pin--far:hover .pin__label{display:inline}.pin__dot{background:var(--pin);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pin) 45%, transparent), 0 2px 8px #0009;border:2px solid #0b0c10;border-radius:50%;transition:transform .2s}.pin__label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#05060899;border:1px solid #ffffff1f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.pin:hover .pin__dot,.pin.is-active .pin__dot{transform:scale(1.35)}.pin.is-active .pin__label{background:var(--pin);color:#0b0c10;border-color:#0000}@media (width<=720px){.crumbs{font-size:12px}}.earth-time__clock{flex:1;min-width:0}.earth-time__time{align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.earth-time__city{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.earth-time__status{color:#ffd27a;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:inline-flex}.earth-time__status.is-live{color:var(--muted)}.earth-time__seasons{color:var(--muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;display:flex}.earth-time__seasons b{color:var(--text);font-weight:600}.earth-time__hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.4}.icon-btn--lg.is-on{background:var(--accent)}.btn-ghost{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.btn-ghost:hover{background:#ffffff29}.slider--center{background:linear-gradient(90deg,#ffffff2e 0 calc(50% - 1px),#ffffffb3 calc(50% - 1px) calc(50% + 1px),#ffffff2e calc(50% + 1px) 100%)}@media (width>=900px){.earth-time{grid-template-columns:1fr 1fr;align-items:end;column-gap:28px;display:grid}.earth-time .time-card__row{grid-area:1/1}.earth-time__day-label{grid-area:2/1}.earth-time__day-slider{grid-area:3/1}.earth-time__seasons{grid-area:1/2;align-self:center;margin-top:0;font-size:13px}.earth-time__season-label{grid-area:2/2}.earth-time__season-slider{grid-area:3/2}.earth-time__hint{grid-area:4/1/auto/-1}}@media (width<=720px){.hud[data-mode=earth] .info-panel{max-height:38vh;bottom:290px}.earth-time__seasons{font-size:11px}.earth-time__hint{display:none}}.pin--icon .pin__dot{border-color:var(--pin);width:30px;height:30px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pin) 35%, transparent), 0 2px 10px #0009;background:#0c0d12e6;place-items:center;font-size:17px;display:grid}.pin--icon:hover .pin__dot,.pin--icon.is-active .pin__dot{transform:scale(1.2)}.badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge__dot{background:var(--badge,#fff);border-radius:50%;width:7px;height:7px}.badge--uz{background:#1fa8e02e;border-color:#1fa8e066}.compare{border-radius:var(--radius-sm);background:var(--panel-strong);margin-bottom:14px;padding:14px}.compare__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.compare__stage{border-bottom:1px solid var(--border);justify-content:space-around;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.compare__col{flex-direction:column;justify-content:flex-end;align-items:center;width:40%;height:100%;display:flex}.compare__emoji{margin-bottom:4px;font-size:22px}.compare__bar{border-radius:8px 8px 0 0;width:100%;max-width:72px}.compare__label{color:var(--muted);text-align:center;min-height:28px;margin-top:6px;font-size:11px;line-height:1.3}.compare__result{text-align:center;color:var(--accent);margin-top:8px;font-size:14px;font-weight:700}.pin--photo .pin__dot{border:2px solid var(--pin);width:40px;height:40px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pin) 35%, transparent), 0 3px 12px #000000a6;background:#111;padding:0;overflow:hidden}.pin--photo .pin__dot img{object-fit:cover;width:100%;height:100%;display:block}.pin--photo:hover .pin__dot,.pin--photo.is-active .pin__dot{border-color:#fff;transform:scale(1.18)}.hero{z-index:0;aspect-ratio:16/10;background:#0b0c10;flex:none;max-height:55%;margin:0;position:sticky;top:0}.hero img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;display:block}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0c0d1200 60%,#0c0d1299);position:absolute;inset:0}.hero__credit{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;z-index:1;font-size:10px;position:absolute;bottom:24px;left:12px;right:12px;overflow:hidden}.info-panel{background:#0c0d12b8}.sci-name{color:var(--muted);margin-top:2px;font-size:13px;font-style:italic}.sound-btn{background:var(--accent);color:#0b0c10;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;transition:transform .15s;display:inline-flex}.sound-btn:active{transform:scale(.96)}.sound-btn.is-playing{background:#fff}.sound-btn .eq i{background:#0b0c10}@media (width<=720px){.hero{aspect-ratio:16/9;max-height:50%}}.dock{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);overflow:hidden}.dock__bar{align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}.dock__summary{text-align:left;min-height:36px;color:var(--text);flex:1;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.dock__summary b{white-space:nowrap;font-size:15px;font-weight:700}.dock__chevron{color:var(--muted);margin-left:auto;font-size:14px;transition:transform .25s}.dock__chevron.is-open{transform:rotate(180deg)}.dock__body{overflow:hidden}.dock .time-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding-top:4px}.earth-summary{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.earth-summary__muted{color:var(--muted);font-size:12px}.earth-summary__status{color:#ffd27a;align-items:center;gap:6px;font-size:12px;display:inline-flex}.earth-summary__status.is-live{color:var(--muted)}.icon-btn--sm{border-radius:10px;width:32px;height:32px;font-size:14px}.icon-btn--sm.is-on{background:var(--accent)}.icon-btn--round{background:var(--panel);border:1px solid var(--border);width:36px;height:36px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px}.hud[data-mode=earth] .info-panel{bottom:124px}.hud[data-mode=earth]:has(.dock.is-open) .info-panel{bottom:296px}@media (width<=720px){.hud[data-mode=earth] .info-panel{bottom:120px}.hud[data-mode=earth]:has(.dock.is-open) .info-panel{bottom:290px}.earth-summary__muted:last-child{display:none}}.catbar{align-items:center;gap:10px;display:flex}.catbar__layers{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;flex:none;gap:4px;padding:3px;display:flex}.catbar__layer{width:36px;height:36px;color:var(--muted);border-radius:999px;place-items:center;transition:background .2s,color .2s,box-shadow .2s;display:grid}.catbar__layer:hover:not(:disabled){color:var(--text);background:var(--panel-strong)}.catbar__layer.is-on{color:var(--layer);background:color-mix(in srgb, var(--layer) 18%, transparent)}.catbar__layer.is-focus{background:var(--layer);color:#0b0c10;box-shadow:0 0 0 2px color-mix(in srgb, var(--layer) 45%, transparent)}.catbar__layer:disabled{opacity:.35;cursor:not-allowed}.catbar__chips{scrollbar-width:none;align-items:center;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.catbar__chips::-webkit-scrollbar{display:none}.catbar__title{color:var(--layer);white-space:nowrap;align-items:center;gap:6px;padding:0 6px 0 4px;font-size:13px;font-weight:700;display:inline-flex}.catbar__title .cat__n{background:color-mix(in srgb, var(--layer) 22%, transparent);color:var(--text)}.cat{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.cat:hover{background:var(--panel-strong)}.cat.is-active{background:var(--layer);color:#0b0c10;border-color:#0000}.cat__n{background:#ffffff24;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.cat.is-active .cat__n{background:#0000002e}@media (width<=720px){.catbar__title{display:none}}.pin--cluster .pin__dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--pin) 55%, transparent), 0 0 0 6px color-mix(in srgb, var(--pin) 25%, transparent), 0 3px 12px #000000a6;border-color:#fff}.pin--cluster:after{content:attr(data-count);color:#0b0c10;background:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000080}.pin{position:relative}.pin--cluster .pin__label{display:none}.cluster-list{scrollbar-width:none;border:1px solid var(--border);min-width:220px;max-width:280px;max-height:320px;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#0c0d12f0;border-radius:16px;margin:24px 0 0 24px;padding:6px;animation:.18s both fadeIn;overflow-y:auto}.cluster-list::-webkit-scrollbar{display:none}.cluster-list__head{color:var(--muted);justify-content:space-between;align-items:center;padding:4px 8px 6px;font-size:11px;font-weight:700;display:flex}.cluster-list__close{width:24px;height:24px;color:var(--muted);border-radius:8px;font-size:16px;line-height:1}.cluster-list__close:hover{background:var(--panel-strong);color:var(--text)}.cluster-list__item{text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.cluster-list__item:hover{background:var(--panel-strong)}.cluster-list__thumb{border:2px solid var(--pin);background:#111;border-radius:50%;flex:none;width:32px;height:32px;overflow:hidden}.cluster-list__thumb img{object-fit:cover;width:100%;height:100%;display:block}.cluster-list__name{line-height:1.25}.fxbar{right:var(--gutter);top:calc(84px + env(safe-area-inset-top));background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:3;border-radius:999px;flex-direction:column;gap:4px;padding:3px;display:flex;position:absolute}.fxbar__btn{width:36px;height:36px;color:var(--muted);border-radius:999px;place-items:center;transition:background .2s,color .2s,box-shadow .2s;display:grid}.fxbar__btn:hover{color:var(--text);background:var(--panel-strong)}.fxbar__btn.is-on{color:var(--fx);background:color-mix(in srgb, var(--fx) 18%, transparent)}.fxbar__btn.is-open{background:var(--fx);color:#0b0c10;box-shadow:0 0 0 2px color-mix(in srgb, var(--fx) 45%, transparent)}.hud[data-mode=earth] .info-panel{right:calc(var(--gutter) + 50px)}@media (width<=720px){.fxbar{top:calc(150px + env(safe-area-inset-top))}.fxbar__btn{width:32px;height:32px}.hud[data-mode=earth] .info-panel{right:var(--gutter)}}.music{align-items:center;display:flex;position:relative}.music__btn.is-playing{color:var(--accent)}.music__bars{align-items:flex-end;gap:2px;height:14px;display:flex}.music__bars i{background:currentColor;border-radius:2px;width:3px;height:40%;animation:.9s ease-in-out infinite eq}.music__bars i:nth-child(2){height:100%;animation-delay:.25s}.music__bars i:nth-child(3){height:65%;animation-delay:.5s}.music__now{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);white-space:nowrap;pointer-events:none;border-radius:12px;flex-direction:column;align-items:flex-end;padding:6px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.music__title{font-size:12px;font-weight:700}.music__by{color:var(--muted);font-size:11px}@media (width<=720px){.music__now{display:none}}.time-summary__state{align-items:center;gap:4px;display:inline-flex}.body-label--sm{opacity:.9;padding:2px 7px;font-size:10px}.moon-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.moon-chips__title{color:var(--muted);align-items:center;gap:6px;margin-right:4px;font-size:12px;font-weight:700;display:inline-flex}.moon-phase__row{justify-content:space-between;gap:4px;margin:10px 0 6px;display:flex}.moon-phase__item{opacity:.55;border-radius:10px;padding:4px;transition:opacity .2s,background .2s}.moon-phase__item:hover{opacity:1}.moon-phase__item.is-active{opacity:1;background:#ffffff1f}.time-card__hint{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.4}.hud[data-mode=moon] .info-panel{bottom:124px}.hud[data-mode=moon]:has(.dock.is-open) .info-panel{bottom:330px}@media (width<=720px){.hud[data-mode=moon] .info-panel{max-height:44vh;bottom:120px}.hud[data-mode=moon]:has(.dock.is-open) .info-panel{max-height:34vh;bottom:320px}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04050ab8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.quiz,.progress{scrollbar-width:none;background:#0e0f14f7;align-self:center;width:min(520px,100%);max-height:calc(100vh - 32px);padding:18px 20px 20px;overflow-y:auto}.quiz::-webkit-scrollbar{display:none}.progress::-webkit-scrollbar{display:none}.quiz__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.quiz__title{font-family:var(--font-display);margin:2px 0 0;font-size:24px;font-style:italic}.quiz__dots{gap:6px;margin:4px 0 14px;display:flex}.quiz__dot{background:#ffffff24;border-radius:3px;width:22px;height:6px;transition:background .2s}.quiz__dot.is-done{background:var(--accent)}.quiz__dot.is-current{background:#ffffff8c}.quiz__qwrap{animation:.25s both fadeIn}.quiz__q{margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.35}.quiz__options{gap:8px;display:grid}.quiz__opt{text-align:left;border:1px solid var(--border);background:#ffffff0f;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.quiz__opt:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.quiz__opt.is-correct{background:#7bd38938;border-color:#7bd389}.quiz__opt.is-wrong{background:#ff8c6929;border-color:#ff8c6999}.quiz__opt.is-muted{opacity:.45}.quiz__slot{min-height:64px;margin-top:12px}.quiz__feedback{background:#ffffff0f;border-radius:12px;margin-top:0;padding:10px 12px;font-size:14px}.quiz__feedback.is-correct{color:#b7f0c1;background:#7bd38924}.quiz__explain{color:var(--muted);margin-top:4px;font-size:13px}.quiz__why{color:#ffd27a;letter-spacing:.04em;background:#ffd27a2e;border-radius:999px;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.quiz__actions{margin-top:16px}.quiz__actions--row{gap:10px;display:flex}.quiz__actions--row .cta{flex:1;width:auto}.cta:disabled{opacity:.4;box-shadow:none;cursor:not-allowed;transform:none}.cta--quiz{background:linear-gradient(135deg,#ffd27a,#ff8c69);margin-top:8px}.quiz__result{text-align:center;padding:8px 0 4px}.quiz__result h3{font-family:var(--font-display);margin:8px 0 4px;font-size:28px;font-style:italic}.quiz__result p{color:var(--muted);margin:0 0 10px}.quiz__stars{color:#fff3;justify-content:center;gap:6px;display:flex}.quiz__stars .is-on{color:#ffd27a}.quiz__stars .is-on svg{fill:#ffd27a}.quiz__badge{color:#ffd27a;background:#ffd27a2e;border-radius:999px;margin:4px 4px 0;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.quiz__badge--sticker{color:#b7f0c1;background:#7bd3892e}.progress-btn{position:relative}.progress-btn__n{color:#0b0c10;background:#ffd27a;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-4px;right:-6px}.progress__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 14px;display:grid}.progress__stat{background:#ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.progress__stat b{font-size:22px}.progress__stat span{color:var(--muted);font-size:12px}.progress__stat svg{color:#ffd27a}.progress__h{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:14px 0 8px;font-size:13px;display:flex}.progress__badges{gap:8px;display:grid}.badge{border:1px solid var(--border);opacity:.8;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.badge.is-done{opacity:1;background:#ffd27a14;border-color:#ffd27a80}.badge__icon{width:36px;height:36px;color:var(--muted);background:#ffffff14;border-radius:12px;flex:none;place-items:center;display:grid}.badge.is-done .badge__icon{color:#0b0c10;background:#ffd27a}.badge__body{flex:1;min-width:0}.badge__name{font-size:14px;font-weight:700}.badge__desc{color:var(--muted);font-size:12px}.badge__bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.badge__bar i{background:#ffd27a;height:100%;display:block}.badge__n{color:var(--muted);white-space:nowrap;font-size:12px}.progress__stickers{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.sticker{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.sticker img,.sticker__dot{object-fit:cover;border-radius:50%;width:56px;height:56px;box-shadow:0 0 0 3px #ffd27a80}.sticker__dot{display:block}.sticker__name{text-align:center;font-size:11px;line-height:1.2}.progress__empty{color:var(--muted);font-size:14px}.progress__foot{justify-content:flex-end;margin-top:16px;display:flex}.game{width:min(560px,100%)}.game__desc{color:var(--muted);margin:0 0 12px;font-size:14px}.game__body{animation:.25s both fadeIn}.game__review{background:#ffffff0d;border-radius:14px;margin:10px 0 4px;padding:10px}.games-hub__list{gap:8px;display:grid}.game-card{border:1px solid var(--border);text-align:left;background:#ffffff0d;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,transform .1s;display:flex}.game-card:hover{background:#ffffff1a;transform:translateY(-1px)}.game-card.is-perfect{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.game-card__icon{background:color-mix(in srgb, var(--accent) 22%, transparent);width:44px;height:44px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.game-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card__name{font-size:15px;font-weight:700}.game-card__desc{color:var(--muted);font-size:12px}.game-card__best{color:#ffd27a;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.game-card__best svg{fill:#ffd27a}.progress__games{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.game-tile{border:1px solid var(--border);text-align:left;background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.game-tile:hover{background:#ffffff1a}.game-tile__icon{color:var(--accent)}.game-tile__name{font-size:13px;font-weight:700}.game-tile__best{color:var(--muted);font-size:11px}.sort__hint{color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.sort{gap:6px;margin:0;padding:0;list-style:none;display:flex}.sort--y{flex-direction:column}.sort--x{flex-flow:row;justify-content:center}.sort__item{border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;background:#ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s,border-color .15s;display:flex;position:relative}.sort__item:active{cursor:grabbing}.sort__item.is-picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.sort__item.is-correct{background:#7bd38933;border-color:#7bd389}.sort__item.is-wrong{background:#ff8c6929;border-color:#ff8c6999}.sort--x .sort__item{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;padding:8px 4px}.sort__n{width:20px;color:var(--muted);text-align:center;flex:none;font-size:12px;font-weight:800}.sort--x .sort__n{width:auto}.sort__dot{border-radius:50%;flex:none}.sort__name{flex:1;font-size:15px;font-weight:700}.sort__grip{color:var(--muted);opacity:.6;flex:none}.sort__label{text-align:center;color:var(--muted);font-size:10px;line-height:1.15}.sort__item img{pointer-events:none}.order-planets__sun{align-items:center;gap:12px;padding:6px 12px 10px;font-size:14px;display:flex}.planet-row__sun{background:radial-gradient(circle,#fff3b0,#ffb347 60%,#ff8c42);border-radius:50%;flex:none;width:26px;height:26px;box-shadow:0 0 18px #ffb347aa}.planet-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.planet-row__p{flex-direction:column;align-items:center;gap:4px;width:56px;display:flex}.planet-row__p i{border-radius:50%;display:block}.planet-row__p small,.phase-row__p small{text-align:center;color:var(--muted);font-size:10px;line-height:1.15}.phase-row{justify-content:center;gap:4px;display:flex}.phase-row__p{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.animal-home__card{aspect-ratio:16/9;background:#ffffff0d;border-radius:16px;margin-bottom:12px;position:relative;overflow:hidden}.animal-home__card img{object-fit:cover;width:100%;height:100%;display:block}.animal-home__name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d12b3;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;bottom:10px;left:12px}.animal-home__options{grid-template-columns:repeat(2,1fr)}.animal-home__options .quiz__opt{text-align:center}.find__prompt{color:var(--accent);align-items:center;gap:10px;margin-bottom:8px;display:flex}.find__kind{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:11px}.find__name{color:var(--text);font-size:20px;font-weight:800}.find__globe{touch-action:none;background:radial-gradient(circle,#0f1524,#05060a 70%);border-radius:16px;height:min(46vh,340px);position:relative;overflow:hidden}.find__globe canvas{cursor:crosshair}.find__slot{min-height:56px}@media (width<=520px){.animal-home__card{aspect-ratio:4/3}.sort--x .sort__item{padding:6px 2px}.sort--x .sort__item svg{width:34px;height:34px}.sort--x .sort__label{display:none}.planet-row__p{width:44px}}.avatar{color:#0b0c10;border-radius:50%;flex:none;place-items:center;display:inline-grid}.progress-btn{background:0 0;border:none;padding:0}.profile-chip{border:1px solid var(--border);text-align:left;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;width:100%;margin:4px 0 12px;padding:8px 10px;display:flex}.profile-chip:hover{background:#ffffff1a}.profile-chip__body{flex-direction:column;flex:1;min-width:0;display:flex}.profile-chip__name{font-size:15px;font-weight:700}.profile-chip__hint{color:var(--muted);font-size:12px}.profile-chip>svg{color:var(--muted)}.profiles__list{gap:8px;display:grid}.profile-row{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;align-items:center;gap:6px;padding:6px 8px 6px 6px;display:flex}.profile-row.is-active{background:#ffd27a12;border-color:#ffd27a80}.profile-row__main{text-align:left;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:4px;display:flex}.profile-row__main:hover{background:#ffffff0f}.profile-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-row__name{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.profile-row__tag{letter-spacing:.12em;text-transform:uppercase;color:#ffd27a;background:#ffd27a29;border-radius:999px;padding:2px 7px;font-size:10px}.profile-row__stats{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.profile-row__stats svg{fill:#ffd27a;color:#ffd27a}.profiles__note{color:var(--muted);margin:12px 0 0;font-size:12px}.pform__top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.pform__name{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:#ffffff14;border-radius:14px;flex:1;padding:12px 14px;font-size:16px;font-weight:700}.pform__name:focus{border-color:#fff6;outline:none}.pform__icons{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px;display:grid}.pform__icon{aspect-ratio:1;border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:12px;place-items:center;display:grid}.pform__icon.is-on{color:#0b0c10;background:#fff;border-color:#fff}.pform__colors{gap:10px;margin-bottom:6px;display:flex}.pform__color{border:3px solid #0000;border-radius:50%;width:32px;height:32px}.pform__color.is-on{border-color:#fff;box-shadow:inset 0 0 0 2px #0b0c10}@media (width<=520px){.pform__icons{grid-template-columns:repeat(4,1fr)}}