/* design/ 전용 — 휴대폰 틀·조작판·계측 위젯. 앱(public/)에는 옮기지 않는다. */
.phone.tt .mt-app{display:flex;flex-direction:column}
.phone.tt .mt-app>.hdr{flex:none}
.phone.tt .mt-app>.main{flex:1;min-height:0;overflow-y:auto}
.phone.tt .mt-page{position:absolute;display:flex;flex-direction:column}
.phone.tt .sch-edit-row{position:absolute;right:16px;bottom:20px;z-index:100}
.phone.tt .sch-edit-row[hidden]{display:none}
.phone.tt .se-sheet{max-height:calc(100% - 8px)}
.phone.tt .se-overlay.on{display:block}
.phone.tt .toast{animation:none}
.tt-demo-stub{padding:10px 12px;border:1px dashed var(--line2);border-radius:8px;color:var(--fg2);font-size:calc(12px*var(--fs));line-height:1.5}
.phone.tt .mt-toast-host{z-index:100000}
.tt-ro{pointer-events:none}
.phone.tt .tt-ro .ev-ed,.phone.tt .tt-ro .tt-slot{pointer-events:none}
.phone.tt .days-sticky{top:0}   /* 틀 안 .main 이 스크롤 상자라 앱(문서 스크롤)의 top 계산이 10px 어긋난다 */
/* 「움직임 줄이기」 미리보기 — 실제 앱은 @media (prefers-reduced-motion:reduce) 로 같은 일을 한다 */
.tt-reduce .tt-slot.next .tt-slot-in{animation:none}
.tt-reduce .ev.flash::after{animation:none;opacity:1}
.tt-reduce *{transition:none!important}
/* 와이어프레임 정지 프레임: 움직임이 끝난 상태로 고정(강조가 계속 보이게) */
.tt-static .ev.flash::after{animation:none;opacity:1}
.tt-static .tt-slot.next .tt-slot-in{animation:none}