.tcr-demo .tcr-phone .tph-app{--tph-top:4px;--tph-bottom:4px;display:flex;flex-direction:column;min-height:100%;background:var(--ph-ground)}.tcr-demo .tcr-phone .tph-app.is-screen .tph-main{padding-top:var(--tph-top);padding-bottom:var(--tph-bottom)}.tcr-demo .tcr-phone .tph-app.is-bleed{background:var(--ph-dk-page);color:var(--ph-dk-ink)}.tcr-demo .tcr-phone .tph-app.is-bleed .tph-main{display:flex;flex-direction:column}.tcr-demo .demo-phone-screen:has(>.tph-app){scroll-padding-top:72px;scroll-padding-bottom:16px}.tcr-demo .demo-phone-screen:has(>.tph-app.is-tabs){scroll-padding-bottom:80px}.tcr-demo .demo-phone-screen:has(>.tph-app .tph-actions){scroll-padding-bottom:150px}.tcr-demo .tcr-phone .tph-main{flex:1 1 auto;min-width:0}.tcr-demo .tcr-phone .tph-top{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:var(--tph-top) 12px 2px}.tcr-demo .tcr-phone .tph-door{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--ph-r-tile);color:var(--ph-ink-2)}.tcr-demo .tcr-phone .tph-door:active,.tcr-demo .tcr-phone .tph-door:hover{background:var(--ph-sheet)}.tcr-demo .tcr-phone .tph-dot{position:absolute;top:10px;right:11px;width:8px;height:8px;border-radius:var(--ph-r-pill);background:var(--ph-accent);border:1.5px solid var(--ph-ground)}.tcr-demo .tcr-phone .tph-tabs{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;flex:0 0 auto;background:var(--ph-card);border-top:1px solid var(--ph-line);padding-top:6px;padding-bottom:var(--tph-bottom)}.tcr-demo .tcr-phone .tph-tabrow{display:flex;align-items:stretch}.tcr-demo .tcr-phone .tph-tabcell{flex:1 1;min-width:0}.tcr-demo .tcr-phone .tph-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-height:52px;padding:5px 2px 0;color:var(--ph-ink-3);text-align:center}.tcr-demo .tcr-phone .tph-tab:active,.tcr-demo .tcr-phone .tph-tab:hover{background:var(--ph-sheet)}.tcr-demo .tcr-phone .tph-tab.is-on{color:var(--ph-accent)}.tcr-demo .tcr-phone .tph-tablabel{max-width:calc(100% + 4px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--ph-t-meta);line-height:1.25;letter-spacing:var(--ph-track-normal);color:var(--ph-ink-3)}.tcr-demo .tcr-phone .tph-tab.is-on .tph-tablabel{color:var(--ph-accent-deep);font-weight:var(--ph-w-semi)}@media (max-width:340px){.tcr-demo .tcr-phone .tph-tab{padding-left:0;padding-right:0}.tcr-demo .tcr-phone .tph-tablabel{font-size:var(--ph-t-micro)}}.tcr-demo .tcr-phone .tph-mark{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:26px;height:2px;border-radius:var(--ph-r-pill);background:transparent;transition:background var(--ph-dur-sm) var(--ph-ease-enter)}.tcr-demo .tcr-phone .tph-tab.is-on .tph-mark{background:var(--ph-accent)}@media (max-width:600px){.tcr-demo .tcr-phone .tph-app{--tph-top:env(safe-area-inset-top,0px);--tph-bottom:max(env(safe-area-inset-bottom,0px),8px)}.tcr-demo .tcr-phone .tph-top{padding-top:calc(var(--tph-top) + 8px)}}