:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--studio:#e8ecef;--ink:#172126;--titanium:#a9aca8;--bezel:#111517;--glass:#c9d8d8;--magenta:#e04f76;--panel-radius:clamp(23px, 5cqw, 36px);--unfolded-wallpaper:linear-gradient(125deg, #496f78 0%, #88a1a1 42%, #b9c6b9 64%, #d6c3a3 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:var(--studio);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 48%, #ffffffdb 0 18%, #fff0 48%), linear-gradient(117deg, transparent 0 49.8%, #ffffff70 50%, transparent 50.2%), var(--studio);margin:0}.page-shell{place-items:center;width:min(1160px,100% - 40px);min-height:100vh;margin:0 auto;padding:26px 0;display:grid}.experiment{align-content:center;justify-items:center;width:100%;min-height:calc(100vh - 52px);display:grid}.stage{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;place-items:center;width:min(850px,100%);height:clamp(390px,58vw,570px);display:grid;position:relative}.stage.is-rotating{cursor:grabbing}.device-space{z-index:2;isolation:isolate;perspective:1800px;place-items:center;display:grid;position:absolute;inset:0}.device{--progress:.72;--fold-angle:50.4deg;--screen-inset:10px;--hinge-opacity:0;aspect-ratio:1.48;width:min(680px,86vw);transform-style:preserve-3d;transform:rotateY(var(--device-rotation,0deg));will-change:transform;cursor:ew-resize;z-index:2;position:relative;container-type:size}.device.is-dragging{cursor:grabbing}.device-shadow{filter:blur(24px);width:min(610px,74vw);height:50px;translate:-50%;transform:scaleX(calc(.72 + var(--shadow-open,.28)));background:#2d353736;border-radius:50%;position:absolute;top:70%;left:50%}.panel{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.fixed-panel{border-radius:0 var(--panel-radius) var(--panel-radius) 0;background:linear-gradient(115deg,#777b7b 0,#d9dad5 16%,#8b8e8c 54%,#e3e4df 92%);width:calc(50% + 1px);padding:5px 5px 5px 0;left:calc(50% - 1px);box-shadow:24px 22px 52px #222a2c2e}.metal-edge{border-radius:inherit;pointer-events:none;border:1px solid #ffffff8c;border-left-color:#0000;position:absolute;inset:2px}.screen-surface{background:var(--glass);border:clamp(3px, .75cqw, 5px) solid var(--bezel);position:absolute;overflow:hidden}.fixed-surface{border-radius:0 calc(var(--panel-radius) - 6px) calc(var(--panel-radius) - 6px) 0;border-left-width:0;inset:5px 5px 5px 0}.folding-panel{transform-origin:100%;transform:rotateY(var(--fold-angle));will-change:transform;z-index:3;left:0}.face{border-radius:var(--panel-radius) 0 0 var(--panel-radius);backface-visibility:hidden;transform-style:preserve-3d;background:linear-gradient(105deg,#e0e1dd,#8f9290 25%,#d0d2ce 72%,#6d7171);padding:5px 0 5px 5px;position:absolute;inset:0}.outer-face{border-radius:0 var(--panel-radius) var(--panel-radius) 0;padding:5px;transform:rotateY(180deg)translateZ(.7px)}.face .screen-surface{border-radius:calc(var(--panel-radius) - 6px) 0 0 calc(var(--panel-radius) - 6px);border-right-width:0;inset:5px 0 5px 5px}.outer-face .screen-surface{border-radius:0 calc(var(--panel-radius) - 6px) calc(var(--panel-radius) - 6px) 0;border-width:clamp(3px,.75cqw,5px);inset:5px}.panel-rim{border-radius:var(--panel-radius) 1px 1px var(--panel-radius);pointer-events:none;border:1px solid #ffffff7a;border-right-color:#0000;position:absolute;inset:0;transform:translateZ(1.2px)}.hinge{z-index:8;width:4px;opacity:var(--hinge-opacity);background:linear-gradient(90deg,#3c4040,#f4f5ef 38%,#686c6b 62%,#222627);border-radius:0 8px 8px 0;position:absolute;top:6%;bottom:6%;right:-4px;transform:translateZ(2px);box-shadow:0 0 12px #0d12146b}.physical-screen{background:#182123}.panel-screen-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.content-plane,.home-screen{color:#fff;background:radial-gradient(circle at 74% 22%,#e1ece0cc,#0000 28%),linear-gradient(145deg,#496f78,#b7c7bd 58%,#d6c3a3);overflow:hidden}.home-screen--wide{background-image:var(--unfolded-wallpaper);background-position:100% 0;background-size:200% 100%}.home-screen,.outer-content{width:100%;height:100%;padding:4.5% 5.5% 5%}.status-row{text-shadow:0 1px 4px #00000047;justify-content:space-between;align-items:flex-start;height:8%;font-size:clamp(7px,2.5cqw,12px);font-weight:650;display:flex}.signal{letter-spacing:.12em;font-size:.76em}.widget-row{grid-template-columns:1fr 1fr;gap:5%;height:31%;display:grid}.weather-widget,.map-widget{border-radius:16%;min-width:0;position:relative;overflow:hidden;box-shadow:0 8px 20px #17282b29}.weather-widget{color:#edf8fb;background:linear-gradient(145deg,#376983,#6093a3);flex-direction:column;padding:10%;display:flex}.weather-widget span,.weather-widget small{font-size:clamp(5px,1.75cqw,9px)}.weather-widget strong{letter-spacing:-.07em;margin:auto 0;font-size:clamp(19px,7.4cqw,38px);font-weight:450}.map-widget{background:linear-gradient(27deg,#0000 0 46%,#ffffffd6 47% 53%,#0000 54%),linear-gradient(132deg,#0000 0 43%,#efcf78 44% 48%,#0000 49%),#bcd6c1}.map-widget:before,.map-widget:after{content:"";border-radius:50%;position:absolute}.map-widget:before{aspect-ratio:1;background:#86b892;width:46%;bottom:-12%;left:-10%}.map-widget:after{aspect-ratio:1;background:var(--magenta);border:3px solid #fff;width:13%;top:28%;left:56%;box-shadow:0 2px 8px #2633304d}.map-widget b{color:#2d4543;font-size:clamp(5px,1.7cqw,9px);position:absolute;bottom:8%;right:8%}.app-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:7% 10%;height:49%;padding-top:7%;display:grid}.app-icon{aspect-ratio:1;color:#fff;border-radius:24%;align-self:center;place-items:center;font-size:clamp(7px,3.4cqw,17px);font-weight:720;display:grid;box-shadow:0 5px 12px #1e2b2c2e,inset 0 1px #ffffff59}.app-icon:nth-child(6n+1){background:#38b96b}.app-icon:nth-child(6n+2){color:#bd283e;background:#fff}.app-icon:nth-child(6n+3){background:linear-gradient(145deg,#f4d755,#d73979 55%,#4e6ed7)}.app-icon:nth-child(6n+4){background:#25282a}.app-icon:nth-child(6n+5){background:#3482df}.app-icon:nth-child(6n){background:#e85448}.page-dot{color:#ffffffc2;place-items:end center;height:5%;font-size:clamp(5px,1.3cqw,7px);display:grid}.inner-content{background-image:var(--unfolded-wallpaper);background-position:0 0;background-size:200% 100%;width:100%;height:100%;padding:5.5%;position:relative}.inner-status{z-index:3;text-shadow:0 1px 5px #00000073;font-size:clamp(7px,2.5cqw,12px);font-weight:650;position:absolute;top:4%;left:6%}.media-card{background:#24414b;border-radius:9%;height:100%;position:relative;overflow:hidden;box-shadow:0 14px 28px #15222438}.media-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.media-card__wash{background:linear-gradient(#0000 54%,#0a1418b8);position:absolute;inset:0}.media-card__caption{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:6%;left:7%;right:7%}.media-card__caption div{flex-direction:column;display:flex}.media-card__caption small{color:#ffffffb8;margin-bottom:3px;font-size:clamp(5px,1.75cqw,9px)}.media-card__caption strong{letter-spacing:-.025em;font-size:clamp(11px,4.4cqw,22px);font-weight:600}.play-button{aspect-ratio:1;color:#182125;background:#ffffffe0;border-radius:50%;flex:none;place-items:center;width:clamp(20px,7cqw,36px);padding-left:2px;font-size:clamp(7px,2.5cqw,12px);display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=620px){.page-shell{width:min(100% - 28px,520px);padding:28px 0}.experiment{align-content:center;min-height:calc(100vh - 56px)}.stage{height:360px}.device{width:94vw}}@media (prefers-reduced-motion:reduce){.band-content{filter:none!important}.effect-surface:after{opacity:0}}