[data-screen=experience] .live-os{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.borderless-preview{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#fafcf6,#e4ece1 40%,#c2d0c6);color:#344d47;font-family:Arial,sans-serif;overflow:hidden}
.bo-status{position:absolute;top:28px;left:110px;right:110px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.3px}.bo-status small{font-size:9px;color:#738476}.bo-status>span:last-child{display:flex;gap:9px}.bo-status svg{width:19px;height:19px}
.bo-greeting{position:absolute;left:9%;top:16%;font-size:clamp(22px,3vw,38px);letter-spacing:-1px;z-index:2}.bo-greeting small{display:block;font-size:12px;color:#718078;margin-top:12px;letter-spacing:0}
.bo-globe{position:absolute;width:min(47vw,55vh);height:min(47vw,55vh);left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 26%,#f6fff5,#a3c6bc 53%,#507f78 95%);box-shadow:inset -22px -14px 40px #2b615244,inset 10px 12px 25px #ffffffa0,0 35px 85px #375d4222;border:1px solid #f8fff4;overflow:hidden}.bo-land{position:absolute;inset:12% 18%;mask:url(assets/logo.png) center/contain no-repeat;-webkit-mask:url(assets/logo.png) center/contain no-repeat;background:linear-gradient(145deg,#e4d8b4,#9fae88 55%,#718c69)}.bo-pin{position:absolute;width:9px;height:9px;border-radius:50%;background:#fbf4d5;box-shadow:0 0 0 8px #fff8,0 0 22px #fff}.bo-globe .p1{left:45%;top:46%}.bo-globe .p2{left:62%;top:59%}.bo-globe .p3{left:52%;top:74%}
.bo-quick{position:absolute;right:8%;top:29%;display:grid;gap:18px}.bo-quick button{display:flex;gap:16px;align-items:center;border:1px solid #fff8;background:#fbfcf3a0;padding:20px;border-radius:20px;text-align:left}.bo-quick span{font-size:14px}.bo-quick small{display:block;font-size:10px;margin-top:8px;color:#7d8a7d}
.bo-dock{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);display:flex;gap:13px;padding:10px 16px;border:1px solid #fff9;border-radius:24px;background:#fbfcf3db;z-index:4;box-shadow:0 8px 35px #36554313}.bo-dock button{border:0;background:transparent;display:grid;justify-items:center;gap:7px;padding:8px;color:#49665a;min-width:50px;border-radius:15px}.bo-dock button:hover{background:#e0e9da}.bo-dock span{font-size:9px}.bo-dock svg{width:25px;height:25px}
.bo-workspace{position:absolute;inset:16% 12% 30%;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center}.bo-window{border:1px solid #ffffffe0;border-radius:22px;background:#f8faf2ed;box-shadow:0 18px 55px #536b4920;overflow:hidden;padding:22px;min-width:0}.bo-window header{position:static;height:auto;display:flex;gap:13px;align-items:center;pointer-events:auto;padding-bottom:18px;font-size:13px;border-bottom:1px solid #dce4d6;z-index:auto}.bo-window header svg{width:20px;height:20px}.bo-files{display:flex;gap:12px;padding-top:25px}.bo-files button{flex:1;display:grid;gap:14px;justify-items:center;background:#eaf0e2;border:0;border-radius:16px;padding:22px 6px;font-size:10px}.bo-files svg{width:33px;height:33px;color:#9caa7b}.bo-file-status,.bo-event{font-size:11px;color:#73836e;margin-top:20px}.bo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.bo-calendar span{font-size:9px;text-align:center;color:#8a9782}.bo-calendar button{font-size:11px;border:0;background:none;border-radius:9px;padding:9px 0}.bo-calendar .event-day{background:#dce8cf}.bo-calendar button:hover{background:#cedebc}
.bo-overlay{position:absolute;inset:0;background:#c7d4c4ed;display:grid;place-items:center;z-index:8;padding:95px 20px 160px}.bo-modal{width:min(490px,92vw)}.bo-modal header{justify-content:space-between}.bo-modal header button{border:0;background:none;font-size:25px;padding:0 5px;line-height:1}.bo-languages{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.bo-languages button{font-size:9px;background:#e8eedf;border:1px solid transparent;border-radius:15px;padding:8px 10px}.bo-languages button[aria-pressed=true]{border-color:#96ab8a;background:#fbfcf4}.bo-voice{display:grid;justify-items:center;margin-top:24px;gap:15px}.bo-voice>svg{width:36px;height:36px}.bo-voice>div{display:flex;align-items:center;height:35px;gap:4px}.bo-voice i{width:3px;border-radius:4px;height:14px;background:#a5b88d;animation:bo-voice 2s ease-in-out infinite alternate}.bo-voice i:nth-child(3n){height:31px;animation-delay:-.7s}.bo-voice i:nth-child(2n){height:21px;animation-delay:-1.3s}.bo-assistant-copy{text-align:center;font-size:14px;min-height:22px}.bo-action{display:block;margin:20px auto 0;border:0;border-radius:20px;background:#3b5b4e;color:#f7faed;font-size:11px;padding:12px 24px}.bo-brief{font-size:11px;line-height:2;background:#e6eddc;border-radius:15px;padding:15px;margin-top:15px}.bo-fingerprint{display:flex;align-items:center;gap:17px;padding:24px 0}.bo-fingerprint svg{width:40px;height:40px}.bo-fingerprint span{font-size:14px}.bo-permissions{display:grid;gap:7px}.bo-permissions button{border:0;border-radius:14px;background:#e7eedf;padding:14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.bo-permissions small{display:block;font-size:9px;color:#809176;margin-top:6px}.bo-permissions i{width:30px;height:17px;border-radius:15px;background:#b6bfb0;position:relative}.bo-permissions i:after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff}.bo-permissions button[aria-pressed=true] i{background:#738d66}.bo-permissions button[aria-pressed=true] i:after{left:16px}.bo-card{margin:25px auto 0;width:95%;height:155px;max-width:320px;border-radius:18px;background:linear-gradient(135deg,#d9ceb0,#bdc8ac);padding:22px;display:grid;grid-template-columns:1fr auto;align-content:space-between;font-size:12px}.bo-card b{font-size:16px;font-weight:400;letter-spacing:3px}.bo-transfer-route{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;font-size:12px}.bo-transfer-route i{width:35px;height:1px;background:#9dae8b}.bo-transfer-status{font-size:9px;text-align:center;color:#819275;margin:14px 0 0}
.bo-continuity{position:absolute;inset:17% 12% 32%;display:flex;align-items:center;justify-content:center;gap:30px}.bo-surface{width:min(500px,55%);height:80%;max-height:300px;position:relative}.bo-surface-ui{position:absolute;inset:0 0 28px;border:9px solid #49534b;border-radius:14px;background:#f2f6e9;padding:18px;overflow:hidden;display:grid;justify-items:center;align-content:space-between;font-size:15px}.bo-surface-ui small{font-size:9px;color:#93a180}.bo-surface>i{position:absolute;bottom:0;left:45%;width:10%;height:28px;background:#647362}.bo-prototype{width:90px;height:100px;display:grid;place-items:center;background:#dde8cc;border-radius:15px}.bo-prototype svg{width:60%;height:60%}.bo-core{width:125px;height:245px;flex-shrink:0;border:6px solid #414b43;border-radius:24px;background:#f4f7eb;padding:20px 8px;display:grid;place-items:center;font-size:10px}.bo-core small{font-size:8px}.bo-core .bo-prototype{width:65px;height:80px}.bo-link{display:flex;gap:10px}.bo-link i{width:5px;height:5px;background:#90a47d;border-radius:50%}.bo-handoff-status{position:absolute;bottom:-20px;text-align:center;font-size:13px}.bo-shared .bo-surface-ui{background:#dbeace;box-shadow:0 0 0 6px #b5ca9f66}.bo-shared .bo-link i{animation:bo-voice .6s infinite alternate}
@keyframes bo-voice{to{transform:scaleY(.5);opacity:.5}}
@media(max-width:700px) and (orientation:portrait){
.bo-status{left:70px;right:20px;top:25px;font-size:10px}.bo-status small{font-size:8px}.bo-greeting{left:9%;top:15%;font-size:24px}.bo-greeting small{font-size:11px}.bo-globe{width:70vw;height:70vw;top:42%}.bo-quick{top:61%;left:8%;right:8%;display:flex;gap:9px}.bo-quick button{flex:1;padding:12px;gap:9px;border-radius:15px}.bo-quick svg{width:20px;height:20px}.bo-quick span{font-size:11px}.bo-quick small{font-size:8px;margin-top:5px}.bo-dock{bottom:22%;gap:4px;padding:5px 8px;border-radius:18px}.bo-dock button{min-width:44px;padding:7px 4px}.bo-dock svg{width:21px;height:21px}.bo-dock span{font-size:8px}.bo-workspace{inset:14% 7% 33%;grid-template-columns:1fr;gap:12px;align-content:center}.bo-window{padding:15px;border-radius:18px}.bo-window header{font-size:11px;padding-bottom:12px}.bo-files{padding-top:16px;gap:7px}.bo-files button{font-size:8px;padding:13px 2px;gap:10px}.bo-files svg{width:27px;height:27px}.bo-file-status{margin-top:12px;font-size:9px}.bo-calendar{gap:3px;margin-top:13px}.bo-calendar button{padding:5px 0;font-size:10px}.bo-event{font-size:9px;margin-top:10px}.bo-security{inset:13% 7% 33%;gap:10px}.bo-security .bo-window{padding:12px}.bo-fingerprint{padding:9px 0;gap:12px}.bo-fingerprint svg{width:26px;height:26px}.bo-fingerprint span{font-size:11px}.bo-permissions{gap:4px}.bo-permissions button{padding:8px 12px;font-size:10px}.bo-permissions small{font-size:8px;margin-top:2px}.bo-languages{margin-top:10px}.bo-security .bo-voice{display:none}.bo-assistant-copy{margin:13px 0 0;font-size:12px}.bo-security .bo-action{margin-top:10px;padding:9px 18px}.bo-overlay{padding:90px 18px 210px}.bo-modal{max-height:100%;overflow:auto}.bo-continuity{inset:22% 7% 37%;gap:10px;flex-wrap:wrap;align-content:center}.bo-surface{width:58%;height:160px}.bo-surface-ui{border-width:5px;padding:10px;font-size:9px}.bo-prototype{width:50px;height:55px}.bo-core{width:87px;height:175px;border-width:4px;font-size:8px;padding:12px 5px}.bo-core .bo-prototype{width:42px;height:55px}.bo-core small{font-size:6px}.bo-link{gap:5px}.bo-link i{width:3px;height:3px}.bo-handoff-status{bottom:-30px;font-size:11px}}
@media(orientation:landscape) and (max-height:550px){
.bo-status{top:15px;left:70px;right:35px;font-size:9px}.bo-greeting{top:20%;left:9%;font-size:20px}.bo-greeting small{font-size:9px}.bo-globe{width:48vh;height:48vh;top:45%}.bo-quick{right:8%;top:23%;gap:9px}.bo-quick button{padding:10px;gap:10px;border-radius:13px}.bo-quick span{font-size:10px}.bo-quick small{font-size:8px}.bo-quick svg{width:19px;height:19px}.bo-dock{bottom:73px;padding:4px 9px;gap:8px;border-radius:17px}.bo-dock button{padding:4px;min-width:35px;gap:4px}.bo-dock svg{width:18px;height:18px}.bo-dock span{font-size:7px}.bo-workspace{inset:17% 15% 38%;gap:15px;align-items:start}.bo-window{padding:12px;border-radius:15px}.bo-window header{font-size:10px;padding-bottom:8px}.bo-window header svg{width:16px;height:16px}.bo-files{padding-top:12px;gap:7px}.bo-files button{padding:12px 4px;font-size:8px;gap:8px}.bo-files svg{width:23px;height:23px}.bo-file-status{margin-top:12px;font-size:8px}.bo-calendar{gap:3px;margin-top:9px}.bo-calendar button{font-size:8px;padding:3px 0}.bo-calendar span{font-size:7px}.bo-event{font-size:8px;margin-top:8px}.bo-security{inset:15% 15% 38%}.bo-fingerprint{padding:7px 0;gap:10px}.bo-fingerprint svg{width:22px;height:22px}.bo-fingerprint span{font-size:10px}.bo-permissions{gap:4px}.bo-permissions button{font-size:9px;padding:7px}.bo-permissions small{font-size:7px;margin-top:2px}.bo-languages{margin-top:9px;gap:4px}.bo-languages button{font-size:7px;padding:5px}.bo-voice{display:none}.bo-assistant-copy{font-size:11px;margin:15px 0}.bo-action{font-size:9px;padding:8px 14px;margin-top:10px}.bo-brief{font-size:9px;padding:8px;margin-top:8px}.bo-overlay{padding:45px 20px 115px}.bo-modal{max-height:100%;overflow:auto;width:390px}.bo-continuity{inset:18% 19% 35%;gap:20px}.bo-surface{height:165px}.bo-surface-ui{border-width:5px;font-size:10px;padding:10px}.bo-prototype{width:55px;height:60px}.bo-core{width:85px;height:165px;border-width:4px;font-size:8px;padding:9px}.bo-core .bo-prototype{width:45px;height:52px}.bo-core small{font-size:6px}.bo-handoff-status{bottom:-8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.bo-voice i,.bo-link i{animation:none}}
/* Intrinsic panel rows never shrink into each other on short phones. */
@media(max-width:700px) and (orientation:portrait){.bo-workspace{grid-auto-rows:max-content;align-content:center;align-items:start}}
@media(max-width:700px) and (max-height:650px) and (orientation:portrait){.bo-workspace{inset:13% 7% 31%;gap:10px;align-content:start}.bo-dock{bottom:17%}.bo-security .bo-window:nth-child(2){display:none}.bo-files{padding-top:10px}.bo-files button{padding:10px 3px}.bo-window{padding:12px}.bo-window header{padding-bottom:9px}.bo-file-status{margin:10px 0 0}.bo-calendar{margin-top:10px;gap:2px}.bo-calendar button{padding:3px 0;font-size:9px}.bo-event{margin:8px 0 0}.bo-quick{top:62%}.bo-quick button{padding:9px}.bo-globe{width:65vw;height:65vw;top:42%}}
@media(orientation:landscape) and (max-height:550px){.bo-security .bo-fingerprint{display:none}.bo-security .bo-permissions{margin-top:8px}.bo-security .bo-permissions button{padding:5px 7px}.bo-security .bo-assistant-copy{margin:10px 0;font-size:10px}.bo-security .bo-action{margin-top:8px;padding:7px 12px}.bo-security .bo-languages{margin-top:8px}.bo-security .bo-window{padding:10px}}