.screen{min-height:100vh;display:flex;flex-direction:column}
.screen-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md);background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.screen-title{font-size:var(--fs-lg);font-weight:600}
.screen-body{flex:1;padding:var(--sp-md);overflow-y:auto}
.container{max-width:720px;width:100%;margin:0 auto}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-md)}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.text-center{text-align:center}
.text-muted{color:var(--text-muted)}
.mt-sm{margin-top:var(--sp-sm)}
.mt-md{margin-top:var(--sp-md)}
.mt-lg{margin-top:var(--sp-lg)}
@media(min-width:768px){.screen-body{padding:var(--sp-lg)}}