:root{--green:#2e7d32;--green-dark:#1b5e20;--blue:#1976d2;--text:#1a1a1a;--muted:#666;--border:#e0e0e0;--surface:#fff;--surface-alt:#f5f5f5;--bg:#eef2ee;--danger:#c62828;--shadow:0 4px 14px #00000026;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}h2{margin:0 0 8px;font-size:24px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}.muted{color:var(--muted);font-size:14px}.accent{color:var(--green);flex-shrink:0}.center{text-align:center}.error{color:var(--danger);margin:0}.map-screen{height:100%;position:relative;overflow:hidden}.map{width:100%;height:100%}.map-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:16px;right:16px}.pill{pointer-events:auto;color:var(--green);box-shadow:var(--shadow);background:#fffffff2;border-radius:999px;align-items:center;gap:8px;display:flex}.brand{letter-spacing:.5px;padding:8px 14px;font-weight:700}.icon-pill{padding:8px;text-decoration:none}.icon-pill:hover{background:#fff}.my-location-dot{background:#4285f4;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 6px #4285f440}.fab-stack{z-index:5;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:32px;right:16px}.fab{background:var(--surface);width:52px;height:52px;color:var(--green);box-shadow:var(--shadow);border:none;border-radius:50%;place-items:center;transition:transform .1s,background .15s;display:grid}.fab:hover{background:#f1f8f1}.fab:active{transform:scale(.92)}.fab-primary,.fab-primary:hover{background:var(--green);color:#fff}.fab-active,.fab-active:hover{background:var(--blue);color:#fff}.message-banner{z-index:10;color:#fff;text-align:center;max-width:calc(100% - 32px);box-shadow:var(--shadow);pointer-events:none;background:#000000d9;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:500;animation:3.6s forwards banner;position:absolute;top:76px;left:50%;transform:translate(-50%)}@keyframes banner{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:20px}.route-card{z-index:5;width:min(420px,100% - 100px);position:absolute;bottom:32px;left:16px}.route-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.route-title{margin-bottom:2px;font-weight:700}.point-card{z-index:5;flex-direction:column;gap:12px;width:min(420px,100% - 100px);padding:16px;display:flex;position:absolute;bottom:32px;left:16px}.point-card-header{justify-content:space-between;align-items:center;margin:-4px -6px -4px 0;display:flex}.status-chip{border-radius:999px;padding:5px 10px;font-size:14px;font-weight:700}.status-chip.inside{color:var(--green-dark);background:#e8f5e9}.status-chip.outside{color:var(--danger);background:#fdecea}.point-details{margin-top:-4px}.coord-box{background:var(--surface-alt);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.coord-text{flex:1;min-width:0}.coord-decimal{-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:15px;font-weight:600}.coord-dms{margin-top:2px;font-size:13px}.copy-btn{background:#fff;flex:none;min-width:96px;padding:9px 12px}.save-row{gap:8px;display:flex}.save-row .input{flex:1;min-width:0}.save-row .btn{flex:none}.sign-in-hint{margin:0}.sign-in-hint a{color:var(--green);font-weight:600}.actions{gap:12px;display:flex}.btn{border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{background:var(--surface-alt);color:var(--muted)}.btn-secondary:hover{background:#ebebeb}.input{border:2px solid var(--border);width:100%;height:48px;font:inherit;color:var(--text);background:#fafafa;border-radius:12px;padding:0 14px;font-size:16px}.input:focus{border-color:var(--green);background:#fff;outline:none}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.icon-btn{color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;padding:8px;display:grid}.icon-btn:hover{background:var(--surface-alt);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.link-btn{color:var(--green);background:0 0;border:none;padding:4px;font-weight:600}.modal-overlay{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);padding:24px}.modal .muted{margin:0 0 20px}.modal .input{margin-bottom:20px}.coord-row{gap:12px;display:flex}.coord-row label{flex:1}.page{justify-content:center;align-items:flex-start;min-height:100%;padding:48px 16px;display:flex}.page-card{width:min(560px,100%);padding:24px}.back-link{color:var(--green);align-items:center;gap:6px;margin-bottom:20px;font-weight:600;text-decoration:none;display:inline-flex}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form h2{text-align:center}.account-header{color:var(--green);align-items:center;gap:10px;display:flex}.account-email{color:var(--text);overflow-wrap:anywhere;flex:1;font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:24px 0 8px;font-size:13px}.spot-list{margin:0;padding:0;list-style:none}.spot{border-bottom:1px solid #eee;align-items:center;display:flex}.spot-link{color:inherit;border-radius:8px;flex:1;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;display:flex}.spot-link:hover{background:#f1f8f1}.spot-name{font-weight:600}@media (width<=600px){.route-card,.point-card{width:calc(100% - 100px)}.actions{flex-direction:column-reverse}}