.area-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden auto}.area-modal{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:400px;max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014}.area-modal--pref{background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:880px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014}.area-modal--pref .area-modal-body{max-height:none;padding:1.25rem 1.5rem;overflow:visible}.area-modal-head{margin-bottom:.75rem;padding:1rem 1.5rem}.area-modal-head .area-modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:700}.area-modal-body{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;max-height:60vh;margin-bottom:1rem;padding:1rem 1.25rem;overflow-y:auto}.area-pref-list{flex-direction:column;gap:0;display:flex}.area-pref-list dl{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:0;padding:.75rem 0;display:flex}.area-pref-list dl:last-child{border-bottom:none}.area-pref-list dt{min-width:8.5em;color:var(--text-primary);flex-shrink:0;margin:0;padding:0;font-size:.9375rem;font-weight:600}.area-pref-list dd{margin:0;padding:0}.area-pref-link{color:var(--text-primary);background:var(--surface-soft);cursor:pointer;border:none;border-radius:10px;padding:.4rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}@media (max-width:768px){.area-modal--pref{max-width:calc(100vw - 2rem)}.area-modal--city.checkbox-modal{width:100%;max-width:calc(100vw - 2rem)}}.area-pref-link:hover{background:var(--accent-soft);color:var(--accent)}.area-modal-foot{text-align:center;padding:1rem 1.5rem}.area-modal-close-btn{color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.area-modal-close-btn:hover{background:var(--surface-soft);border-color:var(--border-strong)}.area-modal-close-btn svg{flex-shrink:0}.area-modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.0625rem;font-weight:700}