@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Open+Sans:wght@400;500;600&display=swap);:root{--cp:#3d2f9e;--ink:#17191e;--muted:#6b717a;--line:#e9e9ec;--paper:#fff;--soft:#f6f6f4}.cp-open-btn{display:inline-flex;align-items:center;gap:9px;font-family:'Open Sans',system-ui,sans-serif;font-size:14px;font-weight:600;color:#fff;background:var(--cp);border:none;border-radius:9px;padding:12px 22px;cursor:pointer;transition:.2s;line-height:1}.cp-open-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(61,47,158,.6)}.cp-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:6vh 18px 24px;background:rgba(15,18,22,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;font-family:'Open Sans',system-ui,sans-serif}.cp-modal.cp-open{opacity:1;visibility:visible}.cp-modal *{box-sizing:border-box}.cp-panel{width:100%;max-width:820px;background:var(--paper);color:var(--ink);border:2px solid var(--cp);border-radius:18px;box-shadow:0 30px 80px -28px rgba(0,0,0,.45);overflow:hidden;transform:translateY(20px) scale(.98);opacity:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .28s}.cp-modal.cp-open .cp-panel{transform:none;opacity:1}.cp-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}#cp-search{flex:1;min-width:0;font-family:'Open Sans',sans-serif;font-size:15px;color:var(--ink);background:var(--soft);border:1.5px solid transparent;border-radius:11px;padding:11px 14px;outline:none;transition:.18s}#cp-search:focus{border-color:var(--cp);background:#fff;box-shadow:0 0 0 4px rgba(61,47,158,.08)}#cp-search::placeholder{color:#9aa0a8}.cp-close{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:15px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.cp-close:hover{border-color:var(--ink);color:var(--ink);transform:rotate(90deg)}.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px 26px;padding:24px;max-height:62vh;overflow-y:auto}.cp-grid::-webkit-scrollbar{width:8px}.cp-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.cp-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:25px;color:var(--cp);margin:0 0 12px;letter-spacing:.3px}.cp-c{margin-bottom:9px}.cp-country{display:inline-flex;align-items:center;gap:7px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;padding:5px 0}.cp-country:hover{color:var(--cp)}.cp-country .cp-n{font-size:10px;font-weight:700;color:#fff;background:var(--cp);border-radius:999px;padding:1px 7px;line-height:1.6}.cp-cities{margin:3px 0 4px 4px;padding-left:13px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:1px}.cp-city{font-family:'Open Sans',sans-serif;font-size:13px;font-weight:400;color:var(--muted);text-decoration:none;padding:4px 0}.cp-city:hover{color:var(--cp)}.cp-empty{padding:0 24px 22px;color:var(--muted);font-size:14px}@media(max-width:560px){.cp-modal{padding:0;align-items:flex-end}.cp-panel{max-width:100%;border-radius:18px 18px 0 0}.cp-grid{max-height:64vh;padding:20px;gap:18px}}