:root{--bg:#f4f4f6;--card:#fff;--ink:#1a1a1e;--muted:#6b6b76;--accent:#d81e28;--line:#e2e2e8;--ok:#1a8a3c}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}header{padding:18px 16px;background:var(--ink);color:#fff;position:relative}header h1{margin:0;font-size:19px}header p{margin:4px 0 0}header a.logout,header p{color:#b9b9c4;font-size:13px}header a.logout{position:absolute;top:18px;right:16px;text-decoration:none;border:1px solid #45454f;border-radius:8px;padding:5px 10px}main{max-width:640px;margin:0 auto;padding:16px}section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}h2{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.h2row,h2{margin:0 0 12px}.h2row{display:flex;align-items:center;justify-content:space-between}.h2row h2{margin:0}.btn-group{display:flex;gap:6px}.clear-btn{background:#ececf1;color:var(--ink);border:0;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.clear-btn:disabled{opacity:.4;cursor:default}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input[type=password],input[type=text],select,textarea{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fbfbfc;font-family:inherit}textarea{resize:vertical;min-height:88px}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer}button.ghost{background:#ececf1;color:var(--ink)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>div{flex:1 1 120px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:26px 16px;border:2px dashed var(--line);border-radius:12px;background:#fbfbfc;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s}.dropzone:hover{border-color:#c9c9d2}.dropzone.drag{border-color:var(--accent);background:#fdeef0}.dropzone.busy{cursor:progress;opacity:.7}.dropzone strong{font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.ph{position:relative;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:3/5;cursor:pointer}.ph.sel{border-color:var(--ok)}.ph img{width:100%;height:100%;object-fit:cover;display:block}.ph input{position:absolute;top:6px;left:6px;width:20px;height:20px}.ph .del{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:6px;padding:3px 7px;font-size:12px}.preview{width:100%;max-width:300px;border:1px solid var(--line);border-radius:10px;display:block}.weather{font-size:14px;color:var(--muted);margin-top:8px}.loc{position:relative}.loc-list{position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px;max-height:260px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.14);list-style:none}.loc-list li{padding:11px 12px;border-radius:8px;cursor:pointer;font-size:15px}.loc-list li:hover{background:#f0f0f4}.live-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}.live-now{font-size:14px}.live-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--ok);background:#eafaef;border-radius:999px;padding:4px 12px}.live-timer.paused{color:var(--accent);background:#fdeef0}.hint{font-size:12px;color:var(--muted);margin-top:6px}.drivelog{list-style:none;padding:0;margin:0}.drivelog li{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--line);font-size:15px}.drivelog li:last-child{border-bottom:0}.drive-right{display:flex;align-items:center;gap:12px}.del-x{background:transparent;color:var(--accent);border:0;font-size:15px;cursor:pointer;padding:2px 6px;line-height:1}.del-x:hover{opacity:.65}.drivetotal{margin-top:12px;font-size:15px}details summary{cursor:pointer;color:var(--muted);font-size:13px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink)}.login-wrap form{background:#fff;border-radius:16px;padding:28px 24px;width:min(360px,90vw);box-shadow:0 12px 40px rgba(0,0,0,.35)}.login-wrap h1{font-size:20px;margin:0 0 4px}.login-wrap p{margin:0 0 20px;color:var(--muted);font-size:13px}.login-wrap button{width:100%;margin-top:20px}.err{background:#fde8e9;color:#a31119;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:6px}