.modal-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;background:#1c191438;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-wrapper .modal{background:var(--background);color:var(--gray-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-150);min-width:360px;max-width:600px;padding:32px;position:relative}.modal-wrapper .modal-title{font-family:var(--font-display),Georgia,serif;font-variation-settings:"SOFT" 100;font-optical-sizing:auto;letter-spacing:-.01em;font-size:23px;font-weight:500;line-height:1.25}.modal-wrapper .modal-subtitle{color:var(--gray-500);margin-top:6px;font-size:14.5px;line-height:1.5}.modal-wrapper .area-title{margin-block:15px;font-weight:500}.modal-wrapper .modal-text{margin:20px 0}.modal-wrapper .modal .modal-input{border:1px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;margin:10px 0;padding:9px 10px;font-size:14px}.modal-wrapper .modal .modal-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.modal-wrapper .modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-wrapper .modal .modal-button{background-color:var(--gray-900);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .2s}.modal-wrapper .modal .modal-button:hover{background-color:var(--gray-700)}.modal-wrapper .modal .modal-button.modal-button-cancel{background-color:var(--background);border:1px solid var(--gray-200);color:var(--gray-700)}.modal-wrapper .modal .modal-button.modal-button-cancel:hover{background-color:var(--gray-100)}.modal-wrapper .modal-content{margin-top:20px}.modal-wrapper .tab-bar{background-color:var(--gray-100);border-radius:var(--radius-md);align-items:center;margin-bottom:20px;padding:4px;display:flex}.modal-wrapper .tab-bar div{border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;text-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;padding:5px 12px;font-size:.85rem;font-weight:500;display:flex}.modal-wrapper .tab-bar div.tab-active{background-color:var(--background);color:var(--gray-900);box-shadow:var(--shadow-sm)}.feedboost-modal-bounce-in{transform-origin:50%;animation-name:modalBounceIn;animation-duration:.2s;animation-fill-mode:both}@keyframes modalBounceIn{0%{opacity:0;-webkit-transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1)}}
