:root{font-family:system-ui,sans-serif;color:#152e31;background:#eef3f5;font-synthesis:none;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input{font:inherit}.shell{width:min(100% - 2rem,50rem);margin-inline:auto}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 0}.topbar strong,.topbar span{display:block}.topbar span{color:#476165;font-size:.875rem}main{padding-block:1rem 2rem}.panel{padding:clamp(1rem,4vw,2rem);border:1px solid #ccdcd9;border-radius:1rem;background:#fff}.gate{max-width:29rem;margin:1.5rem auto}h1{margin:0 0 .75rem;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.2;overflow-wrap:anywhere}.panel>button+h1{margin-top:1rem}p{margin-block:.75rem}form{display:grid;gap:1rem;margin-top:1.25rem}label{display:grid;gap:.35rem;font-weight:600}input{width:100%;min-width:0;min-height:2.75rem;padding:.6rem .7rem;border:1px solid #758c8e;border-radius:.55rem;color:#152e31;background:#fff}button{min-height:2.75rem;padding:.55rem .9rem;border:1px solid transparent;border-radius:.55rem;color:#fff;background:#125c57;font-weight:650;cursor:pointer}button:hover:not(:disabled){background:#0b4743}button:disabled{opacity:.65;cursor:wait}.secondary,.entry{color:#174d49;background:#f4f9f8;border-color:#a4bbb6}.secondary:hover:not(:disabled),.entry:hover:not(:disabled){background:#e3f0ed}:focus-visible{outline:3px solid #15736c;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.directory-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:1rem}.directory{display:grid;gap:.65rem;padding:0;list-style:none}.entry{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;width:100%;padding:.8rem 1rem;text-align:left}.entry strong,.entry span span{display:block;overflow-wrap:anywhere}.entry span span,.entry>span:last-child{font-size:.875rem;font-weight:500}.error{color:#9a2424}.pending{color:#875015;font-weight:650}.secret{display:block;overflow-wrap:anywhere;background:#f0f5f4;padding:.75rem;border-radius:.5rem}.brand{display:flex;align-items:center;gap:.8rem}.brand small{display:block;color:#476165;font-size:.875rem}.login-shell{display:grid;align-content:center;min-height:100svh;width:min(100% - 2rem,65rem);margin:auto}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;padding:0;margin-block:1rem;border-radius:1.4rem;background:#fff;box-shadow:0 20px 55px #172b3821;overflow:hidden}.login-intro{min-height:31rem;padding:clamp(1.5rem,5vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;color:#fff;background:radial-gradient(ellipse at bottom right,#16403e,transparent 68%),#101d29}.login-intro .brand small,.intro-copy small{color:#b4ccca}.intro-copy .eyebrow{color:#86d5bd;font-size:.8rem;letter-spacing:.13em;font-weight:650}.intro-copy p{font-size:clamp(1.7rem,5vw,3.1rem);line-height:1.1;letter-spacing:-.035em;font-weight:700}.intro-copy small{display:block;max-width:28ch;font-size:.97rem}.login-layout .gate{width:100%;max-width:unset;margin:0;align-self:center;padding:clamp(1.3rem,5vw,3.5rem);border:0}.gate h1{font-size:clamp(1.65rem,4vw,2rem)}.gate>p{color:#476165}.password-field{display:flex;gap:.4rem;margin-top:-.65rem}.password-field button{font-size:.875rem}.install{margin-top:1.5rem}.install p{font-size:.9rem}@media(max-width:680px){.login-shell{width:min(100% - 1rem,29rem);align-content:start}.login-layout{grid-template-columns:1fr}.login-intro{min-height:auto;padding:1.4rem;gap:1.3rem}.intro-copy p{margin-block:.4rem}.intro-copy p br{display:none}.intro-copy small{max-width:38ch}.login-layout .gate{padding:1.4rem}}