/* design/ 전용 — 휴대폰 틀 안에서 position:fixed 요소를 틀 기준으로 붙이는 덮어쓰기. 앱에는 옮기지 않는다. */
html,body{background:#1a1f2b;color:#e5e7eb}
:root{--pw:375px}
.card{width:var(--pw)}
.phone{width:var(--pw)}
.phone.lt{background:#fff;color:var(--fg)}
.phone.mt{height:667px}
.phone .mt-page,.phone .se-overlay,.phone .se-sheet,.phone .confirm-overlay,.phone .prof-overlay,.phone .prof-panel,.phone .dc-sheet-overlay,.phone .dc-sheet,.phone.mt .lock,.phone.mt .maintenance{position:absolute}
.phone{--se-vvh:100%;--se-kb:0px}
.phone .se-sheet.mt-fit{max-height:calc(100% - 8px)}
.phone .se-overlay{z-index:10001}
.phone .se-overlay.l2{z-index:10003}
.phone .se-sheet.l2{z-index:10004}
.phone .dc-sheet{max-height:calc(100% - 8px)}
.phone .prof-panel{max-height:calc(100% - 8px)}
.phone.mt .lock,.phone.mt .maintenance{inset:0;bottom:0;padding-bottom:180px}
.phone.mt .lock-actions{bottom:150px}
.phone.mt .lock *,.phone.mt .maintenance *{animation:none!important}
.phone.mt .lock-actions,.phone.mt .lock-title-block,.phone.mt .lock-char{opacity:1!important}
.phone .mt-app{position:absolute;inset:0;background:#fff;color:var(--fg);overflow:hidden}
.phone .hdr{position:static}
.phone .tabs{display:flex}
.phone .main::after{height:24px}
.phone .pn{display:block;animation:none}
.phone .confirm-overlay{z-index:10010}
.phone .confirm-modal{transform:translateY(0)}
.phone .mt-toast-host{position:absolute;left:0;right:0;bottom:16px;z-index:100000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}
.phone .mt-toast-host .toast{pointer-events:none}
.phone .mt-fake-toast{position:absolute;left:0;right:0;bottom:16px;z-index:100000;display:flex;justify-content:center;padding:0 16px}
.phone{position:relative;overflow:hidden;border-radius:24px;border:1px solid #3a4152;background:#0c1220;isolation:isolate;flex:none}
.phone.lt{background:#fff}