:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #f1f5f9;--color-text-muted:#94a3b8;--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--nav-height: 56px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app-layout{display:flex;flex-direction:column;min-height:100%}.page-content{flex:1;padding:1rem .75rem;padding-bottom:calc(var(--nav-height) + 1rem);width:100%;max-width:100%;margin:0 auto}.nav-bar{display:flex;align-items:center;justify-content:space-around;height:var(--nav-height);padding:0;background:var(--color-surface);border-top:1px solid var(--color-border);position:fixed;bottom:0;left:0;right:0;z-index:100}.nav-logo{display:none}.nav-link{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;border-radius:.5rem;font-size:.65rem;font-weight:500;color:var(--color-text-muted);transition:color .15s,background .15s;min-width:3rem}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-link.active{color:var(--color-primary);background:#38bdf81a}.nav-link-icon{font-size:1.25rem;line-height:1}@media(min-width:600px){.page-content{padding:1.5rem;max-width:1200px}.nav-bar{position:sticky;top:0;bottom:auto;justify-content:flex-start;gap:.25rem;padding:0 1rem;border-top:none;border-bottom:1px solid var(--color-border)}.nav-logo{display:inline;font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-right:auto;letter-spacing:-.02em}.nav-link{flex-direction:row;gap:.35rem;padding:.5rem .75rem;font-size:.875rem;min-width:auto}.nav-link-icon{font-size:1rem}}.page-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding-top:4rem;text-align:center}.page-stub-icon{font-size:3rem}.page-stub h1{font-size:1.5rem;font-weight:700}.page-stub p{color:var(--color-text-muted);max-width:28rem;padding:0 1rem}@media(min-width:600px){.page-stub{padding-top:6rem}.page-stub h1{font-size:1.75rem}}@media screen and (orientation:landscape)and (max-height:500px){body:before{content:"Please rotate your device to portrait mode.";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);color:var(--color-text);display:flex;align-items:center;justify-content:center;z-index:9999;font-size:1.25rem;padding:2rem;text-align:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.25rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.location-prompt{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:1rem}.location-prompt-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;max-width:400px;width:100%;text-align:center}.location-prompt-icon{width:4rem;height:4rem;opacity:.85}.location-prompt-card h2{font-size:1.35rem;font-weight:700}.location-prompt-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.location-prompt-error{color:#f87171;font-size:.8rem}.location-prompt-divider{display:flex;align-items:center;gap:.75rem;width:100%;color:var(--color-text-muted);font-size:.8rem}.location-prompt-divider:before,.location-prompt-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.location-search{display:flex;gap:.5rem;width:100%}.location-search-input{flex:1;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text);font-size:.875rem;outline:none}.location-search-input:focus{border-color:var(--color-primary)}.location-search-input::placeholder{color:var(--color-text-muted)}.location-results{list-style:none;width:100%;display:flex;flex-direction:column;gap:.25rem}.location-result-item{width:100%;padding:.6rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s}.location-result-item:hover{background:var(--color-border)}