@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#fff;background:#000;font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:#000;min-width:320px;margin:0}button,input{font:inherit}.page{min-height:100vh}.header{background:#000;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex}.identity{letter-spacing:.06em;align-items:center;gap:10px;font:600 13px/1 IBM Plex Mono,monospace;display:flex}.identity b{font-weight:400}.logo{border:1px solid #fff;border-radius:7px;place-items:center;width:30px;height:30px;font:600 15px/1 Georgia;display:grid}.content{max-width:1180px;margin:auto;padding:54px 24px 72px}.title-row{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.overline{letter-spacing:.12em;margin:0 0 10px;font:500 10px/1 IBM Plex Mono,monospace}h1{letter-spacing:-.055em;margin:0;font-size:32px;line-height:1}.count{align-items:center;gap:7px;font-size:13px;display:flex}.toolbar{gap:14px;display:grid}.searchbox{color:#fff;background:#000;border:1px solid #fff;border-radius:8px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.searchbox:focus-within{outline-offset:3px;outline:2px solid #fff}.searchbox input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.searchbox input::placeholder{color:#fff;opacity:.65}.searchbox kbd{border:1px solid #fff;border-radius:4px;padding:3px 6px;font:10px IBM Plex Mono,monospace}.tabs{gap:7px;padding-bottom:2px;display:flex;overflow:auto}.tabs button{color:#fff;cursor:pointer;background:#000;border:1px solid #fff;border-radius:6px;flex:none;padding:8px 11px;font-size:12px}.tabs button:hover,.tabs button:focus-visible,.tabs button.active{color:#000;background:#fff;outline:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}.card{color:#fff;background:#000;border:1px solid #fff;border-radius:9px;min-height:192px;padding:18px;transition:transform .16s,background .16s,color .16s}.card:hover{color:#000;background:#fff;transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:start;gap:10px;display:flex}.card h2{letter-spacing:-.045em;margin:0;font-size:20px}.card p{margin:6px 0 0;font-size:12px}.role{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:4px;max-width:46%;padding:4px 6px;font-size:10px;overflow:hidden}.lines{gap:10px;margin-top:18px;display:grid}.info{grid-template-columns:15px 52px minmax(0,1fr);align-items:center;gap:7px;min-width:0;font-size:11px;display:grid}.info-icon{place-items:center;display:grid}.info-icon svg{width:13px;height:13px}.info a{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info a:hover{text-decoration-thickness:2px}.muted{opacity:.65}.empty{text-align:center;border:1px dashed #fff;border-radius:8px;padding:80px 24px;font-size:14px}footer{border-top:1px solid #fff;padding:20px max(24px,50vw - 590px);font:10px IBM Plex Mono,monospace}.boot-screen,.lock-page{color:#fff;background:#000;place-items:center;min-height:100svh;display:grid}.boot-mark,.lock-logo{color:#000;background:#fff;border:1px solid #fff;place-items:center;font:600 20px/1 Georgia;display:grid}.boot-mark{border-radius:14px;width:48px;height:48px;animation:1.2s ease-in-out infinite pulse}.lock-page{padding:28px}.lock-shell{gap:28px;width:min(100%,430px);display:grid;position:relative}.lock-brand{letter-spacing:.09em;justify-self:center;align-items:center;gap:10px;font:600 12px/1 IBM Plex Mono,monospace;display:flex}.lock-brand b{font-weight:400}.lock-logo{border-radius:9px;width:31px;height:31px;font-size:15px}.lock-card{text-align:center;background:#000;border:1px solid #fff;border-radius:24px;padding:38px 34px 30px;box-shadow:9px 9px #fff}.security-mark{color:#000;background:#fff;border:1px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 23px;display:grid}.lock-eyebrow{letter-spacing:.15em;margin:0 0 12px;font:500 10px/1 IBM Plex Mono,monospace}.lock-card h1{letter-spacing:-.06em;font-size:29px}.lock-description{margin:13px 0 25px;font-size:13px;line-height:1.65}.pin-slots{justify-content:center;gap:13px;display:flex}.pin-slot{border-bottom:2px solid #fff;place-items:center;width:38px;height:45px;transition:transform .18s;display:grid}.pin-slot i{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .18s,transform .18s;transform:scale(.4)}.pin-slot.filled{transform:translateY(-2px)}.pin-slot.filled i{opacity:1;transform:scale(1)}.pin-message{min-height:20px;margin:13px 0 20px;font-size:11px}.pin-message.is-error{border-bottom:1px solid #fff}.pin-pad{grid-template-columns:repeat(3,1fr);gap:9px;max-width:272px;margin:auto;display:grid}.pin-pad button{color:#fff;cursor:pointer;background:#000;border:1px solid #fff;border-radius:12px;height:48px;font:500 18px/1 IBM Plex Mono,monospace;transition:transform .15s,background .15s,color .15s}.pin-pad button:hover:not(:disabled),.pin-pad button:focus-visible{color:#000;background:#fff;outline:0;transform:translateY(-2px)}.pin-pad button:active:not(:disabled){transform:scale(.96)}.pin-pad button:disabled{cursor:wait;opacity:.65}.pin-pad .delete-key{place-items:center;display:grid}.lock-footer{background:#000;border:1px solid #fff;justify-self:center;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}@keyframes pulse{50%{transform:scale(.92)}}@media (width<=850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.header{height:62px;padding:0 18px}.content{padding:36px 18px 52px}.title-row{margin-bottom:22px}h1{font-size:27px}.grid{grid-template-columns:1fr}.searchbox kbd{display:none}footer{padding:18px}}@media (width<=480px){.lock-page{padding:18px}.lock-shell{gap:21px}.lock-card{border-radius:21px;padding:31px 21px 25px;box-shadow:6px 6px #fff}.lock-card h1{font-size:27px}.lock-description{font-size:12px}.pin-pad{gap:8px;max-width:100%}.pin-pad button{height:51px}.lock-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}