@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Inter-Light.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}:root{color-scheme:light;--bg: #fff;--fg: #111;--muted: #6e6e6e;--line: #e5e5e5;--space: 32px;font-family:Inter,SF Pro Text,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}button,input,textarea,select{font:inherit;color:inherit}#app{min-height:100vh}h1,h2{margin:0 0 32px;font-size:36px;font-weight:300;letter-spacing:-.03em}.gate{min-height:100vh;display:grid;place-items:center;padding:64px 24px}.gate-card{width:min(300px,100%)}.gate-card h1{margin:0 0 56px;font-size:22px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;text-align:center}.gate-card .btn-primary{width:100%;margin-top:8px}.field{display:grid;gap:8px;margin-bottom:28px}.field-label{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;transition:border-color .12s ease}textarea{min-height:80px;resize:vertical}select{padding-right:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%238e8e8e' d='M0 0l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right center}select option{background:#fff;color:#111}::placeholder{color:#a3a3a3}input:focus,textarea:focus,select:focus{outline:none;border-bottom-color:#111}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#111;caret-color:#111;transition:background-color 9999s ease-out 0s}.row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.btn{appearance:none;border:0;background:transparent;color:var(--fg);padding:0;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:opacity .12s ease,background .12s ease,color .12s ease}.btn:hover{opacity:.65}.btn-primary{background:#000;color:#fff;border-radius:2px;padding:12px 24px;letter-spacing:.14em}.btn-primary:hover{opacity:1;background:#222}.btn-outline{border:1px solid #111;border-radius:2px;padding:11px 20px}.btn-danger{color:var(--muted)}.btn:disabled{opacity:.4;cursor:wait}.error{color:#111;margin:0 0 20px;font-size:14px}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.chrome{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:20px var(--space);border-bottom:1px solid var(--line)}.wordmark{margin:0;font-size:13px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.chrome nav{display:flex;gap:28px}.chrome .nav{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:color .12s ease}.chrome .nav:hover,.chrome .nav.active{color:var(--fg)}.vault-pick{margin-left:auto;width:auto;border:0;padding:4px 16px 4px 0;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer}.chrome .lock{margin-left:0}.main{padding:48px var(--space) 80px;max-width:720px}.top{display:flex;gap:20px;align-items:center;margin-bottom:28px}.top h1{margin:0;flex:1}.search{display:block;width:100%;margin-bottom:36px}.modal .row:has(.btn-primary){flex-direction:column;align-items:stretch;gap:16px}.modal .row .btn-primary{width:100%}.modal .row .btn:not(.btn-primary){align-self:flex-start}.modal .row:has(.btn):not(:has(.btn-primary)){margin:4px 0 20px}.item-list{display:grid}.item{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:baseline;padding:20px 0;cursor:pointer}.item+.item{border-top:1px solid var(--line)}.item h3{margin:0;font-size:16px;font-weight:400}.item p{margin:4px 0 0;color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:64px 0;font-size:14px}.modal-back{position:fixed;inset:0;background:#fff;display:grid;place-items:center;padding:24px;z-index:20}.modal{width:min(360px,100%);background:#fff;padding:0;border-radius:0}.modal h2{margin-bottom:40px}.modal>.btn-primary{width:100%}.secret-box{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;padding:16px 0;min-height:1.5em;word-break:break-all;-webkit-user-select:all;user-select:all;border-bottom:1px solid var(--line)}.secret-box input{width:100%;border:0;background:transparent;padding:0;text-transform:none;letter-spacing:0}.pw{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.check{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--muted);font-size:13px}input[type=checkbox]{appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer}input[type=checkbox]:checked{background:#111;border-color:#111;box-shadow:inset 0 0 0 3px #fff}details{margin:24px 0}details summary{cursor:pointer;color:var(--muted);list-style:none;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}details summary::-webkit-details-marker{display:none}.once{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.created{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--line)}.created .btn{margin-top:16px}.gate-alt{display:block;width:100%;margin-top:28px;text-align:center;color:var(--muted)}.email-line{margin:-16px 0 36px;color:var(--muted);font-size:14px}.settings-gap{margin:36px 0}.turnstile{margin:8px 0 24px;min-height:0}.modal>.btn-primary,.settings-gap+.field+.btn,.main .btn-primary{margin-top:4px}@media(max-width:640px){:root{--space: 20px}h1,h2{font-size:28px}.chrome nav{width:100%;gap:20px}.vault-pick{margin-left:0}.chrome .lock{margin-left:auto}.top{flex-wrap:wrap}.search{min-width:100%}}
