*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#f1f5f9}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;padding:2rem}.center-screen h1{font-size:1.75rem;font-weight:600}.muted{color:#94a3b8}.error{color:#f87171;font-size:.9rem;max-width:320px;text-align:center}.apple-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:#fff;color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .15s}.apple-btn:hover{opacity:.88}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0}.topbar-title{font-size:1rem;font-weight:600}.sign-out-btn{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.3rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s}.sign-out-btn:hover{border-color:#94a3b8;color:#f1f5f9}.map-container{position:relative;flex:1;overflow:hidden}.map{width:100%;height:100%}.popup-card{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.2rem;min-width:220px;box-shadow:0 8px 24px #00000080;z-index:10}.popup-close{position:absolute;top:.5rem;right:.75rem;background:transparent;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;line-height:1}.popup-quality{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:1rem;margin-bottom:.75rem}.popup-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.popup-table{border-collapse:collapse;width:100%;font-size:.875rem}.popup-table th{text-align:left;color:#94a3b8;font-weight:500;padding:.2rem .6rem .2rem 0;white-space:nowrap}.popup-table td{color:#f1f5f9;padding:.2rem 0}