.cloud-login{width:min(960px,calc(100% - 40px));min-height:650px;margin:7vh auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffffa8;background:#f6f7fcf0;box-shadow:0 24px 100px #5b68912b;border-radius:28px;overflow:hidden}.login-art{background:#e7dac5 url('../assets/hirono/coffee.jpg') center/cover}.cloud-login form{padding:58px 44px;display:flex;flex-direction:column;justify-content:center}.login-eyebrow{font-size:10px;letter-spacing:2px;color:#7f85a9}.cloud-login h1{font-size:32px;line-height:1.5;font-weight:500;color:#4f526f;margin:22px 0 12px}.cloud-login p{font-size:12px;color:#818397;line-height:1.9;margin-bottom:26px}.cloud-login .field{margin:0 0 17px}.cloud-login input{min-height:44px}.cloud-login button{padding:14px 20px;margin-top:10px}.cloud-login small{font-size:10px;color:#9294a4;text-align:center;margin-top:20px}#cloud-alert{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 24px));padding:18px 22px;background:#fff6e9;border:1px solid #d0b794;border-radius:14px;box-shadow:0 8px 60px #383c6e40}#cloud-alert p{font-size:12px;line-height:1.8;margin:8px 0}#cloud-alert>div{display:flex;gap:8px;flex-wrap:wrap}#cloud-alert button{background:#e9ddca;padding:9px 12px}.cloud-indicator{font-size:10px;color:#66877b;background:#e4f2ed;padding:5px 8px;border-radius:20px}.cloud-account-actions{display:flex;gap:8px;margin:16px 0}.cloud-account-actions button{padding:9px 13px;background:#e9e8f4}.cloud-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin:0;background:#ffffff5c;font-size:10px;color:#657d79}.cloud-status-line.error{color:#b65a46;background:#fff0df}
@media(max-width:760px){.cloud-login{margin:20px auto;grid-template-columns:1fr;min-height:0;width:calc(100% - 24px);border-radius:20px}.login-art{height:170px;background-position:center 38%}.cloud-login form{padding:30px 27px}.cloud-login h1{font-size:27px}.cloud-login input{font-size:16px}.cloud-indicator{font-size:9px}.cloud-status-line{font-size:10px}.cloud-login small{margin-bottom:4px}input,textarea,select{font-size:16px!important}.topbar{height:auto;min-height:57px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}.top-actions{margin-left:auto}.cloud-entry{display:none}.side-pane{top:57px;height:calc(100dvh - 57px);padding-bottom:env(safe-area-inset-bottom)}.panel-head .head-right{max-width:48%}.tempo-tabs{overflow-x:auto;white-space:nowrap;max-width:100%}.heat-tabs{overflow-x:auto}.filters{height:auto;min-height:46px;flex-wrap:wrap;gap:5px;padding:5px 0}.filters .segmented{margin-left:auto}.task-row select{max-width:110px}.task-area{min-width:0}.kanban{overflow-x:auto}.hero-nav{gap:2px}.hero-nav button{padding:8px}.settings-actions button,.dialog-actions button{min-height:40px}.primary{min-height:40px}.footer-links{flex-wrap:wrap}.companion{pointer-events:none}.cloud-account-actions{flex-wrap:wrap}}
/* Browser viewport corrections for compact navigation and input readability. */
@media(max-width:900px){input,textarea,select{font-size:16px!important}}
@media(max-width:760px){.tempo-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tempo-tabs button{flex:0 0 auto;white-space:nowrap}.task-card-foot{flex-wrap:wrap;gap:6px}.task-card-foot select{max-width:100%;min-height:34px}.hero-nav{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.hero-nav button{flex:0 0 auto}.hero-nav .nav-spacer{min-width:0}.settings-row label{min-width:0;line-height:1.7}.side-pane{overscroll-behavior:contain}.panel-head>div:not(.head-right){min-width:0}.notes-heading{flex-wrap:wrap;gap:8px}.notes-heading .micro{flex-basis:100%}.editor-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}}
@media(max-width:560px){.topbar{height:57px;min-height:57px;flex-wrap:nowrap;padding:0 12px;gap:6px}.app-tabs{gap:0;margin-left:0;flex-shrink:0}.app-tab{padding:7px 8px;gap:5px;min-height:34px}.app-tab:first-child{font-size:0}.app-tab:first-child:after{content:"学习";font-size:10px}.top-actions{gap:1px;min-width:0}.top-actions .workspace-button{padding:4px 6px;font-size:9px;white-space:nowrap}.top-actions .cloud-indicator{padding:4px 6px;font-size:8px}.tempo-header{display:grid;grid-template-columns:25px 1fr;gap:8px 9px}.tempo-header>h1{white-space:nowrap}.tempo-header>.icon{width:24px;height:24px}.tempo-header>.head-right{grid-column:1/-1;display:flex;justify-content:flex-end;margin-left:0}.tempo-header .head-right button{display:inline-flex;align-items:center;gap:5px;min-height:36px;white-space:nowrap;padding:8px 10px}.heat-grid{gap:2px}.heat-cell{min-width:2px}.task-toolbar .head-right{margin-left:auto;max-width:100%;min-width:0}.task-search{min-width:0}.dialog-title{gap:12px}.dialog-title h2{min-width:0;overflow-wrap:anywhere}.dialog-actions{flex-wrap:wrap;gap:7px}.dialog-actions button{padding:9px 13px}.settings-space{flex-wrap:wrap;gap:9px}.side-pane{width:min(320px,calc(100vw - 14px))}.side-toolbar{gap:7px}}
@media(max-width:900px){.hero{background-position:12% 48%}}