:root{--web-desktop-min-width:530px;--web-phone-content-max:400px;--web-phone-desktop-max-height:900px;--web-phone-frame-border:12px;--web-phone-shell-top:44px;--web-phone-island-width:96px}.web-desktop-shell{width:100%;min-height:100dvh}.web-desktop-shell__backdrop{display:none}.web-desktop-shell__phone-wrapper{width:100%;min-height:100dvh;position:relative}.web-desktop-shell__side-btn{display:none}.web-desktop-shell__phone-frame{background:var(--canvas);width:100%;min-height:100dvh}.web-desktop-shell__chrome{display:none}.web-desktop-shell__screen{background:var(--canvas);width:100%;min-height:100dvh;position:relative}.web-desktop-shell__screen-scroll{width:100%;min-height:100dvh}@media (min-width:530px){.web-desktop-shell{--phone-home-inset:0px;--nav-height:calc(3.75rem + max(.375rem, env(safe-area-inset-bottom,0px)));background-color:color-mix(in srgb, var(--accent,#2f6fed) 10%, #f4f6fa);background-image:var(--web-shell-bg-image), linear-gradient(165deg, color-mix(in srgb, var(--accent,#2f6fed) 14%, #eef3fa) 0%, #f4f6fa 48%, color-mix(in srgb, var(--accent,#2f6fed) 8%, #e8eef6) 100%);background-repeat:repeat,no-repeat;background-size:280px 200px,cover;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.25rem;display:flex}.web-desktop-shell__backdrop{display:none}.web-desktop-shell__phone-wrapper{width:calc(var(--web-phone-content-max) + var(--web-phone-frame-border) * 2);max-height:calc(var(--web-phone-desktop-max-height) + var(--web-phone-frame-border) * 2);height:min(100dvh - 2.5rem, calc(var(--web-phone-desktop-max-height) + var(--web-phone-frame-border) * 2));flex-direction:column;flex:0 auto;min-height:0;display:flex}.web-desktop-shell__side-btn{z-index:2;pointer-events:none;background:#d4d4d4;width:4px;display:block;position:absolute}.web-desktop-shell__side-btn--vol-up{border-radius:2px 0 0 2px;height:30px;top:18%;left:-4px}.web-desktop-shell__side-btn--vol-down{border-radius:2px 0 0 2px;height:30px;top:26%;left:-4px}.web-desktop-shell__side-btn--power{border-radius:0 2px 2px 0;height:48px;top:22%;right:-4px}.web-desktop-shell__phone-frame{border:var(--web-phone-frame-border) solid #f2f2f2;background:#1a1a1a;border-radius:44px;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #1c24301f,0 4px 12px #1c24300f}.web-desktop-shell__chrome{z-index:2;height:var(--web-phone-shell-top);pointer-events:none;background:#fff;flex-shrink:0;display:block;position:relative}.web-desktop-shell__status-bar{align-items:center;height:100%;padding:.5rem 1rem 0;display:flex}.web-desktop-shell__status-left,.web-desktop-shell__status-right{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.web-desktop-shell__status-left{padding-right:.5rem}.web-desktop-shell__status-right{justify-content:flex-end;gap:.25rem;padding-left:.5rem}.web-desktop-shell__status-spacer{width:var(--web-phone-island-width);flex-shrink:0}.web-desktop-shell__time{letter-spacing:-.03em;color:#111;font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.web-desktop-shell__battery{color:#111;margin-left:1px;font-size:.6875rem;font-weight:600}.web-desktop-shell__status-icon{color:#111;flex-shrink:0;display:block}.web-desktop-shell__island-row{z-index:3;justify-content:center;display:flex;position:absolute;top:8px;left:0;right:0}.web-desktop-shell__island{background:#0a0a0a;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:96px;height:26px;display:flex}.web-desktop-shell__earpiece{background:#2a2a2a;border-radius:2px;width:36px;height:4px}.web-desktop-shell__camera{background:#1e2a3a;border:1px solid #2f3f55;border-radius:4px;width:8px;height:8px}.web-desktop-shell__screen{min-height:0;max-height:calc(var(--web-phone-desktop-max-height) - var(--web-phone-shell-top));clip-path:inset(0);background:var(--canvas);flex-direction:column;flex:1;display:flex;overflow:hidden;transform:translateZ(0)}.web-desktop-shell__screen-scroll{overscroll-behavior:contain;box-sizing:border-box;-ms-overflow-style:none;scrollbar-color:transparent transparent;flex:1;width:calc(100% + 64px);max-width:none;height:100%;min-height:0;padding-right:64px;overflow:hidden scroll;scrollbar-width:none!important}.web-desktop-shell__screen-scroll::-webkit-scrollbar{appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.web-desktop-shell__screen-scroll::-webkit-scrollbar-thumb{appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.web-desktop-shell__screen-scroll::-webkit-scrollbar-track{appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.web-desktop-shell__screen .clinic-shell{min-height:100%}}