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