.cloud-shell{max-width:1060px;padding-top:48px}.cloud-shell .brand{margin-bottom:44px}.cloud-shell .hero{min-height:270px}.cloud-shell .hero-copy{max-width:100%}.cloud-shell .hero p{max-width:620px}.cloud-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.cloud-features .card{margin:0}.cloud-features p:not(.eyebrow){font-size:13px;color:var(--muted)}#status{margin:20px 0;white-space:pre-wrap}#status:empty{display:none}.cloud-task{padding:22px;background:#fffefa;border:1px solid var(--line);border-radius:12px;margin:14px 0}.cloud-task p{white-space:pre-wrap;overflow-wrap:anywhere}.cloud-task label{display:block;margin-top:16px}.cloud-task textarea{width:100%}.cloud-task button{margin-top:14px}.cloud-shell button[hidden]{display:none}.cloud-roster{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cloud-task details{margin-top:16px}.cloud-task summary{cursor:pointer}.cloud-task .saved{color:#324f3c}.cloud-warning{padding:16px;background:#eee6ce;border-radius:8px;font-size:13px}@media(max-width:700px){.cloud-shell{padding-top:26px}.cloud-features{grid-template-columns:1fr}.cloud-shell h1{font-size:35px}}
.main-shell{min-width:0}
@media(max-width:600px){body[data-mode="aws"] .sidebar nav{display:flex;flex-wrap:wrap;gap:4px}body[data-mode="aws"] .sidebar .nav-item{width:auto;max-width:100%;flex:1 1 140px;white-space:normal;min-height:44px;font-size:12px}body[data-mode="aws"] footer{flex-wrap:wrap;gap:8px;font-size:12px}body[data-mode="aws"] footer button{font-size:12px;min-height:44px;text-align:left}dialog input{max-width:100%}}
.journal-answer{white-space:pre-wrap;overflow-wrap:anywhere}.journal-filters{display:flex;gap:12px;flex-wrap:wrap}#journal-panel textarea{width:100%}#journal-panel label{display:block;margin:12px 0}#journal-panel .card{margin:14px 0}
#journal-more[hidden]{display:none!important}
.instructions{white-space:pre-line;font-size:16px;line-height:1.7}
body #account-form{width:100%;max-width:520px}body #account-form label{display:block;margin:14px 0;color:#FFFEFA;font-size:17px}body #account-form input:not([type="checkbox"]){display:block;width:100%;box-sizing:border-box;margin-top:8px;background:#1E3A33;color:#FFFEFA;border:1px solid #A9C0B4;border-radius:10px;padding:14px;font-size:18px;min-height:52px}body #account-form input:focus-visible{outline:2px solid #E7CE91;outline-offset:3px}body #account-form input[type="checkbox"]{width:20px;height:20px;vertical-align:middle;margin-right:8px;accent-color:#E7CE91}body #account-form .button{margin:8px 8px 0 0;min-height:50px}body #account-form .cream{background:#E7CE91;color:#172C28}body #account-form h2{font-size:22px;color:#E7CE91}
body .login-shell .login-install .button.subtle{border:1px solid #E7CE91;color:#E7CE91;font-size:17px}
.cloud-shell.login-shell{max-width:720px;padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));margin:auto}.login-shell .brand{margin-bottom:32px}.login-shell .page-heading{margin-bottom:24px}.login-shell .page-heading h1{color:#E7CE91;font-size:clamp(34px,6vw,48px);line-height:1.15;margin-bottom:16px}.login-shell p{font-size:17px;line-height:1.6}.login-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.login-actions #login{background:#E7CE91;color:#172C28;min-width:170px;min-height:52px;font-size:18px}.login-shell .login-help{margin-top:28px;border-top:1px solid #6E8C7B;padding-top:24px}.login-help h2{font-size:21px;margin:0 0 8px;color:#E7CE91}.login-help p{margin:8px 0 16px}.login-help .login-transition{color:#A9C0B4;font-size:16px}.login-shell .login-install{margin-top:24px;padding:20px;border:1px solid #E7CE91;border-radius:16px;background:#1E3A33}.login-install .button{border:1px solid #E7CE91;color:#E7CE91;font-size:17px}.login-install p{margin:12px 0 0}.login-shell #workspace:empty{display:none}.login-shell #status:not(:empty){padding:16px;border:1px solid #E7CE91;border-radius:12px;background:#1E3A33}@media(max-width:480px){.login-actions{align-items:stretch;flex-direction:column}.login-actions #recover{text-align:center}.login-shell .brand{margin-bottom:24px}.login-shell .login-install .button{width:100%}}
