.login-page{min-height:100dvh;background:#151816;color:#e7ebe8}.login-shell{max-width:1180px;min-height:90dvh;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center;padding:60px 35px}.brand{font-size:20px;color:#d8e6dc;text-decoration:none;display:block;margin-bottom:85px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a0baa9}.login-intro h1{font-size:40px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:18px 0}.login-intro>p:not(.eyebrow){font-size:14px;color:#9ca69f;line-height:1.9;max-width:470px}.login-tools{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 35px}.login-tools span{font-size:11px;color:#b6c0b8;border:1px solid #364139;padding:7px 10px;border-radius:5px}.download-link{display:inline-block;text-decoration:none;color:#b9ddc6;font-size:12px;padding:8px 0}.login-intro small{display:block;color:#7e8c83;font-size:11px;line-height:1.8;margin-top:5px}.login-card{border:1px solid #3a443d;background:#1e241f;border-radius:14px;padding:38px;box-shadow:0 18px 60px #0002}.login-card h2{font-weight:500;font-size:25px;margin:15px 0 5px}.login-card form{margin-top:30px}.login-card label{display:block;font-size:12px;color:#b2bfb5;margin:18px 0 9px}.login-card input{display:block;width:100%;height:46px;background:#171c19;border-color:#435046}.login-card button{width:100%;height:44px;margin-top:16px}.login-note{font-size:11px;text-align:center;color:#7c8b80;margin:23px 0 0}#login-error{font-size:12px;color:#edb8a4;min-height:22px;padding-top:12px;line-height:1.7}.login-footer{padding:12px 30px;color:#718076;font-size:10px;text-align:center}.device-row{border:1px solid #3a443e;border-radius:8px;padding:16px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.device-row strong{font-size:13px}.device-row small{display:block;margin-top:7px;color:#9daf9f;font-size:11px}.device-row .buttons{display:flex;gap:8px;align-items:center}.device-row .buttons button{font-size:11px}.account-button{font-size:11px;white-space:nowrap;margin-left:8px}.cloud .topbar{padding:0 14px}.cloud #tabs{overflow-x:auto}.cloud .tab{padding:9px 12px;white-space:nowrap}.cloud .sidebar footer small{display:block}.cloud #mobile-menu{display:none}.cloud .heading small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:500px}.cloud .machine-head{gap:7px}.cloud #machine small{line-height:1.7}.cloud .offline-hint{color:#d0b798}
@media(max-width:1000px){.login-shell{gap:45px}.login-intro h1{font-size:32px}.cloud .tab{padding:8px}.cloud .topbar{padding:0 8px}}
@media(max-width:760px){.login-shell{display:block;padding:30px 24px;max-width:540px}.brand{margin-bottom:26px}.login-intro h1{font-size:27px}.login-intro>p:not(.eyebrow){display:none}.login-tools{margin:18px 0}.login-card{margin-top:30px;padding:26px}.cloud .app{display:grid;grid-template-columns:1fr;grid-template-rows:56px 50px minmax(0,1fr);min-height:0;height:100dvh}.cloud .machine-head{grid-row:1;padding:0 14px;border-right:0}.cloud .machine-icon{display:block}.cloud #mobile-menu{display:block;margin-right:4px}.cloud .topbar{grid-row:2;overflow:hidden;padding:0 8px}.cloud #tabs{flex:1;min-width:0}.cloud .tab{font-size:12px}.cloud .topbar>.icon{display:none}.cloud .account-button{font-size:10px;padding:8px}.cloud .workspace{grid-row:3;min-height:0}.cloud .sidebar{display:none;position:fixed;left:0;top:106px;bottom:0;width:285px;z-index:20;box-shadow:15px 0 45px #0008;padding:15px}.cloud.menu-open .sidebar{display:flex}.cloud .chat-head{height:76px;align-items:flex-start;padding:10px 16px;gap:7px}.cloud .heading strong{max-width:calc(100vw - 40px)}.cloud .heading small{max-width:calc(100vw - 40px)}.cloud .messages{padding:24px 16px}.cloud .composer{padding:8px 12px max(10px,env(safe-area-inset-bottom))}.cloud .input-box{padding:12px}.cloud .composer-note{font-size:9px;line-height:1.7}.cloud .preview{top:106px;width:100vw;z-index:30}.cloud .welcome h1{font-size:24px}.cloud .welcome{margin-top:12px}.cloud .suggestions{margin:20px 0}.cloud #devices-dialog .dialog-footer{flex-wrap:wrap;justify-content:space-between}.cloud .device-row{padding:13px}.cloud .message{font-size:14px}}
