@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--sans:"Outfit", system-ui, -apple-system, sans-serif;--heading:"Outfit", system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-3xs:10px;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:32px;--fs-5xl:54px;--fs-6xl:64px;--fs-7xl:96px;--sp-2:2px;--sp-4:4px;--sp-5:5px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-15:15px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-25:25px;--sp-30:30px;--sp-40:40px;--sp-45:45px;--accent-color:#3b82f6;--text-primary:#0f172a;--text-secondary:#0f172a99;--text-faint:#0f172a59;--accent:#0284c7;--warn-text:#b45309;--border:#0f172a1f;--border-strong:#0f172a33;--chip-border:#0f172a33;--surface-input:#0000000a;--surface-raised:#0000000f;--surface-toggle:#0000000f;--surface-undo:#0000000f;--surface-gps:#0000000a;--border-gps:#0f172a33;--control-active:#0f172a;--hero-text-shadow:0 1px 1px #ffffff80;--menu-option-text:#0f172a;--on-accent:#fff;--star-active:#fbbf24;--error-text:#ef4444;--bg-deep:#0b0c10;--text-inverse:#fff;--text-inverse-dim:#fff9;--text-ghost:#fff3;--surface-white:#fff;--on-surface-white:#1e293b;--surface-faint:#ffffff0a;--border-faint:#ffffff26;--border-faint-2:#ffffff14;--scrim:#0f172a99;--scrim-strong:#0f172acc;--error-banner-bg:#7f1d1deb;--error-banner-border:#f8717180;--error-banner-fg:#fee2e2;--error-soft-fg:#f87171;--error-soft-bg:#ef44441a;--error-soft-bg-faint:#ef44440d;--error-soft-border:#ef444433;--badge-warn-bg:#f59e0b26;--glass-bg:#0f172a8c;--glass-border:#ffffff14;--glass-shadow:#0000004d 0 8px 32px;--sky-start:#3a7bd5;--sky-end:#3a6073;--sky-overlay:#ffffff0d;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;-webkit-font-smoothing:antialiased;background-color:#12131a}.tod-day{--text-primary:#0f172a;--text-secondary:#0f172a99;--text-faint:#0f172a59;--accent:#0284c7;--warn-text:#b45309;--border:#0f172a1f;--border-strong:#0f172a33;--chip-border:#0f172a33;--surface-input:#0000000a;--surface-raised:#0000000f;--surface-toggle:#0000000f;--surface-undo:#0000000f;--surface-gps:#0000000a;--border-gps:#0f172a33;--control-active:#0f172a;--hero-text-shadow:0 1px 1px #ffffff80;--menu-option-text:#0f172a;--observed-high:#c2410c;--observed-low:#0369a1}.tod-twilight,.tod-night{--text-primary:#fff;--text-secondary:#fff9;--text-faint:#ffffff59;--accent:var(--accent-color);--warn-text:#fbbf24;--border:#ffffff1f;--border-strong:#fff3;--chip-border:#ffffff26;--surface-input:#ffffff14;--surface-raised:#ffffff1f;--surface-toggle:#0000004d;--surface-undo:#00000059;--surface-gps:#1e293b;--border-gps:#ffffff1a;--control-active:var(--accent-color);--hero-text-shadow:0 1px 2px #0009;--menu-option-text:#000;--observed-high:#eaa07f;--observed-low:#9cc4d6}body{color:#e2e8f0;background-color:#0b0c10;margin:0;padding:0;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}input,select,button{font-family:var(--sans);color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:16px;transition:all .2s}input:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f64d}button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;font-weight:500}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid var(--accent,var(--accent-color))!important}.dashboard-container button,.dashboard-container select,.dashboard-container input:not([type=range]),.favorite-chip{min-width:44px;min-height:44px}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:20px}.grid-layout{grid-template-columns:1fr;gap:20px;max-width:800px;margin:0 auto;display:grid}.app-container{z-index:2;background:linear-gradient(180deg, var(--sky-start,#020617) 0%, var(--sky-end,#090a0f) 100%);background-attachment:fixed;flex-direction:column;min-height:100vh;padding-bottom:40px;display:flex;position:relative}.app-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.app-title h1{background:linear-gradient(90deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:28px}.app-version{color:#fff6;font-size:12px}.canvas-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sky-canvas{width:100%;height:100%;display:block}.canvas-overlay{pointer-events:none;z-index:10;opacity:.7;position:absolute;bottom:20px;left:20px}.canvas-overlay-azimuth{color:#fff;z-index:10;background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex;position:absolute;bottom:20px;right:20px}.timeline-container{margin-bottom:30px}.timeline-slider-wrapper{align-items:center;gap:15px;margin-top:10px;display:flex}.timeline-slider-wrapper>span{color:var(--timeline-label-color,#ffffff80);font-size:12px}.timeline-slider{-webkit-appearance:none;background:var(--timeline-track-color,#fff3);cursor:pointer;border-radius:4px;outline:none;flex-grow:1;width:100%;height:8px;transition:background .3s}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-color);width:20px;height:20px;box-shadow:0 0 10px var(--accent-color);border:2px solid #fff;border-radius:50%;transition:transform .1s}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.timeline-labels{color:var(--timeline-label-color,#ffffff80);justify-content:space-between;margin-top:6px;padding:0 5px;font-size:12px;display:flex}.weather-main-info{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.current-temp-large{align-items:flex-start;margin:10px 0;font-size:64px;font-weight:700;line-height:1;display:flex}.temp-unit-toggle{color:#fff6;cursor:pointer;margin-left:5px;font-size:24px}.temp-unit-toggle.active{color:#fff;font-weight:600}.weather-grid-details{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.detail-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:12px}.detail-label{color:#fff6;margin-bottom:4px;font-size:12px}.detail-value{font-size:18px;font-weight:500}.favorites-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.favorite-chip{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.favorite-chip:hover{background:#ffffff1f;border-color:#fff3}.favorite-chip.active{background:var(--accent-color);border-color:#0000}.journal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.journal-list{flex-direction:column;gap:12px;max-height:380px;padding-right:5px;display:flex;overflow-y:auto}.journal-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:12px;transition:border-color .2s;position:relative}.journal-card:hover{border-color:#ffffff1a}.journal-meta{color:#fff6;margin-bottom:6px;font-size:11px}.journal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.journal-btn-sub{color:#fff9;background:0 0;border:1px solid #ffffff1a;padding:4px 8px;font-size:12px}.journal-btn-sub:hover{color:#fff;background:#ffffff0d}.journal-form{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:15px;padding:12px;display:flex}.journal-form textarea{color:#fff;resize:vertical;min-height:60px;font-family:var(--sans);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px}.journal-form textarea:focus{border-color:var(--accent-color)}.journal-form-actions{justify-content:flex-end;gap:8px;display:flex}.particle-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sky-day-clear,.sky-day-partly-cloudy,.sky-day-cloudy,.sky-day-rainy,.sky-day-snowy,.sky-day-storm{--timeline-label-color:#0f172a99;--timeline-track-color:#0f172a26}.sky-night-clear,.sky-night-dark,.sky-sunrise,.sky-sunset{--timeline-label-color:#ffffff80;--timeline-track-color:#fff3}.login-container{z-index:9999;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#311042 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:fixed;inset:0}.login-card{text-align:center;width:100%;max-width:420px;padding:40px 30px;box-shadow:0 20px 40px #0006}.login-logo{margin-bottom:15px;font-size:54px}.login-header h2{color:#fff;margin:0 0 10px;font-size:24px;font-weight:700}.login-header p{color:#ffffff80;margin:0 0 30px;font-size:14px;line-height:1.5}.google-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f8fafc!important}.google-btn:active{transform:translateY(0)}.google-btn:disabled{opacity:.7;cursor:not-allowed}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.app-header,main,footer{z-index:10;position:relative}.temp-unit-toggle{cursor:pointer;font-weight:500;transition:all .2s;color:#fff6!important;box-shadow:none!important;background:0 0!important;border:1px solid #ffffff1a!important;transform:none!important}.temp-unit-toggle.active{background:var(--accent-color)!important;color:#fff!important;border-color:#0000!important}.dashboard-container{flex-direction:column;width:100vw;height:calc(100vh - 60px);margin-left:calc(50% - 50vw);display:flex;overflow:hidden}.dashboard-hero{text-align:center;z-index:100;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;min-height:285px;padding:45px 20px;display:flex;position:relative;overflow:hidden}.dashboard-scrollable-content{scrollbar-width:thin;scrollbar-color:#fff3 transparent;box-sizing:border-box;flex-grow:1;width:100%;max-width:800px;margin:0 auto;padding-bottom:45px;padding-right:4px;overflow-y:auto}.dashboard-scrollable-content::-webkit-scrollbar{width:6px}.dashboard-scrollable-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dashboard-scrollable-content::-webkit-scrollbar-track{background:0 0}