.sunset-page{--accent:#ffc77c}.sunset-page .home-main{padding-top:32px}.sunset-page .home-intro{margin-bottom:24px}.sunset-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line)}.sunset-tools p{margin:0;font-size:1rem}.sunset-selects{display:flex;gap:20px;flex-wrap:wrap}.sunset-selects label{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--muted)}.sunset-selects select{font:inherit;color:var(--text);background:var(--surface);border:1px solid #596459;border-radius:7px;padding:10px 12px;min-height:44px}.sunset-selects select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sunset-guidance{font-size:.875rem;color:var(--muted);max-width:110ch;line-height:1.6;margin:0 0 24px}.quality-note{margin-top:26px}.sunset-page .city-country{font-size:.875rem;letter-spacing:.6px}.sunset-page .city-cover-caption{font-size:.875rem}.sunset-page .city-copy{padding-top:16px}.sunset-quality{position:absolute;right:12px;top:14px;z-index:1;font-size:.875rem;line-height:1.5;font-weight:650;background:#10231ce8;border:1px solid #ffffff52;border-radius:5px;padding:4px 8px;color:#fff}.sunset-timing{margin:0 0 14px;padding:12px 14px;border:1px solid #535044;border-radius:8px;background:#26251d;display:grid;gap:4px}.sunset-state{font-size:.875rem;font-weight:650;color:var(--accent)}.sunset-local{font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.sunset-your-time{font-size:.875rem;color:var(--muted)}.sunset-card[data-window=now]{border-color:#ffc77c}.sunset-card[data-window=now] .sunset-timing{background:#393022;border-color:#99784e}.sunset-card .city-fact{margin-bottom:16px}.sunset-card[hidden]{display:none}.sunset-camera{font-size:.875rem;color:var(--muted);margin:0 0 14px}.sunset-page .home-footer p{font-size:.875rem}.sunset-page .city-cover .camera-preview-badge{font-size:.75rem}.sunset-page .home-description{max-width:none}@media(max-width:600px){.sunset-tools{align-items:flex-start}.sunset-selects{width:100%;gap:12px}.sunset-selects label{flex:1;min-width:140px}.sunset-selects select{max-width:100%}.sunset-page .home-main{padding-top:24px}}