@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary-color: #38BDF8;--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--bg-color: #000000;--font-ui: "Inter", sans-serif;--transition: all .2s ease-out}[data-theme=light]{--text-primary: #000000;--text-secondary: #4B5563;--bg-color: #F3F4F6;--primary-color: #0284C7}[data-theme=dark]{--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--bg-color: #000000;--primary-color: #38BDF8}body.bg-clear{--bg-color: #0EA5E9;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.8);--primary-color: #BAE6FD}body.bg-clouds{--bg-color: #4B5563;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.8);--primary-color: #9CA3AF}body.bg-rain{--bg-color: #2563EB;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.8);--primary-color: #BFDBFE}body.bg-snow{--bg-color: #E0F2FE;--text-primary: #0F172A;--text-secondary: #475569;--primary-color: #0284C7}body.bg-thunder{--bg-color: #312E81;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.8);--primary-color: #A5B4FC}body.bg-night{--bg-color: #020617;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.7);--primary-color: #38BDF8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);color:var(--text-primary);background-color:var(--bg-color);min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}.background-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#weather-effects{display:none}.main-content{position:relative;z-index:10;flex:1;display:flex;align-items:stretch;justify-content:stretch;padding:0;width:100%;min-height:100vh}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.page.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.authentic-container{flex:1;display:flex;flex-direction:column;padding:5rem 2rem 6rem;max-width:800px;margin:0 auto;width:100%}.auth-header{font-size:1.25rem;font-weight:500;margin-bottom:2rem;color:var(--text-primary)}.auth-weather{flex:1;display:flex;flex-direction:column;justify-content:center}.auth-icon-wrap{margin-bottom:1rem;width:140px;height:140px;display:flex;align-items:center;justify-content:flex-start}.auth-icon-wrap svg,.auth-icon-wrap img{width:100%;height:100%;stroke:var(--text-primary)!important}.auth-desc{font-size:clamp(3rem,10vw,6.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:2rem;text-transform:lowercase}.auth-desc strong{color:var(--primary-color)}.auth-temp{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem}.auth-temp-val{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:-.04em}.auth-temp-desc{font-size:clamp(1.2rem,4vw,2.2rem);font-weight:700}.auth-temp-desc strong{color:var(--primary-color)}.auth-footer{font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1.4;border-top:2px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.auth-footer strong{color:var(--primary-color)}[data-theme=light] .auth-footer,body.bg-snow .auth-footer{border-color:#0000001a}[data-theme='"minimal"'] .auth-footer{border-color:#000;border-width:4px;border-style:solid}body.bg-clear .auth-footer,body.bg-rain .auth-footer,body.bg-thunder .auth-footer{border-color:#fff3}.header{position:relative;z-index:10;position:fixed;top:0;left:0;width:100%;z-index:50;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.header-actions{pointer-events:auto}.header-logo{height:24px;width:34px;background-color:var(--text-primary);-webkit-mask-image:url(/lookoutside-logo.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/lookoutside-logo.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.brand{display:flex;align-items:center;gap:.5rem;pointer-events:auto}.brand-name{font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);display:none}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.icon-btn:hover{transform:scale(1.1)}.dock-nav{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;gap:.5rem;z-index:300}.dock-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem;border-radius:50%;cursor:pointer;transition:all .2s}.dock-btn.active{color:var(--text-primary);background:#ffffff1a}[data-theme=light] .dock-btn.active,body.bg-snow .dock-btn.active{background:#0000001a}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:var(--text-primary)}.loading-content{text-align:center;max-width:400px;padding:2rem}.loading-logo{width:60px;height:60px;margin:0 auto 2rem;background-color:var(--text-primary);-webkit-mask-image:url(/lookoutside-logo.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/lookoutside-logo.svg)}.loading-title{font-weight:800;font-size:2rem;margin-bottom:2rem;letter-spacing:-.02em}.loading-title .highlight{color:var(--primary-color)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}[data-theme=light] .loading-spinner,body.bg-snow .loading-spinner{border-color:#0000001a;border-top-color:var(--primary-color)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-weight:500;font-size:1.1rem;color:var(--text-secondary);margin-top:2rem}.modal-content{width:90%;max-width:450px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-weight:800;font-size:1.5rem}[data-theme=light] .dock-nav,body.bg-snow .dock-nav{background:#0000000d!important;border-color:#0000001a!important}.settings-content{width:100%;max-width:500px;padding:2rem;height:auto;max-height:80vh;overflow-y:auto;background:transparent}.settings-header{margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:1rem;text-align:center;display:flex;justify-content:space-between}[data-theme=light] .settings-header,body.bg-snow .settings-header{border-color:#0000001a}.settings-header h2{font-weight:800;font-size:1.5rem;text-transform:lowercase}.settings-section h3{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:1rem}.theme-options,.background-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.theme-option,.background-option{display:flex;align-items:center;justify-content:center;padding:.75rem;font-size:.9rem;border-radius:12px;border:2px solid transparent}.theme-option:has(input:checked),.background-option:has(input:checked){background:var(--text-primary);color:var(--bg-color)}.theme-option input,.background-option input{display:none}.settings-section{margin-bottom:2rem}select,.input-group input{width:100%;font-size:.9rem;padding:.75rem 1rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);outline:none}.theme-option,.background-option{background:#ffffff0d;font-weight:600}[data-theme=light] .theme-option,body.bg-snow .theme-option,[data-theme=light] .background-option,body.bg-snow .background-option{background:#0000000d}[data-theme=light] select,body.bg-snow select,[data-theme=light] .input-group input,body.bg-snow .input-group input{background:#0000000d;border-color:#0000001a;color:var(--text-primary)}.modal-actions{display:flex;flex-direction:column;gap:.5rem}.modal-actions .btn-primary{order:1;margin-top:0}.modal-actions .btn-secondary{order:2;margin-top:0}.close-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:700;cursor:pointer;width:100%;font-size:1rem;transition:opacity .2s;margin-top:1rem}.btn-primary:hover{opacity:.9}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:none;padding:1rem;border-radius:8px;font-weight:700;cursor:pointer;width:100%;font-size:1rem;margin-top:.5rem}[data-theme=light] .btn-secondary,body.bg-snow .btn-secondary{background:#0000001a}[data-theme=minimal] .btn-secondary{background:transparent;border:2px solid #000000;color:#000}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h2{font-weight:800;font-size:2rem}.action-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.cities-grid{display:flex;flex-direction:column;gap:1rem}.city-card{background:#ffffff0d;border-radius:8px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}[data-theme=light] .city-card,body.bg-snow .city-card{background:#0000000d}[data-theme=minimal] .city-card{background:transparent;border:2px solid #000000;color:#000}.city-info h3{font-weight:700;font-size:1.2rem}.city-temp-text{font-weight:800;font-size:1.5rem}.city-time{font-size:.9rem;color:var(--text-secondary)}.city-card-right{display:flex;align-items:center;gap:1rem}.icon-btn-danger,.city-delete-btn{background:transparent;color:#ef4444;border:none;cursor:pointer;padding:.5rem}.empty-locations{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-weight:600}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s}.modal.open{opacity:1;pointer-events:auto}body[data-theme=minimal]{--bg-color: #FFFFFF !important;--text-primary: #000000 !important;--text-secondary: #000000 !important;--primary-color: #000000 !important;background-color:#fff!important;color:#000!important}body[data-theme=minimal] .background-layer{display:none!important}.dock-nav-bar{position:fixed;bottom:0;left:0;width:100%;background:#0f172a;display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:100;border-top:1px solid rgba(255,255,255,.05)}[data-theme=light] .dock-nav-bar,body.bg-snow .dock-nav-bar{background:#fff;border-top:1px solid rgba(0,0,0,.1)}[data-theme=minimal] .dock-nav-bar{background:#fff;border-top:4px solid #000000}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .2s ease;width:60px}.dock-item span{font-size:.65rem;font-weight:600}.dock-item.active{color:var(--primary-color)}.dock-item:active{transform:scale(.95)}[data-theme=light] .dock-item{color:#64748b}[data-theme=light] .dock-item.active{color:#0ea5e9}[data-theme=minimal] .dock-item{color:#000}[data-theme=minimal] .dock-item.active{color:#000;font-weight:900}[data-theme=minimal] .dock-item.active span{font-weight:900}.theme-option,.background-option{cursor:pointer;transition:all .2s ease}.theme-option:hover,.background-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#ffffff1a}[data-theme=light] .theme-option:hover,body.bg-snow .theme-option:hover,[data-theme=light] .background-option:hover,body.bg-snow .background-option:hover{background:#0000001a}.theme-option:active,.background-option:active{transform:translateY(0)}.inline-emoji{height:1.25em;width:auto;vertical-align:-.25em;display:inline-block}.auth-footer>p{flex:1;margin:0}[data-theme=minimal] .modal-content{background:#fff;border:4px solid #000000;box-shadow:8px 8px #000;color:#000}