:root{--color-primary:#f97316;--color-primary-dark:#c2410c;--color-secondary:#818cf8;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#818cf8;--color-background:#0f172a;--color-surface:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-border:#334155;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-clock:"SF Mono", "Roboto Mono", ui-monospace, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-clock:2.5rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{font-family:var(--font-ui);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.app-shell{max-width:28rem;min-height:100svh;padding:var(--spacing-4);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.app-shell>header{gap:var(--spacing-3);flex-direction:column;display:flex}.app-shell>header h1{font-size:var(--font-size-xl);margin:0}.app-tabs{gap:var(--spacing-2);display:flex}.app-tabs__tab{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:0 0;flex:1}.app-tabs__tab[aria-selected=true]{background:var(--color-primary-dark);color:var(--color-text-primary);border-color:var(--color-primary-dark)}.app-shell>main{align-items:stretch;gap:var(--spacing-6);flex-direction:column;flex:1;display:flex}.app-shell>footer{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.clock-display{align-items:center;gap:var(--spacing-1);padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.clock-display__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.clock-display__time{font-family:var(--font-clock);font-size:var(--font-size-clock);font-variant-numeric:tabular-nums}.sunrise-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.location-map{gap:var(--spacing-2);flex-direction:column;display:flex}.location-map__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.location-map__canvas{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:16rem;overflow:hidden}.location-search{gap:var(--spacing-2);flex-direction:column;display:flex}.location-search__field{gap:var(--spacing-1);flex-direction:column;display:flex}.location-search__field label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.location-search__field input{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.location-search__status{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.location-search__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.location-search__results{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.location-search__result button{width:100%;min-height:2.75rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);text-align:left;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.location-form{gap:var(--spacing-4);flex-direction:column;display:flex}.location-form__field{gap:var(--spacing-1);flex-direction:column;display:flex}.location-form__field label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.location-form__field input{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.location-form__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}button{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);background:var(--color-primary-dark);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;border:none}button:hover{background:#9a3412}.location-source-badge{justify-content:space-between;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.location-source-badge button{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary);border:1px solid var(--color-border);background:0 0}.geolocation-error{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-error);border-radius:var(--radius-lg);flex-direction:column;display:flex}.geolocation-error p{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.location-request{align-items:center;gap:var(--spacing-2);text-align:center;flex-direction:column;display:flex}.location-request__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.location-request button{width:100%}.no-sunrise-message{align-items:center;gap:var(--spacing-4);text-align:center;padding:var(--spacing-4);flex-direction:column;display:flex}.loading-indicator{text-align:center;color:var(--color-text-secondary)}.location-compare{gap:var(--spacing-6);flex-direction:column;display:flex}.location-compare__intro{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.location-compare__slot{gap:var(--spacing-3);flex-direction:column;display:flex}.location-compare__slot h2{font-size:var(--font-size-base);margin:0}.location-compare__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.location-compare__result{font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-lg);margin:0}