/* Modern spatial motion, with the approved original classic app surfaces. */
.phone-scene-motion{position:fixed;left:0;top:var(--phone-top,0px);width:100vw;height:var(--phone-vh,100dvh);overflow:hidden;pointer-events:none;z-index:9000;background:#101b16;contain:layout paint}
.phone-scene-plane{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#e9edf2;transform-origin:center;contain:layout paint}
.phone-snapshot-scale{position:relative;overflow:hidden;pointer-events:none}
.phone-layout.phone-motion-running #desktop,.phone-layout.phone-motion-running #phone-mount>.phone-home,.phone-layout.phone-motion-running #phone-mount>.phone-app-nav,.phone-layout.phone-motion-running #phone-mount>.phone-status{visibility:hidden;pointer-events:none}
.phone-layout #phone-app-tray{position:fixed;inset:auto;left:0;top:var(--phone-top,0px);width:100vw;max-width:100vw;height:var(--phone-vh,100dvh);max-height:var(--phone-vh,100dvh);margin:0;padding:max(16px,env(safe-area-inset-top)) 0 max(10px,env(safe-area-inset-bottom));border:0;border-radius:0;zoom:1;overflow:hidden;background:#14231ef5;color:#f3f7ee;backdrop-filter:blur(16px);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:contain}
.phone-layout #phone-app-tray[open]{display:flex;flex-direction:column;gap:10px}
#phone-app-tray::backdrop{background:#0c1611c9;backdrop-filter:blur(10px)}
.phone-tray-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;flex-shrink:0}
.phone-tray-header h2{font-size:23px;line-height:1.2;margin:0;color:#f3f7ee}.phone-tray-header p{font-size:12px;line-height:1.4;margin:6px 0 0;color:#c1d2c5}
.phone-tray-header button,.phone-tray-empty button{min-height:44px;padding:8px 14px;border:1px solid #62796a;border-radius:20px;background:#2b4437;color:#fff;font-size:14px}
.phone-tray-cards{display:flex;gap:18px;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:12px max(28px,calc((100vw - 300px)/2)) 10px;align-items:stretch;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.phone-tray-cards::-webkit-scrollbar{display:none}
.phone-tray-card{position:relative;flex:0 0 min(76vw,300px);min-width:0;min-height:120px;border-radius:22px;overflow:hidden;background:#e9edf2;scroll-snap-align:center;box-shadow:0 12px 28px #0005;touch-action:pan-x;transform-origin:center bottom;isolation:isolate}
.phone-tray-card.dragging{will-change:transform,opacity}
.phone-tray-card>header{height:52px;display:flex;align-items:center;gap:8px;padding:6px 7px 6px 12px;background:#e4ebe3;color:#203e30;position:relative;z-index:3}
.phone-tray-card>header>span{width:30px;height:30px;flex-shrink:0}.phone-tray-card>header svg{width:30px;height:30px}
.phone-tray-card>header strong{font-size:15px;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-layout #phone-app-tray .phone-tray-card>header button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;background:#cfdbce;border-radius:50%;color:#294b36;font-size:25px;line-height:1}
.phone-tray-preview{position:absolute;inset:52px 0 0;overflow:hidden;pointer-events:none;background:#e9edf2}
.phone-tray-preview .phone-scene-plane{inset:0 auto auto 0}.phone-tray-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;text-align:center;color:#2c4c3d}.phone-tray-fallback svg{width:72px;height:72px}.phone-tray-fallback strong{font-size:19px}.phone-tray-fallback span{font-size:12px}
.phone-tray-resume{position:absolute;inset:52px 0 0;width:100%;height:calc(100% - 52px);border:0;background:transparent;z-index:2;border-radius:0 0 22px 22px}
.phone-tray-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;flex-shrink:0}.phone-tray-footer button{display:flex;align-items:center;gap:7px;min-height:44px;flex-shrink:0;font-size:13px;color:#f3f7ee;padding:0;border:0;background:none}.phone-tray-footer svg{width:36px;height:36px}.phone-tray-footer p{font-size:11px;line-height:1.5;color:#b8cbbc;margin:0;max-width:200px}
.phone-tray-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.phone-tray-empty>.whole-watermelon-art{width:85px;height:85px}.phone-tray-empty h3{font-size:20px;font-weight:500;margin:0}.phone-tray-cards:empty{display:none}
#phone-app-tray button:focus-visible{outline:3px solid #f3c3b3;outline-offset:-4px}
@media(max-height:420px){.phone-layout #phone-app-tray{padding:8px 0;gap:4px}.phone-tray-header h2{font-size:18px}.phone-tray-header p{display:none}.phone-tray-cards{padding-top:3px;padding-bottom:3px}.phone-tray-card>header{height:40px}.phone-tray-preview,.phone-tray-resume{top:40px}.phone-tray-resume{height:calc(100% - 40px)}.phone-tray-footer p{display:none}.phone-tray-footer svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.phone-tray-card{scroll-behavior:auto}}

:root[data-large-text=true] #phone-app-tray .phone-tray-footer p{display:none}