/* Web interpretation of Liquid Glass: controls float above darker content. */
:root{--text:#f1f5ff;--muted:#a8b9d4;--glass:linear-gradient(145deg,#ffffff1f,#ffffff07);--glass-edge:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #ffffff0a,0 9px 25px #0002}body{background:#080c15}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 380px 400px at calc(50% + 170px) 13%,#48649c55,transparent 75%),radial-gradient(ellipse 340px 430px at calc(50% - 170px) 68%,#58437e40,transparent 75%);z-index:-1}.app-shell{background:transparent;padding-bottom:calc(125px + max(env(safe-area-inset-bottom),var(--orbit-safe-bottom)))}button{transition:transform .15s,background .2s}button:active:not(:disabled){transform:scale(.97)}.app-header{padding-top:max(23px,env(safe-area-inset-top),var(--orbit-safe-top));padding-bottom:30px}.brand small{color:#93a6c3}.avatar,.icon-button{background:var(--glass);border-color:#ffffff32;box-shadow:var(--glass-edge);backdrop-filter:blur(20px);border-radius:50%;color:#e2edff}.avatar{width:40px;height:40px}.heading-row h1{font-size:32px;font-weight:550}.eyebrow{color:#a4b5d0;font-size:9px}.demo-badge,.count-badge,.date-badge{border-radius:999px;background:#ffffff09;border-color:#ffffff21;color:#b5c8e8}.orbit-status{font-size:12px;color:#b3c4df}.status-separator{color:#7184a5;margin-inline:2px}.overview-intro{display:flex;gap:13px;align-items:center;padding:27px 0 21px}.intro-line{width:2px;height:42px;border-radius:2px;background:linear-gradient(#c0dbff,#c0dbff00)}.overview-intro p{font-size:19px;line-height:1.45;letter-spacing:-.035em}.overview-intro p>span{color:#99afd0}.device-chips button{background:#ffffff07;border-color:#ffffff21;color:#b6c8e7;min-height:42px}.device-chips button.active{background:linear-gradient(145deg,#dceaff3c,#ffffff0a);border-color:#dceaff65;box-shadow:var(--glass-edge);backdrop-filter:blur(18px);color:#f3f7ff}.selected-device{border-radius:27px;background:linear-gradient(145deg,#abcaff24,#ffffff07);border-color:#d7e7ff36;box-shadow:var(--glass-edge);padding:21px;backdrop-filter:blur(18px)}.card-eyebrow{display:block;font-size:9px;letter-spacing:.16em;color:#a6b9da;margin-bottom:5px}.selected-top h2{font-size:23px;font-weight:500}.selected-top p{color:#bbcee9}.device-glyph,.device-list-card .device-glyph,.detail-title .device-glyph{border-radius:15px;background:linear-gradient(140deg,#d2e4ff1c,#ffffff04);border-color:#ffffff25;box-shadow:inset 0 1px 0 #ffffff24;color:#c5d9fb}.metric-row small{color:#a8bddb;font-size:10px}.metric-row b{font-size:20px;color:#f1f5ff}.metric-row b.process{font-size:15px}.process-line{color:#b6cae7;font-size:11px}.process-track{background:#ffffff12}.primary-button,.primary-button.stop{border:1px solid #e7f2ff75;border-radius:999px;background:linear-gradient(160deg,#e1edff65,#a5c9ff2b);color:#f5f9ff;box-shadow:inset 0 1px 0 #ffffff8a,inset 0 -1px 0 #ffffff22,0 6px 19px #02071533;backdrop-filter:blur(20px) saturate(160%);min-height:49px}.primary-button.stop{border-color:#d9e9ff48;background:var(--glass)}.secondary-link{font-size:12px;color:#bdd1f0;gap:6px}.secondary-link svg{width:13px;height:13px}.stat-card,.stat-card.warning,.next-slot{border-radius:22px;background:#ffffff06;border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff10}.stat-card strong{font-size:28px;color:#eef5ff}.stat-card span{color:#b1c1dc;font-size:11px}.stat-card.warning strong,.stat-card.warning svg{color:#e6baa5}.next-symbol{background:#ffffff0a;color:#c2d7f8;border-radius:13px}.next-slot small{color:#acbfdc;font-size:8px}.next-slot>svg{width:12px;flex-shrink:0;color:#aabedd}.next-devices{color:#becbe2;font-size:11px}.demo-caption{color:#99aac6;font-size:10px}.tabbar{bottom:calc(14px + max(env(safe-area-inset-bottom),var(--orbit-safe-bottom)));width:min(calc(100% - 28px),496px);border:1px solid #ffffff42;border-radius:999px;padding:6px;background:linear-gradient(165deg,#d7e5ff21,#121d317a);backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 0 #ffffff14,0 12px 35px #0005}.tabbar button{min-height:61px;border:1px solid transparent;border-radius:999px;color:#b8c5db;padding:8px 5px}.tabbar button>span{background:none!important;width:auto;height:auto}.tabbar button[aria-current=page]{background:var(--glass);border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff30;color:#f1f7ff}.tabbar small{font-size:10px}.view-description{color:#aabdde;font-size:13px}.search,.segmented{border-radius:999px;background:#ffffff07;border-color:#ffffff22}.search input,.search input::placeholder{color:#bacbe6}.segmented button{border-radius:999px;color:#adc2e1}.segmented button.active{background:var(--glass);box-shadow:var(--glass-edge);color:#eff5ff}.device-list-card,.device-list-card.attention{background:#ffffff06;border-color:#ffffff20;border-radius:23px}.device-list-card.attention{border-color:#e0b5ad30}.list-device-main p{color:#b0c3de}.list-device-main small{color:#9eafd0;overflow-wrap:anywhere}.device-list-card>svg{width:12px;flex-shrink:0;color:#9db2d3}.list-device-main h2{font-size:15px}.list-battery{font-size:14px}.detail-facts>div,.step-list,.plan-summary,.history-list,.time-content,.empty-state,.file-card{background:#ffffff06;border-color:#ffffff1e;border-radius:22px}.detail-facts small,.step small,.plan-summary span,.history-row small,.time-content>p,.section-title>span,.file-info p{color:#a9bbd8}.step{border-color:#ffffff0d;color:#c1d3ee}.section-title h2{font-weight:500}.time-slot.current .time-content{background:#bdd6ff15;border-color:#c0dbff38}.time-content>div{font-size:12px}.history-row{border-color:#ffffff0c}.warning-box{background:#e4b09c0a;border-color:#d4a49833;color:#e4b9a9;border-radius:18px}.action-grid button,.outlined-button,.back-link{background:var(--glass);border:1px solid #ffffff2a;border-radius:999px;box-shadow:var(--glass-edge);backdrop-filter:blur(18px);color:#c1d5f5}.back-link{padding:10px 15px;margin-bottom:24px}.full{width:100%}.action-grid button{font-size:11px}.day-strip button{background:#ffffff06;border-color:#ffffff22;border-radius:20px;color:#b9cce9}.day-strip button.active{background:linear-gradient(145deg,#d6e9ff36,#ffffff10);border-color:#dbeaff55;box-shadow:inset 0 1px 0 #ffffff55;color:#f6faff}.day-strip small{color:#abc1e1}.empty-state h3{color:#dce8fa}.empty-state p{color:#a8bcdb}.empty-state button{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff30;background:var(--glass);border-radius:999px;padding:10px 15px;color:#d3e6ff;margin-top:18px}.empty-state button svg{width:15px;height:15px}.file-card{margin-bottom:9px}.file-glyph{background:#ffffff0a;border:1px solid #ffffff16;border-radius:13px;color:#bfd5f5}.file-info b{font-size:12px}.file-info p{font-size:10px}.badge{border-radius:999px}.badge.success,.badge.posted{background:#6aceaf0d;border-color:#91d8c12a;color:#b4e6d7}.badge.failed,.badge.error{background:#e593af0c;border-color:#d68ea82a;color:#edbdcd}.badge.partial,.badge.stopped{background:#e5c59f0b;border-color:#e5c59f2a;color:#e5c59f}.badge.running{background:#b3d4ff16;border-color:#b3d4ff30;color:#d2e5ff}dialog{border-radius:30px 30px 0 0;border-color:#ffffff37;background:linear-gradient(150deg,#233249ed,#121b2dec);backdrop-filter:blur(32px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff40,0 -20px 100px #0005}.sheet-header h2{overflow-wrap:anywhere;min-width:0}.sheet-header .icon-button{flex-shrink:0;background:var(--glass)}.sheet-description,#dialogBody p{color:#b2c6e5;font-size:13px}#dialogBody pre{color:#c0d4f2;background:#ffffff05;border-color:#ffffff1a;border-radius:16px}form input,form select{border-radius:17px;border-color:#ffffff2a;background:#ffffff09;color:#e2edff}form select option{background:#19243a}form input::file-selector-button{background:var(--glass);border-color:#ffffff30;border-radius:999px;color:#d7e7ff}.toast{bottom:calc(108px + var(--orbit-safe-bottom));border-radius:999px;background:#293b54ed;border-color:#ffffff40;backdrop-filter:blur(15px);box-shadow:var(--glass-edge)}@media(min-width:700px){body{background:#080c15}.app-shell{border-color:#ffffff17;border-radius:32px;background:#0c132235}.tabbar{border-radius:999px}}@media(max-width:360px){.selected-device{padding:18px}.heading-row h1{font-size:29px}.metric-row b{font-size:18px}.next-slot{gap:8px}.next-slot small{font-size:7px}.device-list-card{gap:8px}.device-list-card .device-glyph{width:30px}.list-device-main h2{font-size:13px}.list-battery{font-size:12px}.time-content>div{flex-wrap:wrap}}@supports not (backdrop-filter:blur(20px)){.tabbar,dialog{background:#172238}.primary-button,.device-chips button.active{background:#344b6c}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Selection composition adapted from the user's Claude prototype. */
.overview-intro{padding:20px 0 4px}.select-heading{margin:20px 0 13px}.glass-small,.bulk-bar button{border:1px solid #ffffff30;background:var(--glass);box-shadow:var(--glass-edge);border-radius:999px;padding:9px 15px;min-height:40px;color:#d8e8ff;font-size:12px;backdrop-filter:blur(20px)}.device-chips{gap:10px;padding-bottom:17px}.device-chips button.phone-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;min-width:136px;padding:14px;border-radius:25px;background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid #ffffff30;box-shadow:var(--glass-edge);backdrop-filter:blur(22px) saturate(160%);scroll-snap-align:start;color:#e0ebff}.device-chips{scroll-snap-type:x proximity}.device-chips button.phone-tile.active{background:linear-gradient(145deg,#c5ddff35,#8eb9ff10);border-color:#d6e7ff85;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 0 #ffffff20,0 5px 18px #0002}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;min-height:47px}.mini-phone{display:block;width:24px;height:43px;padding:3px;border:1px solid #c8dcff78;border-radius:7px;background:linear-gradient(130deg,#b9c9e161,#2b385066);box-shadow:inset 0 1px 0 #ffffff80,3px 4px 8px #0002}.mini-phone i{display:block;height:100%;border-radius:4px;background:#111d31}.mini-phone.lit i{background:linear-gradient(160deg,#a7c8f1,#7881b8 55%,#192e50)}.tile-status{display:grid;place-items:center;width:23px;height:23px;background:#ffffff0a;border:1px solid #ffffff15;border-radius:50%;font-size:14px}.phone-tile strong{font-size:14px;font-weight:550;display:block;margin:12px 0 7px}.tile-bottom{display:flex;justify-content:space-between;gap:7px;font-size:11px;color:#c5d5ed}.tile-bottom small{font-size:9px;color:#abc1e0}.bulk-bar{border:1px solid #ffffff2c;background:var(--glass);padding:14px;border-radius:23px;margin-bottom:14px;box-shadow:var(--glass-edge)}.bulk-bar>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#bfcee6}.bulk-bar>div>span{margin-right:auto}.bulk-bar button{padding:8px 12px;font-size:11px}.bulk-bar .bulk-actions{margin-top:12px}.bulk-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px}.bulk-actions svg{width:15px;height:15px}.tabbar{isolation:isolate;--tab-index:0}.tabbar:before{content:'';position:absolute;z-index:-1;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/4);border:1px solid #ffffff30;border-radius:999px;background:linear-gradient(145deg,#e2efff38,#ffffff0c);box-shadow:inset 0 1px 0 #ffffff48,0 3px 12px #0002;transform:translateX(calc(var(--tab-index)*100%));transition:transform .42s cubic-bezier(.22,1,.36,1)}.tabbar button[aria-current=page]{border-color:transparent;background:transparent;box-shadow:none}.tabbar button{position:relative}dialog[open]{animation:sheet-in .36s cubic-bezier(.22,1,.36,1)}@keyframes sheet-in{from{transform:translateY(70px);opacity:.2}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.tabbar:before{transition:none}}