/* Phone shell only. Preserve TAG app templates, menus, colors and local actions.
   Extension: graphite metal, black glass bezel, camera island, iOS chrome.
   Fixed 414 × 898 canvas, one uniform scale; never squash the phone on narrow panes.
   Dials: variance 1, motion 1, density unchanged, asset fidelity unchanged. */
:root{--device-scale:1}
.device-wrap{width:calc(414px * var(--device-scale));height:calc(898px * var(--device-scale));position:relative;transform:none!important;justify-self:center;align-self:center}
.device{position:absolute;inset:0 auto auto 0;width:414px;height:898px;aspect-ratio:auto;min-height:0;padding:10px;border-radius:59px;border:1px solid #77777b;background:linear-gradient(105deg,#929295 0,#343437 1%,#161618 3%,#101012 95%,#4c4c50 99%,#919195);box-shadow:inset 0 0 0 2px #242427,inset 0 0 0 3px #09090b,0 0 0 1px #29292c,0 22px 46px #0002,0 4px 8px #0002;transform:scale(var(--device-scale));transform-origin:top left}
.glass{border-radius:48px;box-shadow:0 0 0 2px #030304;background:#f0f0f0}
.device:before,.device:after,.power,.action-key{display:block;position:absolute;width:3px;border-radius:3px;background:linear-gradient(90deg,#242427,#88888d 55%,#303034);border:1px solid #3e3e42;pointer-events:none}
.device:before{content:'';left:-4px;top:159px;height:55px}
.device:after{content:'';left:-4px;top:230px;height:55px}
.action-key{left:-4px;top:104px;height:27px}
.power{right:-4px;top:208px;height:91px;background:linear-gradient(90deg,#303034,#88888d 45%,#242427)}
.island{position:absolute;z-index:40;top:12px;left:50%;transform:translateX(-50%);width:120px;height:35px;border-radius:24px;background:#020203;box-shadow:inset 0 0 0 1px #111114;pointer-events:none}
.island-camera{position:absolute;top:12px;right:12px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#25436c 0 12%,#0a172c 18% 38%,#03050c 48% 63%,#16161d 67%);box-shadow:0 0 0 2px #08080b}
.ios-status{height:62px;min-height:62px;padding:0 26px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.4px;background:#f0f0f0}
.ios-status>span{width:55px;text-align:center;font-variant-numeric:tabular-nums;transform:translateY(2px)}
.status-icons{gap:6px;transform:translateY(2px)}
.status-icons .signal{width:18px;height:13px}
.status-icons .wifi{width:17px;height:13px}
.battery{width:26px;height:14px;line-height:12px;border-radius:4px;padding:0;border-color:#888;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:10px;text-align:center;letter-spacing:0;background:linear-gradient(90deg,#303033 48%,#bcbcc1 48%);color:#fff}
.battery b{font-weight:650;text-shadow:0 0 1px #111}
.battery:after{height:5px;width:2px;right:-4px;top:3px;background:#98989c;border-radius:0 2px 2px 0}
.browserbar{height:78px;background:linear-gradient(#f1f1f3,#e9e9ec);padding:7px 17px 20px;gap:9px}
.browser-round,.address{background:#d3d3d8;color:#242427;box-shadow:inset 0 1px 0 #fff9,0 1px 2px #0000000a}
.browser-round{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.browser-round svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.address{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:500}
.address button{color:inherit}
.home-indicator{width:135px;height:5px;border-radius:4px;bottom:8px;background:#111}
@media(max-width:620px){
 body{background:#f4e9dc}
 .stage{padding:14px 0 0;gap:14px;grid-template-rows:minmax(0,1fr) auto}
 .device-wrap{flex:none;width:calc(414px * var(--device-scale));height:calc(898px * var(--device-scale));max-width:none;justify-self:center;align-self:center}
 .device{width:414px;height:898px;padding:10px;border:1px solid #77777b;border-radius:59px;background:linear-gradient(105deg,#929295 0,#343437 1%,#161618 3%,#101012 95%,#4c4c50 99%,#919195);box-shadow:inset 0 0 0 2px #242427,inset 0 0 0 3px #09090b,0 0 0 1px #29292c,0 12px 30px #0002}
 .glass{border-radius:48px}
 .device:before,.device:after,.power,.action-key{display:block}
 .island{top:12px}
 .ios-status{height:62px;min-height:62px;padding:0 26px}
 .browserbar{height:78px;padding:7px 17px 20px}
 .home-indicator{bottom:8px}
}