:root{font-family:Electrolize,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e6ed;background-color:#0a0e27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#00d9ff;text-decoration:inherit}a:hover{color:#0fc}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1f2642;color:#e0e6ed;cursor:pointer;transition:all .25s ease}button:hover{border-color:#00d9ff;background-color:#2a3254}button:focus,button:focus-visible{outline:2px solid #00d9ff;outline-offset:2px}input,select{font-family:inherit;font-size:1em}@media (max-width: 768px){button,input,select{min-height:44px;font-size:16px}}:root{--bg-dark: #0a0e27;--bg-medium: #151a35;--bg-light: #1f2642;--accent: #00d9ff;--accent-blue: #00d9ff;--accent-cyan: #00ffcc;--accent-gold: #ffa500;--text-primary: #e0e6ed;--text-secondary: #a8b5c7;--text-muted: #6b7a94;--success: #00ff88;--warning: #ffaa00;--danger: #ff3366;--border: #2a3254;--border-highlight: #3a4568;--font-heading: "Orbitron", "Michroma", sans-serif;--font-body: "Electrolize", "Segoe UI", sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-primary)}@keyframes starfield-pan{0%{background-position:45% 45%}50%{background-position:55% 55%}to{background-position:45% 45%}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-dark);background-size:120%;background-position:center;background-repeat:no-repeat;animation:starfield-pan 300s linear infinite}.app-bg-route{background-image:url(/assets/starfield%20route-DxVoQlo9.jpg)}.app-bg-whereami{background-image:url(/assets/starfield%20where-Va-VLrhp.jpg)}.app-bg-refinery{background-image:url(/assets/starfield%20refine-8yEb9EjS.jpg)}.app-header{background:linear-gradient(135deg,var(--bg-medium) 0%,var(--bg-dark) 100%);padding:1rem;border-bottom:2px solid var(--accent-blue);position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.app-header>a:first-child{justify-self:center;margin-left:35%}.header-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-self:center;margin-right:35%}.header-logo{width:156px;height:156px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,217,255,.6)) drop-shadow(0 0 30px rgba(0,217,255,.4));transition:all .3s ease;cursor:pointer}.app-header a:hover .header-logo{filter:drop-shadow(0 0 25px rgba(0,217,255,.8));transform:scale(1.05)}.header-title{display:flex;flex-direction:column;align-items:center;gap:.25rem}.header-title h1{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;text-align:center;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 30px rgba(0,217,255,.3);font-style:italic;transform:skew(-8deg)}.header-title .subtitle{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-body)}.version{font-size:.7rem;color:var(--text-muted);font-family:var(--font-body);background:var(--bg-dark);padding:.2rem .5rem;border-radius:4px}.feedback-link{font-size:.75rem;color:var(--accent-cyan);text-decoration:none;opacity:.8;margin-top:.5rem;transition:opacity .2s ease}.feedback-link:hover{opacity:1;text-decoration:underline}.app-content{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.panel{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.panel h2{font-size:1.1rem;color:var(--accent-blue);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-group input,.form-group select{background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border);padding:.75rem;border-radius:4px;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 8px #00d9ff33}.display-large{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--accent-cyan);text-align:center;padding:1rem}.display-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:.25rem}.app-footer{background:var(--bg-medium);padding:1rem;text-align:center;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.app-footer a{color:var(--accent-blue)}.kofi-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0d1229,#1a1f3c);color:var(--accent-cyan)!important;font-size:.8rem;text-decoration:none;border:1px solid var(--success);border-radius:6px;transition:all .2s ease;white-space:nowrap}.kofi-link:hover{border-color:var(--accent-cyan);box-shadow:0 0 10px #00ff884d}.kofi-link img{width:20px;height:20px}.kofi-link-mobile,.footer-mobile-info{display:none}@media (max-width: 570px){.app-bg-route,.app-bg-whereami,.app-bg-refinery{background-image:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem}.app-header>a:first-child{order:1;margin-left:0;flex-shrink:0}.header-title{order:2;flex:1;text-align:center}.header-title h1{font-size:1.1rem;word-spacing:100vw;line-height:1.2}.header-title .subtitle,.header-title .version,.header-title .feedback-link{display:none}.header-actions{order:3;margin-right:0;gap:.5rem;flex-shrink:0}.header-logo{width:60px;height:60px;filter:none}.header-actions .kofi-link{display:none}.kofi-link-mobile{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0d1229,#1a1f3c);color:var(--accent-cyan)!important;font-size:.85rem;text-decoration:none;border:1px solid var(--success);border-radius:6px}.footer-mobile-info{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;font-size:.75rem}.footer-mobile-info .version{color:var(--text-muted)}.footer-mobile-info .feedback-link{color:var(--accent-blue)}.tab-btn{min-width:auto;padding:.6rem .5rem;font-size:.75rem}.panel>.text-muted{display:none}}@media (max-height: 500px) and (orientation: landscape){.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem}.app-header>a:first-child{order:1;margin-left:0;flex-shrink:0}.header-title{order:2;flex:1;text-align:center}.header-title h1{font-size:1.1rem;word-spacing:100vw;line-height:1.2}.header-title .subtitle,.header-title .version,.header-title .feedback-link{display:none}.header-actions{order:3;margin-right:0;gap:.5rem;flex-shrink:0}.header-logo{width:50px;height:50px;filter:none}.header-actions .kofi-link{display:none}.app-bg-route,.app-bg-whereami,.app-bg-refinery{background-image:none}}@media (min-width: 768px) and (max-width: 1024px){.app-header{padding:.75rem 1.5rem}.header-logo{width:80px;height:80px}.header-title h1{font-size:1.8rem}.header-title .subtitle{font-size:.85rem}.header-title .version,.feedback-link{font-size:.7rem}}@media (min-width: 1025px){.app-header{padding:1.5rem 2rem}.header-logo{width:156px;height:156px}.header-title h1{font-size:2.8rem}.app-content,.panel{padding:1.5rem}}@media (min-width: 1024px){.header-logo{width:156px;height:156px}.header-title h1{font-size:2.8rem}.display-large{font-size:3rem}}.tab-nav{display:flex;gap:.375rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--bg-dark);padding:4px;border-radius:12px}.tab-btn{flex:1;min-width:100px;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:var(--bg-medium);color:var(--text-primary)}.tab-btn.active{background:var(--bg-medium);color:var(--accent-cyan)}.text-center{text-align:center}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.panel-not-implemented{position:relative;overflow:hidden;opacity:.7}.not-implemented-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--danger);text-transform:uppercase;letter-spacing:.1em;padding:.5rem 2rem;border:4px solid var(--danger);border-radius:8px;background:#0a0e27e6;white-space:nowrap;z-index:10;pointer-events:none;text-shadow:0 0 10px rgba(255,51,102,.5);box-shadow:0 0 20px #ff33664d}@media (max-width: 480px){.not-implemented-stamp{font-size:1.5rem;padding:.4rem 1rem;border-width:3px}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.panel-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.help-btn{display:none;width:28px;height:28px;border-radius:50%;background:var(--bg-medium);border:1px solid var(--accent-blue);color:var(--accent-blue);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.help-btn:hover{background:var(--accent-blue);color:var(--bg-dark)}.help-icon-header{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;font-size:.85rem;font-weight:700;width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.help-icon-header:hover{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 8px #00d9ff80}.help-modal-overlay{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;justify-content:center;align-items:center}.help-modal{background:var(--bg-light);border:1px solid var(--accent-blue);border-radius:8px;padding:1.5rem;margin:1rem;max-width:400px;position:relative}.help-modal h3{font-family:var(--font-heading);color:var(--accent-blue);margin-bottom:1rem;font-size:1.1rem}.help-modal p{color:var(--text-secondary);line-height:1.5}.help-modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-size:1.5rem;width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.help-modal-close:hover{background:var(--accent-cyan);color:var(--bg-dark);transform:rotate(90deg);box-shadow:0 0 15px var(--accent-cyan)}@media (max-width: 480px){.help-btn{display:flex;justify-content:center;align-items:center}}.stanton-map{display:flex;flex-direction:column;gap:1rem;width:100%}.system-map-svg{width:100%;max-width:600px;height:auto;margin:0 auto;border-radius:8px;border:1px solid #1a4a4a;background:#0a1a1a}.map-label{font-family:var(--font-body);pointer-events:none;letter-spacing:.05em}.map-zoom-controls{display:flex;justify-content:center;gap:.5rem}.zoom-btn{padding:.5rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.zoom-btn.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-dark);font-weight:600}.zoom-btn.reset{background:transparent;border-color:var(--accent-gold);color:var(--accent-gold)}.zoom-btn.reset:hover{background:var(--accent-gold);color:var(--bg-dark)}.map-zoom-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.system-map-svg{cursor:grab;-webkit-user-select:none;user-select:none}.system-map-svg:active{cursor:grabbing}.map-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.map-modal{background:linear-gradient(135deg,#0a1a1afa,#0a141efa);border:2px solid #1a6b6b;border-radius:12px;max-width:700px;width:100%;max-height:95vh;overflow-y:auto;position:relative;box-shadow:0 0 60px #00b4b44d,0 0 100px #00b4b41a}.map-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #1a4a4a;background:#0a1a1acc}.map-modal-header h3{margin:0;font-size:1.2rem;color:#4ecdc4;letter-spacing:.1em;text-transform:uppercase}.map-modal-close{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-size:1.5rem;width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.map-modal-close:hover{background:var(--accent-cyan);color:var(--bg-dark);transform:rotate(90deg);box-shadow:0 0 15px var(--accent-cyan)}.map-modal-content{padding:1.5rem;background:#0a1a1a}.map-modal-footer{padding:.75rem 1.5rem;border-top:1px solid #1a4a4a;background:#0a1a1acc}.map-hint{margin:0;font-size:1rem;color:var(--text-muted);text-align:center}.map-hint .cyan{color:var(--accent-cyan)}.map-hint .green{color:var(--success)}.map-hint .gold{color:var(--accent-gold)}.map-hint .red{color:var(--danger)}.view-map-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-dark);border:1px solid var(--accent-cyan);border-radius:6px;color:var(--accent-cyan);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .2s ease}.view-map-btn:hover{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 10px #00ffcc4d}.view-map-btn .map-icon{font-size:1.1rem}.map-icon-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;background:transparent;border:2px solid var(--accent-cyan);border-radius:8px;color:var(--accent-cyan);cursor:pointer;transition:all .2s ease;flex-shrink:0}.map-icon-btn:hover{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 10px #00ffcc4d}@media (max-width: 600px){.map-modal{max-width:100%;max-height:85vh;margin:.5rem}.map-modal-header{padding:.75rem 1rem}.map-modal-content{padding:.75rem}.system-map-svg{max-width:100%}.zoom-btn{padding:.4rem .75rem;font-size:.8rem}}.route-planner{display:flex;flex-direction:column;gap:1.5rem}.mode-toggle{display:flex;background:var(--bg-dark);border-radius:8px;padding:4px;gap:4px}.mode-btn{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.mode-btn:hover{color:var(--text-primary);background:var(--bg-medium)}.mode-btn.active{background:var(--accent-blue);color:var(--bg-dark)}.route-selectors{display:grid;gap:1rem}@media (min-width: 600px){.route-selectors{grid-template-columns:1fr 1fr}}.reverse-route-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.reverse-route-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--bg-medium)}.reverse-route-btn:active{transform:scale(.95)}.clear-route-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;margin-left:8px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.clear-route-btn:hover{border-color:#ff6b6b;color:#ff6b6b;background:var(--bg-medium)}.clear-route-btn:active{transform:scale(.95)}.route-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-dark);border-radius:4px;border-left:3px solid var(--accent-blue)}.route-label{color:var(--text-muted);font-size:.85rem}.route-path{font-family:var(--font-heading);color:var(--accent-cyan);font-weight:600}.route-distance{margin-left:auto;color:var(--text-secondary);font-size:.9rem}.band-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden}.band-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--bg-dark);border-bottom:1px solid var(--border)}.band-controls .route-distance{margin-left:0;font-size:.85rem}.sort-toggle{display:flex;align-items:center;gap:.5rem}.sort-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sort-btn{padding:.25rem .5rem;font-size:.75rem;background:var(--bg-medium);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;outline:none!important;box-shadow:none!important}.sort-btn:focus,.sort-btn:focus-visible,.sort-btn:active{outline:none!important;box-shadow:none!important;border-color:var(--border)!important}.sort-btn:hover{background:var(--bg-light)}.sort-btn.active{background:var(--bg-medium);border-color:var(--border);color:inherit}.band-header{display:grid;grid-template-columns:80px 1fr 80px;gap:.5rem;padding:.75rem;background:var(--bg-medium);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.band-row{display:grid;grid-template-columns:80px 1fr 80px;gap:.5rem;padding:.75rem;border-top:1px solid var(--border);transition:background-color .2s ease}.band-row:hover{background:var(--bg-medium)}.band-row.clickable{cursor:pointer}.band-row.selected{background:#00ffcc26;border-left:3px solid var(--accent-cyan)}.band-row.selected:hover{background:#0fc3}.band-row.density-high{background:#00ff8814}.band-row.density-high:hover{background:#00ff8826}.band-row.density-high .band-col-name{color:var(--success)}.band-row.density-medium{background:#ffaa000d}.band-row.density-medium:hover{background:#ffaa001a}.band-col-name{font-weight:600;color:var(--text-primary)}.band-col-dest{font-family:var(--font-heading);color:var(--accent-cyan);font-size:.9rem}.band-col-density{display:flex;align-items:center}.density-bar{height:6px;background:linear-gradient(90deg,var(--accent-blue),var(--success));border-radius:3px;min-width:10%}.peak-indicator{display:inline-block;font-size:.7rem;color:var(--text-muted);margin-left:.25rem}.peak-badge{color:var(--accent-gold);margin-left:.25rem;font-size:.8rem}.band-note{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:.75rem;font-style:italic}.route-instructions{padding:1rem;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border)}.instruction-title{font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.route-instructions ol{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.9rem}.route-instructions li{margin-bottom:.5rem}.route-instructions li:last-child{margin-bottom:0}.route-instructions strong{color:var(--accent-cyan)}.instruction-tip{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted);font-style:italic}.instruction-tip strong{color:var(--accent-gold);font-style:normal}.location-tip{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00d9ff1a;border:1px solid var(--accent-blue);border-radius:8px;font-size:1rem;color:var(--text-primary)}.location-tip strong{color:var(--accent-cyan)}.tip-icon{color:var(--accent-blue);font-size:1.25rem;flex-shrink:0}.placeholder-message,.no-route{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.no-route{color:var(--warning)}@media (max-width: 599px){.band-controls{flex-direction:column;gap:.5rem}.band-header,.band-row{grid-template-columns:60px 1fr 60px;font-size:.8rem;padding:.5rem}.band-col-dest{font-size:.8rem}.sort-btn{padding:.35rem .6rem;font-size:.8rem}}.band-mode-content{display:flex;flex-direction:column;gap:1.5rem}.band-selector-section{display:flex;flex-direction:column;gap:.75rem}.band-selector-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.band-selector-header label{font-weight:600;color:var(--text-secondary)}.band-sort-toggle{display:flex;background:var(--bg-dark);border-radius:6px;padding:2px;gap:2px}.sort-btn{padding:.4rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.sort-btn:hover{color:var(--text-primary)}.sort-btn.active{background:var(--bg-medium);color:inherit}.band-selector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}@media (max-width: 599px){.band-selector-grid{grid-template-columns:repeat(2,1fr)}}.band-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-dark);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:60px}.band-select-btn:hover{border-color:var(--accent-blue);background:var(--bg-medium)}.band-select-btn.selected{border-color:var(--accent-cyan);background:#00ffcc1a}.band-select-btn.density-high{border-left-color:var(--success);border-left-width:3px}.band-select-btn.density-high.selected{background:#00ff8826;border-color:var(--success)}.band-select-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.band-select-density{font-size:.75rem;color:var(--text-muted)}.band-select-btn.density-high .band-select-density{color:var(--success)}.band-select-hint{font-size:.7rem;color:var(--text-muted);opacity:.7;margin-top:.25rem}.destination-list-section{display:flex;flex-direction:column;gap:.75rem}.destination-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.destination-list-header label{font-weight:600;color:var(--text-secondary)}.width-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}.destination-list{display:flex;flex-direction:column;gap:.5rem}.destination-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:44px;text-align:left}.destination-card:hover{border-color:var(--accent-blue);background:var(--bg-medium)}.destination-card.selected{border-color:var(--accent-cyan);background:#00ffcc1a}.dest-name{font-weight:600;color:var(--text-primary)}.dest-width{font-family:var(--font-heading);font-size:.85rem}.dest-width.wide{color:var(--success)}.dest-width.normal{color:var(--accent-cyan)}.dest-width.narrow{color:var(--warning)}.dest-width.very-narrow{color:var(--danger)}.no-destinations{text-align:center;padding:1.5rem;color:var(--text-muted);font-style:italic;background:var(--bg-dark);border-radius:8px}.band-result{display:flex;flex-direction:column;gap:1rem}.exit-result{position:relative;padding:1.5rem;background:var(--bg-dark);border:2px solid var(--accent-cyan);border-radius:12px;text-align:center}.exit-result-main{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.exit-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.exit-distance{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--accent-cyan)}.map-btn-container{position:absolute;right:25%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.map-btn-label{font-size:.65rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.exit-margin{font-size:.9rem;padding:.5rem 1rem;border-radius:20px;display:inline-block}.exit-margin.wide{background:#00ff8826;color:var(--success)}.exit-margin.normal{background:#00ffcc1a;color:var(--accent-cyan)}.exit-margin.narrow{background:#ffaa0026;color:var(--warning)}.exit-margin.very-narrow{background:#ff444426;color:var(--danger)}.dest-result-section{display:flex;flex-direction:column;gap:1rem}.exit-result.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.exit-result.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0fc3}.exit-result.clickable:active{transform:translateY(0)}.collapse-hint{margin-top:.75rem;font-size:.75rem;color:var(--text-muted);opacity:.7}@media (max-width: 599px){.band-selector-header,.destination-list-header{flex-direction:column;align-items:flex-start}.exit-distance{font-size:1.75rem}.exit-result .map-btn-container{right:1rem;top:1rem;transform:none}}.info-icon{font-size:.7rem;opacity:.5;margin-left:4px;cursor:help}.info-icon:hover{opacity:1}.sort-info-icon{display:inline-flex;align-items:center;align-self:center;font-size:.85rem;line-height:1;opacity:.6;margin-left:-8px;margin-right:8px;margin-top:4px;cursor:help;color:var(--text-muted)}.sort-info-icon:hover{opacity:1;color:var(--accent-cyan)}.sort-info-icon:focus{outline:none!important;box-shadow:none!important}.sort-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.sort-info-popup{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px;z-index:100;min-width:280px;box-shadow:0 4px 12px #0000004d;white-space:nowrap}@media (max-width: 600px){.sort-info-popup{right:auto;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);width:auto;white-space:normal}}.sort-info-popup .number-label{color:#fff}.sort-info-popup .density-label{color:#0f8}.sort-info-popup .opportunity-label{color:#f0c}.sort-info-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sort-info-row{font-size:.85rem;color:var(--text-secondary)}.sort-info-row .number-label,.sort-info-row .density-label,.sort-info-row .opportunity-label{font-weight:600}.sort-info-close{width:100%;padding:8px;background:var(--bg-medium);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.sort-info-close:hover{background:var(--accent-blue);border-color:var(--accent-blue)}.sort-toggle,.band-sort-toggle{position:relative}.number-label{color:#b3b3b3}.density-label{color:#66b97a}.opportunity-label{color:#c279c2}.sort-btn.active .number-label{color:#fff}.sort-btn.active .density-label{color:#0f8}.sort-btn.active .opportunity-label{color:#f0c}.legend-d{color:#0f8;font-weight:600}.legend-m{color:#f0c;font-weight:600}.dual-bars{display:flex;flex-direction:column;gap:3px;width:100%}.bar-row{display:flex;align-items:center;gap:4px}.bar-label{font-size:.6rem;font-weight:600;opacity:.7;width:18px;flex-shrink:0}.density-bar{height:4px;background:linear-gradient(90deg,#084,#0f8);border-radius:2px;min-width:3%}.opportunity-bar{height:4px;background:linear-gradient(90deg,#c0a,#f0c);border-radius:2px;min-width:3%}.band-select-bars{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:4px}.band-select-bars .bar-row{display:flex;align-items:center;gap:4px}.band-select-bars .bar-label{font-size:.55rem;font-weight:600;opacity:.7;width:16px;flex-shrink:0}.band-select-bars .density-bar,.band-select-bars .opportunity-bar{height:3px;border-radius:2px;min-width:3%}.band-header .band-col-density,.band-row .band-col-density{min-width:100px}@media (min-width: 600px){.band-header,.band-row{grid-template-columns:80px 1fr 120px}}.where-am-i{position:relative;display:flex;flex-direction:column;gap:1.5rem}.help-icon{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;font-size:.7rem;font-weight:700;width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:.25rem;transition:all .2s ease}.help-steps{list-style:none;padding:0;margin:0}.help-steps{counter-reset:step}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-with-unit{display:flex;align-items:stretch}.input-with-unit input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-with-unit .unit{display:flex;align-items:center;padding:0 1rem;background:var(--bg-medium);border:1px solid var(--border);border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;color:var(--text-muted);font-weight:500}.input-hint{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.position-result{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-dark);border:2px solid var(--accent-cyan);border-radius:12px}.result-main{position:relative;text-align:center}.result-info{text-align:center}.position-result .map-btn-container{position:absolute;right:25%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.position-result .map-btn-label{font-size:.65rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.result-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.result-band{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--accent-cyan)}.result-band.result-between{color:var(--accent-gold)}.result-band.result-warning{color:var(--warning)}.result-outside{border-color:var(--warning)}.result-density{margin-top:.5rem;font-size:1rem;color:var(--success)}.result-details{padding-top:1rem;border-top:1px solid var(--border);text-align:center}.result-details p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.result-details p:last-child{margin-bottom:0}.band-description{color:var(--text-muted);font-style:italic}.nearest-band{color:var(--accent-gold)}.nearby-bands{padding-top:1rem;border-top:1px solid var(--border)}.nearby-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.nearby-list{display:flex;flex-direction:column;gap:.5rem}.nearby-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-medium);border-radius:6px}.nearby-name{font-weight:600;color:var(--text-primary)}.nearby-distance{font-size:.85rem;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic;background:var(--bg-dark);border-radius:8px}@media (max-width: 599px){.coordinate-inputs{grid-template-columns:1fr}.help-modal{padding:1.5rem;width:95%;max-height:90vh}.help-modal-large{max-width:95%}.help-modal h2{font-size:1.3rem;padding-right:2rem}.result-band{font-size:1.75rem}.position-result{padding:1rem}.position-result .result-main{display:flex;align-items:center;justify-content:center;gap:1rem}.position-result .map-btn-container{position:static;transform:none;margin-top:.5rem;margin-left:.5rem}}.refinery-finder{display:flex;flex-direction:column;gap:1rem}.position-source{display:flex;flex-direction:column;gap:.5rem}.position-source-label{font-size:.85rem;color:var(--text-secondary)}.source-toggle{display:flex;gap:.5rem;background:var(--bg-dark);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.source-btn{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.source-btn:hover{background:var(--bg-medium);color:var(--text-primary)}.source-btn.active{background:var(--accent-cyan);color:var(--bg-dark);font-weight:600}.manual-position-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:1rem}.manual-input-group{display:flex;flex-direction:column;gap:.5rem}.manual-input-group label{font-size:.85rem;color:var(--text-secondary)}.manual-input-group input{background:var(--bg-medium);color:var(--text-primary);border:1px solid var(--border);padding:.75rem;border-radius:4px;font-size:1rem;min-height:44px}.manual-input-group input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 8px #00d9ff33}.manual-input-group input::placeholder{color:var(--text-muted)}.position-display{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center}.position-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.position-value{font-family:var(--font-heading);font-size:1rem;color:var(--accent-cyan)}.position-value.no-position{color:var(--text-muted);font-style:italic}.position-coords{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem;font-family:var(--font-mono, monospace)}.mode-toggle{display:flex;gap:.5rem;background:var(--bg-dark);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.mode-btn{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:var(--bg-medium);color:var(--text-primary)}.mode-btn.active{background:var(--accent-blue);color:var(--bg-dark);font-weight:600}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;color:var(--text-secondary)}.form-group label .required{color:var(--warning)}.form-group select,.form-group input{background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border);padding:.75rem;border-radius:4px;font-size:1rem}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 8px #00d9ff33}.option-group-header{font-weight:700;color:var(--text-muted)}.material-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label .optional{color:var(--text-muted);font-weight:400;font-size:.8em}.result-yield.combined{margin-top:.25rem}.result-yield.combined .detail-label{font-weight:600}.weight-slider{display:flex;flex-direction:column;gap:.5rem}.weight-slider label{font-size:.85rem;color:var(--text-secondary)}.slider-container{display:flex;align-items:center;gap:.75rem}.slider-label{font-size:.75rem;color:var(--text-muted);min-width:50px}.slider-label:first-child{text-align:right}.slider-container input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-dark);border-radius:3px;border:1px solid var(--border)}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-blue);cursor:pointer;border:2px solid var(--bg-light)}.slider-container input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-blue);cursor:pointer;border:2px solid var(--bg-light)}.result-card{background:var(--bg-medium);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.result-card.primary{border-color:var(--accent-blue);box-shadow:0 0 20px #00d9ff1a}.result-card.empty{opacity:.7}.result-header{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.result-card.alternative-selected{border-color:var(--accent-orange, #f59e0b)}.result-card.alternative-selected .result-header{color:var(--accent-orange, #f59e0b)}.clear-selection{background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);font-size:.7rem;padding:.15rem .4rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.clear-selection:hover{background:var(--text-muted);color:var(--bg-dark)}.result-name{font-family:var(--font-heading);font-size:2rem;color:var(--accent-cyan);margin-bottom:.25rem}.result-station{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.result-hint{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:.5rem}.result-details{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.result-distance,.result-yield{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.detail-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.result-yield.positive .detail-value{color:var(--success)}.result-yield.negative .detail-value{color:var(--danger)}.value-impact{font-size:.85rem;font-weight:400;opacity:.85}.alternatives-section{border:1px solid var(--border);border-radius:8px;overflow:hidden}.alternatives-toggle{width:100%;padding:.75rem 1rem;background:var(--bg-dark);border:none;color:var(--text-secondary);font-size:.9rem;text-align:left;cursor:pointer;transition:background .2s ease}.alternatives-toggle:hover{background:var(--bg-medium)}.alternatives-list{background:var(--bg-medium);padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.alternative-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:4px;white-space:nowrap;min-width:max-content}.alternative-item:hover{background:var(--bg-light)}.alt-rank{font-size:.85rem;color:var(--text-muted);min-width:1.5rem}.alt-name{flex:1;font-weight:500;color:var(--text-primary)}.alt-distance{font-size:.85rem;color:var(--text-secondary)}.alt-yield{font-size:.85rem;font-weight:600;min-width:3rem;text-align:right}.alt-yield.positive{color:var(--success)}.alt-yield.negative{color:var(--danger)}.alt-value{font-size:.8rem;font-weight:600;min-width:5rem;text-align:right}.alt-value.positive{color:var(--success)}.alt-value.negative{color:var(--danger)}.alt-value-header{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:5rem;text-align:right}.alternatives-header{display:flex;align-items:center;gap:.75rem;padding:.25rem .75rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.25rem;white-space:nowrap;min-width:max-content}.alt-name-header{flex:1;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.alt-distance-header,.alt-yield-header{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:3rem;text-align:right}.alt-distance-header{min-width:4rem}.alternative-item.clickable{cursor:pointer;transition:all .2s ease}.alternative-item.clickable:hover{background:var(--bg-light);transform:translate(2px)}.alternative-item.clickable:active{transform:translate(0)}.material-warning{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffaa0026;border:1px solid var(--warning);border-radius:8px;font-size:1rem;color:var(--warning)}.material-warning strong{color:var(--warning)}.warning-icon{font-size:1.25rem;flex-shrink:0}.manual-header{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.help-icon{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;font-size:.7rem;font-weight:700;width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.help-icon:hover{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 8px #00d9ff80}.help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal{background:linear-gradient(135deg,#0a0f19fa,#0f1423fa);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;max-width:450px;max-height:85vh;width:90%;overflow-y:auto;position:relative;box-shadow:0 0 40px #00d9ff4d,0 0 80px #00d9ff1a}.help-modal::-webkit-scrollbar{width:10px}.help-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.help-modal::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:5px}.help-modal::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.help-modal .close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-size:1.5rem;width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.help-modal .close-button:hover{background:var(--accent-cyan);color:var(--bg-dark);transform:rotate(90deg);box-shadow:0 0 15px var(--accent-cyan)}.help-modal h2{color:var(--accent-cyan);font-size:1.5rem;margin:0 0 1rem;text-shadow:0 0 10px rgba(0,217,255,.5)}.help-section{margin-bottom:1.5rem}.help-steps{list-style:none;padding:0;margin:0;counter-reset:step}.help-steps li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.help-steps li:before{content:counter(step);counter-increment:step;color:var(--accent-cyan);position:absolute;left:0;font-weight:700}.help-steps li strong{color:var(--accent-cyan)}.help-steps kbd{display:inline-block;padding:.2rem .5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono, monospace);font-size:.9rem;color:var(--accent-cyan)}.help-modal-large{max-width:600px}.help-screenshot{margin:1rem 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:zoom-in;position:relative}.help-screenshot img{width:100%;height:auto;display:block;transition:transform .3s ease,transform-origin .3s ease}.help-screenshot:hover img{transform:scale(2.5);transform-origin:15% 100%}.help-screenshot:after{content:"🔍 Hover to zoom";position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;opacity:1;transition:opacity .3s ease;pointer-events:none}.help-screenshot:hover:after{opacity:0}.help-note{font-size:.9rem;color:var(--text-secondary);background:var(--bg-medium);padding:.75rem 1rem;border-radius:6px;border-left:3px solid var(--accent-cyan)}.help-note strong{color:var(--accent-cyan)}@media (max-width: 480px){.result-name{font-size:1.5rem}.result-details{gap:1rem}.detail-value{font-size:1rem}.material-selectors{grid-template-columns:1fr}.mode-btn,.source-btn{padding:.5rem;font-size:.8rem}.manual-position-inputs{grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.help-modal{padding:1.5rem;width:95%;max-height:90vh}.help-modal-large{max-width:95%}.help-modal h2{font-size:1.3rem;padding-right:2rem}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{background:linear-gradient(135deg,#0a0f19fa,#0f1423fa);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;max-width:420px;width:90%;position:relative;box-shadow:0 0 40px #00d9ff4d,0 0 80px #00d9ff1a;max-height:90vh;overflow-y:auto}.profile-modal h2{color:var(--accent-cyan);font-family:var(--font-heading);font-size:1.6rem;margin:0 0 1rem;text-shadow:0 0 10px rgba(0,217,255,.5);text-align:center}.profile-modal .close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.profile-modal .close-button:hover{color:var(--text-primary)}.profile-avatar-display{display:flex;justify-content:center;margin-bottom:1rem}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-cyan);box-shadow:0 0 12px #00d9ff4d}.profile-avatar-initial{width:80px;height:80px;border-radius:50%;background:#00d9ff26;border:2px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;box-shadow:0 0 12px #00d9ff4d}.profile-avatar-section{margin-bottom:1.25rem}.profile-avatar-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:center}.profile-avatar-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.profile-avatar-option{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:#0006;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s ease}.profile-avatar-option:hover:not(:disabled){border-color:var(--accent-cyan);box-shadow:0 0 8px #00d9ff4d}.profile-avatar-option.selected{border-color:var(--accent-cyan);box-shadow:0 0 12px #00d9ff66}.profile-avatar-option:disabled{opacity:.4;cursor:not-allowed}.profile-avatar-option img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-option.upload-option{font-size:1.5rem;font-weight:700;color:var(--accent-cyan);border-style:dashed}.profile-avatar-option.upload-option:hover:not(:disabled){background:#00d9ff1a}.avatar-default-icon{color:var(--text-secondary)}.profile-avatar-actions{display:flex;justify-content:center;gap:.75rem}.profile-avatar-upload-btn{background:#00d9ff1a;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-body);font-size:.85rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.profile-avatar-upload-btn:hover:not(:disabled){background:#00d9ff33;box-shadow:0 0 10px #00d9ff4d}.profile-avatar-upload-btn:disabled{opacity:.4;cursor:not-allowed}.profile-avatar-remove-btn{background:#ff33661a;border:1px solid rgba(255,51,102,.3);color:var(--danger);font-family:var(--font-body);font-size:.85rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.profile-avatar-remove-btn:hover:not(:disabled){background:#f363;border-color:var(--danger)}.profile-avatar-remove-btn:disabled{opacity:.4;cursor:not-allowed}.profile-section{border-top:1px solid var(--border);padding-top:.75rem;margin-bottom:.75rem}.profile-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.profile-field label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.profile-field input{background:#0006;border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none;flex:1;min-width:0}.profile-field input:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #00d9ff33}.profile-field input::placeholder{color:#ffffff40}.profile-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.profile-save-btn{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;border-radius:6px;padding:.6rem 1.5rem;color:var(--bg-dark);font-family:var(--font-heading);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.profile-save-btn:hover:not(:disabled){box-shadow:0 0 15px #00d9ff80}.profile-save-btn:disabled{opacity:.4;cursor:not-allowed}.profile-cancel-btn{background:transparent;border:1px solid var(--border);border-radius:6px;padding:.6rem 1.5rem;color:var(--text-secondary);font-family:var(--font-heading);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.profile-cancel-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.profile-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.profile-error{background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:6px;padding:.6rem .8rem;color:var(--danger);font-size:.85rem;margin:0 0 .75rem}.profile-success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;padding:.6rem .8rem;color:var(--success);font-size:.85rem;margin:0 0 .75rem}@media (max-width: 768px){.profile-modal{padding:1.5rem;width:95%}.profile-modal h2{font-size:1.3rem}}.sign-in-button{background:#00d9ff1a;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;white-space:nowrap;box-shadow:0 0 15px #00d9ff66,0 0 25px #00d9ff33;animation:signInPulse 8s ease-in-out infinite}.sign-in-button:hover{background:var(--accent-cyan);color:var(--bg-dark);transform:scale(1.05);box-shadow:0 0 20px #00d9ff99;animation:none}@keyframes signInPulse{0%,90%,to{transform:scale(1);box-shadow:0 0 10px #00d9ff33}92%{transform:scale(1.08);box-shadow:0 0 25px #00d9ff99}94%{transform:scale(1.02);box-shadow:0 0 15px #00d9ff66}96%{transform:scale(1.05);box-shadow:0 0 20px #00d9ff80}98%{transform:scale(1);box-shadow:0 0 10px #00d9ff33}}.user-menu{position:relative}.user-menu-trigger{background:transparent;border:1px solid rgba(0,217,255,.3);color:var(--accent-cyan);cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .3rem;border-radius:24px;transition:all .3s ease}.user-menu-trigger:hover{background:#00d9ff1a;border-color:var(--accent-cyan);box-shadow:0 0 12px #00d9ff4d}.user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:contain}.user-avatar-initial{width:36px;height:36px;border-radius:50%;background:#00d9ff26;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.user-display-name{font-family:var(--font-heading);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:linear-gradient(135deg,#0a0f19fa,#0f1423fa);border:1px solid var(--accent-cyan);border-radius:8px;padding:.75rem;min-width:200px;z-index:1001;box-shadow:0 0 20px #00d9ff33,0 4px 16px #00000080}.user-dropdown-header{padding:.25rem .5rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.user-dropdown-name{color:var(--text-primary);font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-bottom:.15rem}.user-dropdown-email{color:var(--text-secondary);font-size:.75rem;word-break:break-all}.user-dropdown-actions{display:flex;flex-direction:column;gap:.4rem}.dropdown-action-btn{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);color:var(--accent-cyan);font-family:var(--font-body);font-size:.85rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;text-align:center}.dropdown-action-btn:hover:not(:disabled){background:#00d9ff26;border-color:var(--accent-cyan);box-shadow:0 0 10px #00d9ff26}.dropdown-action-btn:disabled{opacity:.4;cursor:not-allowed}.sign-out-button{background:#ff33661a;border:1px solid rgba(255,51,102,.3);color:var(--danger);font-family:var(--font-body);font-size:.85rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;text-align:center}.sign-out-button:hover{background:#f363;border-color:var(--danger);box-shadow:0 0 10px #f363}@media (max-width: 570px){.sign-in-button{font-size:.7rem;padding:.35rem .6rem}.user-display-name{display:none}.user-menu-trigger{padding:.15rem;border-radius:50%}.user-avatar-img,.user-avatar-initial{width:32px;height:32px}.user-dropdown{min-width:180px}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:linear-gradient(135deg,#0a0f19fa,#0f1423fa);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;max-width:420px;width:90%;position:relative;box-shadow:0 0 40px #00d9ff4d,0 0 80px #00d9ff1a}.auth-modal .close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.auth-modal .close-button:hover{color:var(--text-primary)}.auth-modal h2{color:var(--accent-cyan);font-family:var(--font-heading);font-size:1.6rem;margin:0 0 .5rem;text-shadow:0 0 10px rgba(0,217,255,.5);text-align:center}.auth-modal .auth-subtitle{color:var(--text-secondary);font-size:.9rem;text-align:center;margin:0 0 1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-field label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.auth-field input{background:#0006;border:1px solid var(--border);border-radius:6px;padding:.7rem .9rem;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.auth-field input:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #00d9ff33}.auth-field input::placeholder{color:#ffffff40}.password-hint{color:var(--text-secondary);font-size:.75rem;margin:0;opacity:.7}.auth-submit-btn{width:100%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;border-radius:6px;padding:.75rem;color:var(--bg-dark);font-family:var(--font-heading);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.auth-submit-btn:hover:not(:disabled){box-shadow:0 0 20px #00d9ff80;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.auth-google-btn{width:100%;background:#ffffff14;border:1px solid var(--border);border-radius:6px;padding:.75rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.6rem}.auth-google-btn:hover:not(:disabled){background:#ffffff1f;border-color:var(--accent-cyan);box-shadow:0 0 10px #00d9ff26}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-toggle{text-align:center;margin-top:.75rem}.auth-toggle span{color:var(--text-secondary);font-size:.85rem}.auth-toggle button{background:none;border:none;color:var(--accent-cyan);font-family:var(--font-body);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0;margin-left:.3rem;transition:color .2s ease}.auth-toggle button:hover{color:var(--accent-gold)}.auth-forgot-link{text-align:left;margin-top:.25rem}.auth-error{background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:6px;padding:.6rem .8rem;color:var(--danger);font-size:.85rem;margin:0}.auth-success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;padding:.8rem;color:var(--success);font-size:.9rem;text-align:center;line-height:1.4}@media (max-width: 768px){.auth-modal{padding:1.5rem;width:95%}.auth-modal h2{font-size:1.3rem}}@media (max-height: 700px){.auth-modal-overlay{align-items:flex-start;overflow-y:auto;padding:1rem 0}.auth-modal{max-height:calc(100vh - 2rem);overflow-y:auto;margin:auto}}