@charset "utf-8";
:root[user-theme="light"] {
	--modal-bg:#fff;
	--modal-text:#111;
	--modal-line:#ececec;
	--modal-sub-text:#8e8e93;
	--modal-btn-active:#f9f9fb; 
 }
:root[user-theme="dark"] {
	--modal-bg:#1b273b;
	--modal-text:#fff;
	--modal-line:rgba(255,255,255,0.05);
	--modal-sub-text:#8e8e93;
	--modal-btn-active:#3a3a3c; 
 }

.app_modal_box	{display:none; position:fixed; top:0; inset-inline-start:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000; align-items:center; justify-content:center; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
.app_modal_inner { background:var(--modal-bg); width:90%; max-width:330px; border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.2); animation:appModalOpen 0.25s cubic-bezier(0.4, 0, 0.2, 1); text-align:center; }
.app_modal_hdbx {padding: 35px 20px;}
.app_modal_title { font-size:16px; font-weight:600; color:var(--modal-text); display:none; } /* 기본 숨김 */
.app_modal_content { padding-top:20px; font-size:13px; color:var(--modal-text); line-height:1.5; word-break:keep-all; font-weight:500; opacity: 0.7;}
.app_modal_btns { display:flex; border-top:1px solid var(--modal-line); }
.app_modal_btns button { flex:1; height:56px; border:none; background:rgba(0,0,0,0.02); font-size:14px; cursor:pointer; font-family:inherit; transition:background 0.1s; color:var(--modal-text); }
.app_modal_btns button:active { background:var(--modal-btn-active); }
.btn_cancel { color:var(--modal-sub-text) !important; border-inline-end:1px solid var(--modal-line) !important; }
.btn_ok { color:#007aff !important; font-weight:700; }

@keyframes appModalOpen {
	0% {transform:scale(0.9); opacity:0;}
	100% {transform:scale(1); opacity:1;}
}