:root{--bg: #faf6f0;--bg-card: #ffffff;--text: #2c1810;--text-muted: #7a6b5d;--primary: #8B6914;--primary-hover: #6d530f;--primary-light: #f5e6c8;--accent: #e8a834;--border: #e8ddd0;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(44, 24, 16, .08);--shadow-lg: 0 4px 16px rgba(44, 24, 16, .12);--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;color:var(--text)}.logo:hover{text-decoration:none}.logo-icon{width:32px;height:32px}.nav{display:flex;align-items:center;gap:1.2rem}.nav a{color:var(--text-muted);font-weight:500}.nav a:hover{color:var(--primary);text-decoration:none}.nav a.btn-primary,.nav a.btn-primary:hover{color:#fff}.nav-user{color:var(--primary);font-weight:600}.lang-switcher{position:relative}.lang-switcher-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;padding:.2rem .4rem;line-height:1}.lang-switcher-btn:hover{border-color:var(--primary)}.lang-switcher-list{position:absolute;top:100%;right:0;margin-top:.3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;list-style:none;padding:.3rem 0;margin-left:0;z-index:200;min-width:160px}.lang-switcher-option{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.45rem .8rem;cursor:pointer;font-size:.9rem;color:var(--text);white-space:nowrap}.lang-switcher-option:hover{background:#c46b2f14}.lang-switcher-option.active{font-weight:700;color:var(--primary)}.burger{display:none;background:none;border:none;cursor:pointer;padding:.25rem;flex-direction:column;gap:4px}.burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:1px;transition:transform .2s,opacity .2s}.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.email-verify-banner{background:#fff3cd;color:#856404;text-align:center;padding:.6rem 1rem;font-size:.9rem;border-bottom:1px solid #ffc107}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline;font-size:inherit;padding:0}.btn-link:hover{opacity:.8}.btn-link:disabled{opacity:.5;cursor:default}.main{max-width:1000px;margin:0 auto;padding:2rem;min-height:calc(100vh - 140px)}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:2px solid transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none!important;background:var(--border);color:var(--text)}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:.35rem .8rem;font-size:.85rem}.btn-lg{padding:.8rem 2rem;font-size:1.1rem}label{display:block;margin-bottom:1rem;font-weight:600;font-size:.9rem;color:var(--text-muted)}input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.6rem .8rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font);background:var(--bg-card);color:var(--text);transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}textarea{resize:vertical}.error{background:#fef2f2;color:#dc2626;padding:.6rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.success{background:#f0fdf4;color:#16a34a;padding:.6rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted);font-size:1.1rem}.hero{text-align:center;padding:3rem 0}.hero-mascot{margin-bottom:1.5rem}.kawua-svg{filter:drop-shadow(0 4px 12px rgba(139,105,20,.2))}.hero h1{font-size:2.8rem;margin-bottom:.5rem}.hero h1 em{font-style:normal;color:var(--primary)}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem}.hero-tale{max-width:680px;margin:0 auto 2.5rem;text-align:left;line-height:1.7;color:var(--text);font-size:1.05rem}.hero-tale p{margin-bottom:.8rem}.hero-tale p:last-child{margin-bottom:0;text-align:center}.hero-steps{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.5rem;width:160px;position:relative;box-shadow:var(--shadow)}.step-num{position:absolute;top:-10px;left:-10px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.step-icon{font-size:2rem;display:block;margin-bottom:.5rem}.step p{font-size:.85rem;color:var(--text-muted)}.hero-actions{display:flex;gap:1rem;justify-content:center}.auth-page{display:flex;justify-content:center;padding:2rem 0}.auth-form{background:var(--bg-card);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-form h2{margin-bottom:1.5rem;text-align:center}.auth-form .btn{width:100%;justify-content:center;margin-top:.5rem}.auth-switch{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;flex-direction:row;cursor:pointer;font-size:.85rem;color:var(--text-muted);line-height:1.4}.checkbox-label input[type=checkbox]{margin-top:.15rem;flex-shrink:0;width:1rem;height:1rem}.verify-notice{text-align:center}.verify-notice p{margin:.5rem 0}.verify-notice-steps{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:1rem;margin:1.2rem 0;text-align:left;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.section{margin-bottom:2.5rem}.section h2{margin-bottom:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.create-form{display:flex;gap:.8rem;margin-bottom:1.5rem;align-items:flex-end}.create-form>input{flex:1;min-width:0}.create-form>.city-picker{flex:2;min-width:0}.create-form input,.create-form select{margin-top:0}.create-form label{margin-bottom:0}.kawua-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.kawua-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:block;color:var(--text)}.kawua-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}.kawua-card.visiting{border-left:4px solid var(--accent)}.kawua-card-icon{width:48px;height:48px;margin-bottom:.5rem}.kawua-card h3{margin-bottom:.5rem}.kawua-card-stats{display:flex;gap:.8rem;font-size:.85rem;color:var(--text-muted)}.kawua-card-owner{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.kawua-card-location{font-size:.82rem;color:var(--text-muted);margin:.3rem 0 0}.kawua-card-actions{display:flex;gap:.5rem;margin-top:.8rem}.kawua-card-link{display:block;color:var(--text)}.kawua-card-link:hover{text-decoration:none}.empty-state{text-align:center;padding:3rem;background:var(--bg-card);border-radius:var(--radius);border:2px dashed var(--border);color:var(--text-muted)}.empty-state-small{color:var(--text-muted);font-size:.9rem;padding:1rem 0}.kawua-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.kawua-detail-meta{color:var(--text-muted);font-size:.9rem}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1.2rem;text-align:center;flex:1;min-width:100px}.stat-value{display:block;font-size:1.2rem;font-weight:700}.stat-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.map-container{margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.kawua-marker{background:none!important;border:none!important}.kawua-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.journey-list{display:flex;flex-direction:column;gap:.5rem}.journey-item{display:flex;align-items:flex-start;gap:.8rem;padding:.6rem;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.journey-dot{font-size:1.2rem;flex-shrink:0}.journey-meta{display:block;font-size:.8rem;color:var(--text-muted)}.postcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.postcard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.postcard-card.large{padding:1.5rem}.postcard-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.postcard-emoji{font-size:1.5rem}.postcard-city{font-weight:600}.postcard-message{font-style:italic;color:var(--text);margin:.5rem 0}.postcard-from{font-size:.85rem;color:var(--text-muted)}.postcard-kawua{font-size:.8rem;color:var(--text-muted)}.postcard-front{text-align:center;margin-bottom:1rem;border-bottom:1px dashed var(--border);padding-bottom:1rem}.postcard-front h3{font-size:1.3rem}.postcard-stamp{font-size:3rem}.postcard-country{color:var(--text-muted);font-size:.9rem}.postcard-form{margin-bottom:1rem}.postcard-form textarea{margin-bottom:.5rem}.postcards-list{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.send-page,.accept-page,.postcards-page{max-width:600px;margin:0 auto}.send-form{margin-top:1.5rem}.share-result{margin-top:2rem;text-align:center}.share-success{background:var(--bg-card);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-bottom:1rem}.share-link-box{display:flex;gap:.5rem;align-items:center;background:var(--bg);padding:.8rem;border-radius:var(--radius-sm);margin:1rem 0}.share-link-box code{flex:1;word-break:break-all;font-size:.85rem;color:var(--primary)}.share-expires{font-size:.85rem;color:var(--text-muted)}.share-qr{display:flex;justify-content:center;margin:1.5rem 0 .8rem;padding:1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border)}.share-qr-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.2rem}.share-native-btn{width:100%;justify-content:center;margin-top:.8rem}.accept-prompt,.accept-success{text-align:center;padding:3rem;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.accept-mascot-large{display:block;margin:0 auto 1rem}.accept-mascot{display:block;margin:0 auto .5rem}.accept-details{margin:1.5rem 0}.accept-stats{display:flex;gap:1rem;justify-content:center;margin-top:1rem;font-weight:600;color:var(--primary)}.accept-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.accept-guest{text-align:center;max-width:520px;margin:0 auto}.accept-guest-subtitle{font-size:1.1rem;color:var(--text-muted);margin:.5rem 0 1.5rem;line-height:1.6}.accept-guest-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem}.accept-guest-card-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.accept-guest-card-icon{font-size:2rem}.accept-guest-card-stats{display:flex;gap:1rem;justify-content:center}.accept-guest-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;text-align:left}.accept-guest-info h3{margin-bottom:.8rem;text-align:center}.accept-guest-steps{display:flex;flex-direction:column;gap:.6rem}.accept-guest-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem}.accept-guest-step span{font-size:1.2rem;flex-shrink:0}.accept-guest-step p{margin:0}.accept-guest-cta{margin-top:1rem}.accept-guest-cta p{margin-bottom:1rem;color:var(--text-muted)}@media(max-width:768px){.header{padding:.8rem 1rem}.main{padding:1rem}.hero h1{font-size:2rem}.hero-steps{flex-direction:column;align-items:center}.kawua-detail-columns{grid-template-columns:1fr}.create-form,.stats-row{flex-direction:column}.burger{display:flex;z-index:200}.nav{display:none;position:fixed;top:0;right:0;width:260px;height:100dvh;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg-card);padding:4rem 1.5rem 2rem;box-shadow:-4px 0 20px #00000026;z-index:150;overflow-y:auto}.nav-open{display:flex}.nav a,.nav .nav-user,.nav button,.nav .notif-bell{padding:.7rem 0;width:100%;font-size:1rem}.nav a.btn-primary{width:auto;margin-top:.5rem}.kawua-grid{grid-template-columns:1fr}.admin-table{font-size:.8rem;display:block;overflow-x:auto}.share-link-box{flex-direction:column}.share-link-box code{font-size:.75rem}.share-qr-actions{flex-wrap:wrap;justify-content:center}}@media(max-width:400px){.header{padding:.6rem .75rem}.logo{font-size:1.1rem;gap:.3rem}.logo-icon{width:26px;height:26px}.main{padding:.75rem}.hero-mascot img{width:140px;height:140px}.hero h1{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.hero-actions{flex-direction:column;gap:.5rem;width:100%}.hero-actions .btn{width:100%;justify-content:center}.step{min-width:auto;width:100%}.kawua-card{padding:.8rem}.kawua-card-icon{width:36px;height:36px}.kawua-card-stats{flex-wrap:wrap;gap:.4rem;font-size:.8rem}.kawua-card-actions{flex-direction:column}.share-success{padding:1rem}.share-qr canvas{max-width:180px!important;max-height:180px!important}.accept-mascot-large{width:90px!important}.accept-guest-card-stats{flex-wrap:wrap}.accept-guest-card-stats .stat{min-width:60px}.auth-form{padding:1.2rem}.hall-card{padding:.8rem;gap:.6rem}.hall-rank{font-size:1.2rem;min-width:2rem}.hall-name{font-size:.95rem}.hall-metrics{gap:.5rem}.hall-metric-value{font-size:.85rem}.hall-metric-label{font-size:.6rem}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.admin-search input{font-size:.9rem}.verify-notice-steps{font-size:.85rem;padding:.75rem}.email-verify-banner{font-size:.8rem;padding:.5rem .75rem}.city-picker-list{max-height:200px}.nav{width:100%}.footer{font-size:.75rem;padding:1rem}}.notif-bell{position:relative}.notif-bell-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;position:relative;padding:.2rem}.notif-badge{position:absolute;top:-4px;right:-6px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;max-height:400px;overflow-y:auto}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.notif-list{display:flex;flex-direction:column}.notif-item{padding:.7rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;line-height:1.4}.notif-item.unread{background:var(--primary-light)}.notif-item a{color:var(--text);display:block}.notif-item a:hover{color:var(--primary);text-decoration:none}.notif-time{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.notif-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.kawua-limit-info{font-size:.85rem;color:var(--text-muted);margin-left:.5rem}.reclaim-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid #dc2626;border-radius:var(--radius);padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.reclaim-card-info h4{margin-bottom:.2rem}.reclaim-card-meta{font-size:.85rem;color:var(--text-muted)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.admin-page{max-width:900px;margin:0 auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem;margin-bottom:2rem}.admin-stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem .6rem;text-align:center}.admin-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.admin-stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px}.admin-search{display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-search input{flex:1}.admin-message{background:#d1fae5;color:#065f46;padding:.6rem 1rem;border-radius:var(--radius);margin-bottom:1rem;text-align:center}.admin-demote-section{margin-bottom:2rem}.admin-demote-card{display:flex;align-items:center;justify-content:space-between;background:#fef3c7;padding:.8rem 1rem;border-radius:var(--radius);margin-bottom:.5rem}.admin-demote-progress{color:#92400e;font-size:.9rem;margin-left:.5rem}.admin-demote-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-top:.3rem;overflow:hidden;width:200px}.admin-demote-bar-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .3s}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg);font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.admin-actions{position:relative}.admin-actions-toggle{font-size:1.1rem;padding:.2rem .5rem;line-height:1}.admin-actions-menu{position:absolute;right:0;top:100%;z-index:150;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001f;min-width:160px;padding:.3rem 0}.admin-actions-menu button,.admin-actions-menu span{display:block;width:100%;text-align:left;background:none;border:none;padding:.45rem .8rem;cursor:pointer;font-size:.85rem;color:var(--text);white-space:nowrap}.admin-actions-menu button:hover{background:#c46b2f14}.admin-action-danger{color:var(--danger)!important}.admin-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-confirm-dialog{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 30px #00000026}.admin-confirm-dialog h3{margin:0 0 1rem}.admin-confirm-detail{font-size:.85rem;color:var(--text-muted)}.admin-confirm-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.admin-profile-modal{max-width:520px;text-align:left}.admin-profile-modal h3{text-align:center}.admin-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.2rem;font-size:.9rem}.admin-profile-grid .text-muted{font-size:.75rem}.admin-kawuas-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-top:1.5rem}.admin-kawuas-panel h3{margin:0 0 1rem;font-size:1rem}.btn-outline.active{background:var(--primary);color:#fff;border-color:var(--primary)}.text-muted{color:var(--text-muted)}.admin-row-disabled{opacity:.5}.hall-of-flight{max-width:800px;margin:0 auto}.hall-subtitle{color:var(--text-muted);margin-bottom:2rem;text-align:center}.hall-list{display:flex;flex-direction:column;gap:.75rem}.hall-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;transition:transform .15s}.hall-card:hover{transform:translate(4px)}.hall-top-1{border-left:4px solid #fbbf24;background:linear-gradient(90deg,#fffbeb 0%,var(--bg-card) 30%)}.hall-top-2{border-left:4px solid #9ca3af;background:linear-gradient(90deg,#f3f4f6 0%,var(--bg-card) 30%)}.hall-top-3{border-left:4px solid #d97706;background:linear-gradient(90deg,#fef3c7 0%,var(--bg-card) 30%)}.hall-rank{font-size:1.6rem;min-width:2.5rem;text-align:center}.hall-info{flex:1;min-width:0}.hall-name{font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-owner{color:var(--text-muted);font-size:.85rem}.hall-metrics{display:flex;gap:1rem;flex-shrink:0}.hall-metric{display:flex;flex-direction:column;align-items:center;min-width:3rem}.hall-metric-value{font-weight:700;font-size:1rem;color:var(--primary)}.hall-metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}@media(max-width:600px){.hall-card{flex-wrap:wrap}.hall-metrics{width:100%;justify-content:space-around;margin-top:.5rem}}.city-picker{position:relative;flex:1}.city-picker-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--bg-card);color:var(--text)}.city-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #c46b2f26}.city-picker-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:0 .25rem;line-height:1}.city-picker-list{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);list-style:none;margin:0;padding:0;z-index:100;box-shadow:0 4px 12px #0000001a}.city-picker-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.9rem}.city-picker-option.highlighted{background:#c46b2f1a}.city-picker-option.selected{font-weight:600}.city-picker-emoji{font-size:1.1rem;width:1.5rem;text-align:center;flex-shrink:0}.city-picker-name{flex:1}.city-picker-country{color:var(--text-muted);font-size:.8rem;flex-shrink:0}.city-picker-empty{padding:.75rem;color:var(--text-muted);text-align:center;font-size:.9rem}