:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b4d;background:#f2f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--navy: #102a43;--blue: #1769aa;--green: #18794e;--border: #d9e2ec;--muted: #526579}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% 0,rgb(212 230 246 / 60%),transparent 42%),#f2f6fa}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100% - 32px,560px);margin:0 auto;padding:48px 0 28px}.page-header{margin-bottom:28px;text-align:center}.brand-mark{display:grid;width:52px;height:52px;margin:0 auto 16px;place-items:center;border:1px solid #c8dced;border-radius:17px;background:#e4eff8;color:var(--blue);font-size:32px;line-height:1}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:var(--navy);font-size:clamp(2rem,8vw,2.7rem);letter-spacing:-.045em;line-height:1.12}.intro{max-width:420px;margin:0 auto;color:var(--muted);font-size:1rem;line-height:1.55}.parking-card{padding:24px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 16px 42px #102a4314}.parking-card h2{margin-bottom:8px;color:var(--navy);font-size:1.25rem}.card-hint,.saved-date,.accuracy{color:var(--muted);font-size:.92rem;line-height:1.5}.saved-details{margin:14px 0 18px}.saved-date{margin-bottom:4px}.saved-date strong{color:var(--navy)}.accuracy{margin-bottom:12px}.saved-note{display:grid;gap:4px;margin-bottom:0;padding:12px 14px;border-radius:12px;background:#f2f6fa;color:var(--navy);line-height:1.45;overflow-wrap:anywhere}.saved-note span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.button{display:flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border:0;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;transition:background-color .14s ease,transform .14s ease}.button:focus-visible,textarea:focus-visible{outline:3px solid #77b6ed;outline-offset:3px}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.72}.button-primary{width:100%;min-height:62px;margin:18px 0 22px;background:var(--navy);color:#fff;font-size:1.05rem}.button-primary:hover:not(:disabled){background:#1c4568}.note-field{display:grid;gap:9px;margin-bottom:20px}.note-field label{color:var(--navy);font-size:.9rem;font-weight:650}.note-field textarea{width:100%;min-height:74px;resize:vertical;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:#fbfdff;color:var(--navy);line-height:1.45}.note-field textarea::placeholder{color:#73869a}.button-secondary{min-height:44px;justify-self:start;padding:10px 14px;background:#e8f1f8;color:var(--navy);font-size:.9rem}.actions{display:grid;gap:10px}.button-find{width:100%;background:#e5f4ec;color:#145e3b}.button-find:hover{background:#d7eddf}.button-arrow{font-size:1.2rem}.button-delete{min-height:46px;background:transparent;color:#8d3434;font-size:.88rem}.button-delete:hover{background:#fff1f1}.notice{margin:16px 0 0;padding:13px 15px;border:1px solid transparent;border-radius:12px;font-size:.92rem;line-height:1.5}.notice-success{border-color:#b7dfc8;background:#e9f7ef;color:#145e3b}.notice-info{border-color:#c8dced;background:#edf5fb;color:#164b74}.notice-error{border-color:#edc4c4;background:#fff1f1;color:#8d3434}.privacy-note{margin-top:20px;padding:17px 19px;border-radius:16px;background:#e8eef4}.privacy-note h2{margin-bottom:6px;color:var(--navy);font-size:.95rem}.privacy-note p{margin-bottom:0;color:#40566d;font-size:.84rem;line-height:1.55}.page-footer{padding-top:18px;color:#6b7d90;font-size:.78rem;text-align:center}@media(max-width:420px){.app-shell{width:min(100% - 24px,560px);padding-top:30px}.parking-card{padding:20px;border-radius:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}