.cookie-open{font-size:12px;margin:12px}.cookie-layer{position:fixed;inset:auto 16px 16px auto;width:min(530px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 10px 45px #051b4340}.cookie-layer::backdrop{background:#071b3830}.cookie-layer h2{margin-bottom:15px}.cookie-layer p{font-size:13px;margin:12px 0}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cookie-actions .button{font-size:12px}.legal-acceptance{font-size:13px}.points-total{font-weight:700;color:var(--accent)}.visited-city-groups .panel{margin-bottom:18px}.visited-city-groups ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;list-style:none;padding:15px 0}.visited-city-groups .social-pagination{justify-content:flex-start}.crop-controls{display:grid;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.crop-controls canvas{max-width:100%;width:100%;border-radius:6px}.crop-controls label{display:grid;gap:6px}.crop-controls input[type=range]{width:100%}.google-auth{margin:18px 0;display:flex;justify-content:center;gap:10px}.google-auth .button{width:100%;max-width:400px}.beta-points-note{font-size:12px;color:var(--muted)}
#cookie-preferences{width:min(420px,calc(100vw - 32px));padding:18px;font-size:12px;line-height:1.5}
#cookie-preferences h2{font-size:22px;line-height:1.25;letter-spacing:-.3px;margin:0 0 10px}
#cookie-preferences p{font-size:12px;line-height:1.5;margin:8px 0}
#cookie-preferences .check-row{font-size:12px;line-height:1.5;margin:12px 0 4px;gap:8px}
#cookie-preferences .cookie-actions{gap:8px;margin:14px 0 0}
#cookie-preferences .cookie-actions .button{font-size:11px;min-height:34px;padding:8px 11px;gap:8px}
@media(max-width:750px){#cookie-preferences .cookie-actions .button{min-height:40px}}