:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f1f4ef;background:#101713;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}#signin{min-height:100dvh;max-width:420px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:32px}.wordmark{letter-spacing:.2em;font-size:12px;color:#b2beb6}h1{font-weight:450;font-size:48px;letter-spacing:-.04em;margin:26px 0 5px}#signin p{color:#b2beb6;line-height:1.6}.signin{margin-top:28px;border:1px solid #a3b2a8;background:#e7ede8;color:#14291f;text-decoration:none;display:flex;justify-content:space-between;padding:16px 18px;border-radius:5px;font-size:14px}.hint{font-size:12px}#workspace{display:grid;grid-template-columns:200px minmax(0,1fr);height:100dvh}aside{background:#14291f;border-right:1px solid #314438;padding:26px 16px 18px;display:flex;flex-direction:column}.brand{color:#f0f3ed;text-decoration:none;font-weight:600;font-size:18px;letter-spacing:.04em}.brand span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:8px;color:#bac7bd}.label{margin:48px 10px 12px;font-size:10px;letter-spacing:.16em;color:#91a497}nav a{display:block;padding:12px;border-radius:5px;background:#284035;color:#fff;text-decoration:none;font-size:14px;border:1px solid #3e5748}nav a:before{content:'◦';color:#c4d4c8;margin-right:10px}footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:16px 10px 0;color:#b5c2b8;font-size:12px}button{background:none;border:0;padding:0;text-align:left;color:#91a497;cursor:pointer;font:inherit}button:hover{color:white}.project{position:relative;min-width:0;overflow:hidden;background:#050505}iframe{width:100%;height:100%;border:0;display:block}#status{position:absolute;top:45%;left:0;width:100%;text-align:center;color:#a2ada5;font-size:14px;padding:20px}@media(max-width:650px){#workspace{grid-template-columns:140px minmax(0,1fr)}aside{padding:22px 10px}.brand span{display:block;margin:7px 0 0}.label{margin-top:32px}nav a{padding:12px 8px;font-size:12px}}a:focus-visible,button:focus-visible{outline:2px solid #dce9de;outline-offset:4px}