@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--bg:#151816;--panel:#20241f;--ink:#ecece2;--muted:#a4aca2;--line:#363d33;--orange:#ff8157;--green:#b7d6a8;--yellow:#e6c680;--display:'Barlow Condensed',sans-serif;font-family:Barlow,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-weight:400;line-height:1.45;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0}button:disabled{opacity:.4}button:not(:disabled),a{transition:background .18s,color .18s,border-color .18s}h1,h2,p{margin:0}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted,.small-label{color:var(--muted)}.small-label{font-size:12px;font-weight:500;line-height:1.4}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.brand{display:flex;align-items:center;font-size:32px;font-weight:600;letter-spacing:-1.6px;line-height:1}.brand-mark{display:inline-flex;width:33px;height:36px;margin-right:10px;justify-content:center;align-items:center;border-radius:9px 9px 3px 3px;background:var(--orange);color:#192216;font-size:35px;font-weight:600;letter-spacing:-3px;padding-right:3px;line-height:1}.brand-period{color:var(--orange)}.labs-wordmark{font-size:12px;font-weight:500;letter-spacing:.5px}.loading-screen{height:100dvh;display:grid;align-content:center;justify-items:center;gap:20px;color:var(--muted)}
/* The entrance is a hangar door, not a preview of private machine data. */
.login-page{max-width:1680px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:38px 6% 24px}.login-header,.login-footer{display:flex;justify-content:space-between;align-items:center}.login-header .labs-wordmark{color:var(--muted)}.login-main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;flex:1;gap:70px;padding:90px 0}.login-copy{max-width:620px}.login-copy .small-label{display:flex;align-items:center;gap:10px}.login-copy .tiny-dot{color:var(--orange)}.login-copy h1{font:600 clamp(64px,6.7vw,112px)/.98 var(--display);letter-spacing:-1.3px;margin:28px 0}.login-intro{font-size:18px;color:var(--muted);max-width:370px;line-height:1.6}.google-button{display:flex;align-items:center;gap:15px;background:var(--ink);color:#1d261b;font-weight:500;border-radius:5px;width:360px;max-width:100%;padding:17px 20px;margin-top:36px}.google-button:hover{background:#fff}.google-button>svg:first-child{width:23px;height:23px}.google-button>.icon{margin-left:auto}.google-button[aria-disabled=true]{opacity:.45;pointer-events:none}.private-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:17px}.private-note .icon{width:14px;height:14px}.login-error{max-width:390px;color:var(--yellow);font-size:14px;margin-top:22px}.login-art{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hangar-render{width:100%;max-width:580px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 24px #05080565)}.art-caption{font-size:12px;color:#89947f;margin-top:12px}.login-footer{font-size:12px;color:#808b7b;gap:20px}
/* The rail holds the fleet; the workbench holds the selected machine. */
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.rail{padding:35px 20px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#191d18;position:sticky;top:0;height:100dvh}.rail>.brand{margin:0 8px 65px}.rail-section>.small-label,.fleet-section>.small-label{padding:0 12px;margin-bottom:15px}.nav-button{width:100%;display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:4px;background:transparent;color:var(--muted);font-size:14px;text-align:left}.nav-button.active{color:var(--orange);background:#ff81570e}.nav-button:not(.active):hover{color:var(--ink);background:#ffffff05}.nav-count{display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:11px;border:1px solid #ff815740;min-width:20px;height:20px;border-radius:3px}.fleet-section{margin-top:42px}.fleet-button{display:flex;gap:11px;padding:12px;align-items:center;background:transparent;border-left:2px solid transparent;width:100%;text-align:left}.fleet-button.active{border-left-color:var(--orange);background:#ffffff03}.fleet-button>.tiny-dot{color:var(--muted)}.fleet-button.online>.tiny-dot{color:var(--green)}.fleet-button strong{font-size:14px;font-weight:500;display:block}.fleet-button small{font-size:11px;display:block;color:var(--muted);margin-top:2px}.rail-bottom{margin-top:auto;padding:45px 12px 0}.rail-bottom p{font:600 25px/1.1 var(--display);color:#818d77;margin:18px 0 25px}.rail-bottom .labs-wordmark{color:#64705e;font-size:10px}.rail-illustration{display:flex;align-items:flex-end;height:47px;gap:4px;transform:skewY(-9deg);width:100px;opacity:.4}.rail-illustration span{display:block;width:12px;border:1px solid #899777;border-bottom:none}.rail-illustration span:nth-child(1){height:13px}.rail-illustration span:nth-child(2){height:26px}.rail-illustration span:nth-child(3){height:47px;background:#89977733}.rail-illustration span:nth-child(4){height:39px}.rail-illustration span:nth-child(5){height:27px}.rail-illustration span:nth-child(6){height:18px}.workspace{padding:0 42px;max-width:1600px;width:100%;margin:0 auto}.topbar{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{color:#56604f;margin:0 12px}.breadcrumb strong{color:var(--ink);font-weight:400}.topbar-right{display:flex;align-items:center;gap:28px}.sync-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#929f87}.sync-status.stale{color:var(--yellow)}.account-button{display:flex;align-items:center;gap:9px;font-size:12px;background:none;padding:6px 0}.avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#35402d;color:var(--green);font-size:10px;border-radius:50%;font-weight:600}.signout-symbol{font-size:17px;color:var(--muted);margin-left:5px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:35px 0 28px}.page-heading h1{font:600 clamp(56px,5.2vw,84px)/1 var(--display);letter-spacing:-.9px;margin-top:7px}.machine-statuses{display:flex;gap:8px;padding-bottom:8px}.status-chip{display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:3px;white-space:nowrap;color:var(--muted)}.status-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-chip.online{color:var(--green);border-color:#b7d6a82f;background:#b7d6a807}.status-chip.unavailable{color:var(--yellow);border-color:#e6c68040}.machine-bay{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(285px,1fr);border:1px solid #444e3d;border-radius:6px;overflow:hidden;background:var(--panel)}.machine-stage{min-width:0;background:radial-gradient(ellipse at 50% 55%,#35412d80,transparent 67%),#22291e}.stage-topline{position:relative;z-index:1;padding:20px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#a4b296}.stage-topline>span:first-child{border:1px solid #69785a70;border-radius:3px;padding:4px 7px;color:#c5d3b5}.tower-scene{height:328px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}.tower{position:relative;width:330px;height:330px;object-fit:contain;margin-top:-5px;filter:drop-shadow(0 18px 10px #12180d70);transform:translateX(-4px);transition:filter .4s;z-index:2}.machine-stage:not(.online) .tower-render{filter:grayscale(.65) brightness(.72) drop-shadow(0 18px 10px #12180d70)}.machine-stage.online .tower{filter:drop-shadow(0 18px 22px #ff815712)}.floor-grid{position:absolute;inset:42% -30% -50%;background:repeating-linear-gradient(90deg,transparent 0 59px,#8b9a7320 60px 61px),repeating-linear-gradient(0deg,transparent 0 39px,#8b9a7320 40px 41px);transform:perspective(300px) rotateX(60deg);transform-origin:center top;z-index:-1}.stage-orbit{border:1px solid #82936c18;border-radius:50%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);width:320px;height:320px;z-index:0}.orbit-two{width:400px;height:400px;border-style:dashed}.stage-cross{position:absolute;color:#8c9d7150;font-size:23px;font-weight:400}.cross-one{left:12%;top:21%}.cross-two{right:10%;bottom:20%}.stage-caption{position:absolute;bottom:11px;font-size:10px;color:#95a485;z-index:3;left:23px}.environment-strip{display:grid;grid-template-columns:1fr 1.3fr .8fr;border-top:1px solid #53604652;background:#1b2318b0;padding:17px 23px;gap:15px}.environment-strip>div{display:flex;flex-direction:column;gap:6px}.environment-strip .small-label{font-size:10px}.environment-strip strong{font-size:12px;font-weight:500;white-space:nowrap}.environment-strip .tiny-dot{width:5px;height:5px;margin-right:5px;color:var(--muted)}.environment-strip .tiny-dot.running{color:var(--green)}#wsl-status{font-size:10px;color:var(--muted);margin-left:4px}.control-station{display:flex;flex-direction:column;padding:24px 27px 20px;border-left:1px solid #444e3d;min-width:0;background:#20251f}.control-top{display:flex;align-items:center;justify-content:space-between}.control-top>.icon{color:#7d8b71;width:19px;height:19px}.control-station h2{font:600 49px/.95 var(--display);letter-spacing:-.3px;margin-top:18px}.control-description{font-size:12px;color:var(--muted);max-width:270px;margin:13px 0 23px;min-height:34px;line-height:1.5}.power-command{padding:15px 12px;display:flex;align-items:center;gap:12px;background:var(--orange);color:#272a1e;border-radius:4px;text-align:left;width:100%;min-height:76px}.power-command:hover:not(:disabled){background:#ff9b79}.power-disc{border:1px solid #35351e50;width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.power-disc>.icon{width:23px;height:23px}.power-command strong{font-weight:600;font-size:15px;display:block;white-space:nowrap}.power-command small{display:block;font-size:10px;margin-top:4px}.power-command>.arrow{margin-left:auto;width:18px}.power-command.ready{background:#b7d6a81a;color:var(--green);border:1px solid #b7d6a833;opacity:1}.power-command.ready .power-disc{border-color:#b7d6a855}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0 0;color:var(--muted);position:relative;cursor:pointer}.checkbox-row input{position:absolute;opacity:0;width:16px;height:16px;left:0;margin:0}.custom-check{border:1px solid #7a886b;border-radius:3px;display:flex;width:14px;height:14px;justify-content:center;align-items:center;flex-shrink:0}.custom-check>.icon{width:10px;height:10px;opacity:0;stroke-width:2.5}.checkbox-row input:checked+.custom-check{background:#b7d6a8;border-color:#b7d6a8;color:#1b2516}.checkbox-row input:checked+.custom-check>.icon{opacity:1}.checkbox-row input:focus-visible+.custom-check{outline:2px solid var(--orange);outline-offset:3px}.secondary-commands{display:flex;border-top:1px solid var(--line);margin-top:19px;padding-top:16px;gap:15px}.secondary-commands button{display:flex;align-items:center;justify-content:center;gap:7px;background:none;white-space:nowrap;padding:1px 0;font-size:11px;color:#bdc6b4}.secondary-commands button+.secondary-commands button{border-left:1px solid var(--line)}.secondary-commands button:hover:not(:disabled){color:var(--orange)}.secondary-commands .icon{width:15px;height:15px}.command-note{font-size:10px;color:var(--yellow);margin-top:12px;min-height:14px}.last-contact{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:#a4aca2;font-size:10px}.last-contact .small-label{font-size:10px}.availability-panel{margin-top:18px;border:1px solid var(--line);display:flex;align-items:center;gap:17px;padding:21px 23px;border-radius:5px;background:#1b2019}.availability-icon{display:flex;justify-content:center;align-items:center;border:1px solid #71866050;background:#b7d6a808;color:var(--green);width:43px;height:43px;border-radius:50%;flex-shrink:0}.availability-copy h2{font-size:16px;font-weight:500}.availability-copy p{font-size:11px;color:var(--muted);margin-top:4px}.availability-panel.unavailable{border-color:#e6c68060}.availability-panel.unavailable .availability-icon{color:var(--yellow);border-color:#e6c68060}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:none;border:1px solid #5e6b52;border-radius:4px;padding:10px 13px;font-size:11px;font-weight:500;white-space:nowrap}.outline-button>.icon{width:15px;height:15px}.outline-button:hover:not(:disabled){border-color:var(--ink);background:#ffffff05}.availability-panel>.outline-button{margin-left:auto}.countdown{font:600 28px/1 var(--display);color:var(--yellow);white-space:nowrap;margin-left:auto;min-width:80px;font-variant-numeric:tabular-nums}.recent-activity{margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.section-heading h2{font-size:15px;font-weight:500}.text-button{display:flex;align-items:center;gap:7px;font-size:11px;background:none;color:var(--muted);padding:5px 0}.text-button .icon{width:15px;height:15px}.text-button:hover{color:var(--orange)}.event-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;border-top:1px solid #343c2e;padding:14px 0}.event-symbol{color:#8f9f7f;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #52624560;border-radius:50%}.event-symbol .icon{width:14px;height:14px}.event-symbol.failed{color:var(--orange);border-color:#ff815740}.event-details strong{font-size:12px;font-weight:500;display:block}.event-details small{color:var(--muted);font-size:10px;display:block;margin-top:3px}.event-time{color:#97a38b;font-size:10px;text-align:right;white-space:nowrap;padding-left:10px}.empty-events{border-top:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--muted)}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:23px;padding:18px 0 22px;font-size:10px;color:#7e8b74}.workspace-footer>span:first-child{display:flex;gap:6px;align-items:center}.workspace-footer .tiny-dot{width:4px;height:4px}.journal-view{min-height:calc(100dvh - 174px)}.journal-intro{font-size:14px;color:var(--muted);margin-bottom:35px}.full-events .event-row{padding:20px 0}.full-events .event-details strong{font-size:14px}.full-events .event-details small,.full-events .event-time{font-size:12px}
/* Dialogs retain the same physical controls as the workbench. */
dialog{background:#242b20;color:var(--ink);border:1px solid #647357;border-radius:8px;padding:29px;width:430px;max-width:calc(100% - 28px);box-shadow:0 30px 90px #0008}dialog::backdrop{background:#080c08bf;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.icon-button{display:flex;justify-content:center;align-items:center;width:27px;height:27px;background:none;color:var(--muted);border-radius:3px}.icon-button:hover{color:var(--ink);background:#ffffff09}.icon-button .icon{width:17px;height:17px}dialog h2{font:600 44px/1 var(--display);letter-spacing:-.3px;margin:0 0 15px}dialog p{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px}.duration-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0 23px}.duration-options>button{border:1px solid var(--line);border-radius:4px;background:#182015;padding:12px}.duration-options>button.selected{border-color:var(--orange);color:var(--orange);background:#ff81570a}.duration-label{font-size:12px;color:var(--muted)}.duration-input{display:flex;align-items:center;border-bottom:1px solid #7b886c;margin-top:8px;padding-bottom:6px}.duration-input input{border:0;background:none;color:var(--ink);font:600 35px/1 var(--display);width:100%;padding:4px 0;min-width:0}.duration-input span{font-size:13px;color:var(--muted)}.dialog-fine{font-size:11px!important;margin:15px 0 26px}.solid-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);color:#20271a;border-radius:4px;padding:13px 17px;font-size:13px;font-weight:500}.solid-button .icon{width:16px;height:16px}.solid-button:hover:not(:disabled){background:#ffa080}.dialog-actions{display:flex;gap:12px;margin-top:26px}.dialog-actions .outline-button{font-size:13px}.dialog-actions .solid-button{width:auto;flex:1}.confirm-warning{padding:12px;border:1px solid #e6c68040;color:var(--yellow)!important;background:#e6c68006;font-size:11px!important;margin-top:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #768a63;border-radius:5px;background:#293324;color:var(--ink);box-shadow:0 10px 40px #0005;padding:15px 22px;font-size:13px;z-index:10;max-width:min(90vw,500px)}.toast.error{border-color:var(--orange);color:#ffb293}.is-stale .sync-status{color:var(--yellow)}
@media(min-width:1600px){.workspace{padding:0 60px}.tower-scene{height:395px}.tower{width:320px;height:370px}.control-station{padding:28px 35px}.control-station h2{font-size:61px}.control-description{font-size:14px;max-width:300px;margin-top:18px}.power-command{min-height:86px;margin-top:4px}.secondary-commands{margin-top:25px;padding-top:21px}.secondary-commands button{font-size:13px}.checkbox-row{font-size:12px}.last-contact{font-size:11px;padding-top:24px}}
@media(max-width:1150px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.rail{padding-left:12px;padding-right:12px}.rail>.brand{font-size:29px}.workspace{padding:0 27px}.topbar-right{gap:15px}.machine-bay{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.control-station{padding:22px}.stage-topline{padding:18px 18px 0;font-size:10px}.environment-strip{padding:16px;gap:10px;grid-template-columns:1fr 1.3fr}.environment-strip>div:last-child{display:none}.availability-panel{padding:18px;gap:12px}.availability-copy p{max-width:235px}.availability-panel>.outline-button{font-size:10px;gap:8px}.countdown{font-size:24px}.sync-status{display:none}.control-description{margin-bottom:20px}.page-heading h1{font-size:70px}}
@media(max-width:900px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.rail{padding:28px 11px}.rail>.brand{font-size:0;margin:0 4px 50px;letter-spacing:0}.rail .brand-mark{font-size:35px;margin:0}.rail .brand-period,.rail-section>.small-label,.fleet-section,.rail-bottom,.nav-count{display:none}.nav-button{font-size:0;justify-content:center;padding:15px 0}.nav-button .icon{width:23px;height:23px}.rail-section{margin-top:0}.nav-button+.nav-button{margin-top:7px}.workspace{padding:0 25px}.machine-bay{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.availability-panel{flex-wrap:wrap}.availability-copy{flex:1}.availability-panel>.outline-button{margin-left:0}.countdown{margin-left:0}.page-heading{margin-top:27px}.machine-statuses{flex-direction:column;align-items:flex-end;gap:6px}.page-heading h1{font-size:65px}.tower-scene{height:320px}.tower{width:255px;height:300px}.control-station{padding:21px}.control-station h2{font-size:44px}.secondary-commands{gap:12px}.secondary-commands button{font-size:10px;gap:5px}.login-main{gap:30px}.hangar-door{width:240px;height:290px}.door-number{left:60px;font-size:100px}.login-copy h1{font-size:76px}.login-intro{font-size:16px}.login-main{padding:70px 0}}
@media(max-width:710px){.machine-bay{grid-template-columns:1fr}.control-station{border-left:0;border-top:1px solid #444e3d;padding:23px;display:block}.control-station h2{font-size:43px;margin-top:12px}.control-station h2 br{display:none}.control-station h2 br::after{content:' '}.control-description{min-height:0;max-width:100%;margin:12px 0 20px;font-size:13px}.power-command{min-height:76px;padding:15px 18px}.power-command strong{font-size:16px}.power-command small{font-size:11px}.checkbox-row{font-size:12px;margin-top:14px}.secondary-commands{justify-content:space-around;gap:18px;margin-top:22px;padding:19px 0 2px}.secondary-commands button{font-size:12px}.last-contact{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}.environment-strip{grid-template-columns:1fr 1.3fr .8fr;padding:17px 20px}.environment-strip>div:last-child{display:flex}.tower-scene{height:305px}.tower{height:300px;width:260px}.stage-topline{font-size:11px}.stage-caption{font-size:10px}.availability-copy p{max-width:none}.availability-panel>.outline-button{width:100%;margin-top:6px;font-size:12px;justify-content:space-between;padding:11px 13px}.availability-panel{padding:18px;gap:13px}.availability-icon{width:38px;height:38px}.availability-copy h2{font-size:15px}.countdown{font-size:27px}.workspace-footer{flex-wrap:wrap;gap:10px}.workspace-footer>span:last-child{margin-left:auto}.workspace-footer>span:nth-child(2){display:none}.topbar{min-height:76px}.breadcrumb{font-size:11px}.account-button{font-size:0;gap:6px}.avatar{font-size:10px;width:30px;height:30px}.signout-symbol{font-size:17px}.topbar-right{gap:0}.page-heading{margin:25px 0 22px}.page-heading h1{font-size:58px}.page-heading .small-label{font-size:10px}.status-chip{font-size:10px;padding:5px 7px}.machine-statuses{padding-bottom:2px}.recent-activity{margin-top:28px}.section-heading h2{font-size:14px}.event-row{grid-template-columns:26px 1fr auto;gap:8px}.event-details strong{font-size:11px}.event-details small{font-size:10px}.event-time{font-size:9px}.login-page{padding:29px 6% 24px}.login-main{grid-template-columns:1fr;padding:65px 0 45px;gap:0}.login-copy{max-width:550px}.login-copy h1{font-size:clamp(67px,11vw,90px)}.login-copy .small-label{font-size:12px}.login-art{display:none}.login-header .brand{font-size:31px}.login-header .labs-wordmark{font-size:11px}.login-footer{font-size:10px}.login-intro{max-width:350px}.google-button{width:100%;max-width:370px}.login-footer>span:first-child{max-width:160px}}
@media(max-width:420px){.app-shell{grid-template-columns:1fr}.rail{height:62px;position:static;flex-direction:row;padding:14px 18px;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.rail>.brand{font-size:24px;letter-spacing:-1px;margin:0}.rail .brand-mark{width:26px;height:28px;font-size:29px;margin-right:8px;border-radius:6px 6px 2px 2px}.rail .brand-period{display:inline}.rail nav{display:flex;gap:9px}.nav-button{width:34px;padding:5px}.nav-button+.nav-button{margin-top:0}.nav-button .icon{width:19px;height:19px}.workspace{padding:0 18px}.topbar{min-height:62px}.page-heading h1{font-size:53px}.page-heading{gap:10px}.machine-statuses{gap:5px}.status-chip{font-size:9px}.environment-strip{padding:15px;gap:12px}.environment-strip strong{font-size:11px}.environment-strip .small-label{font-size:9px}.tower-scene{height:285px}.tower{width:246px;height:285px}.control-station{padding:21px}.power-command strong{font-size:15px}.countdown{margin-left:51px}.availability-panel{gap:12px}.availability-copy{min-width:180px}.full-events .event-details strong{font-size:12px}.full-events .event-details small,.full-events .event-time{font-size:10px}.toast{bottom:15px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.login-copy,.machine-bay{animation:entrance .55s ease both}.tower{animation:tower-entry .7s ease both}@keyframes entrance{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes tower-entry{from{opacity:0;transform:translate(-4px,9px)}to{opacity:1;transform:translate(-4px,0)}}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
