:root{--ink:#1c2a39;--paper:#f5f7fa;--surface:#fff;--soft:#f8fafc;--primary:#2458ad;--primary-hover:#194487;--primary-soft:#eaf1fc;--acid:#dce9ff;--muted:#59697b;--line:#dbe3ec;--control-line:#8494a8;--danger:#b42318;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Noto Sans KR,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(180deg, #f9fbfe 0, var(--paper) 280px);margin:0}button,input,select,textarea{font:inherit}main{grid-template-rows:auto 1fr auto;width:min(100%,1320px);min-height:100vh;margin:0 auto;padding:18px clamp(18px,4vw,48px) 16px;display:grid}.masthead,footer{border-bottom:1px solid var(--line);letter-spacing:.04em;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:11px;font-weight:650;display:flex}.wordmark{color:var(--primary);letter-spacing:-.04em;font-size:17px;font-weight:800}.phase,footer{color:var(--muted)}.account-nav{gap:8px;display:flex}.account-nav button{letter-spacing:0;min-height:36px;padding:7px 12px;font-size:12px}.setup{grid-template-columns:minmax(0,480px);place-content:center;gap:26px;padding:38px 0 48px;display:grid}.intro{text-align:center}.intro h1{letter-spacing:-.045em;max-width:none;font-size:clamp(30px,3vw,38px);line-height:1.2}.intro .eyebrow{margin-bottom:10px}.intro .lede{margin:10px auto 0}.session-loading{color:var(--muted);place-items:center;font:700 13px/1.5 Courier New,monospace;display:grid}.session-shell{align-content:start;gap:14px;width:min(100%,1120px);margin:0 auto;padding:26px 0;display:grid}.workspace-intro h1{font-size:clamp(32px,3.2vw,44px)}.workspace-intro .eyebrow{margin-bottom:8px}.workspace-intro .lede{margin-top:6px}.session-panels{gap:14px;min-width:0;display:grid}.session-shell .setup-card{max-width:none}.eyebrow,.step-label{color:var(--primary);letter-spacing:.08em;margin:0 0 16px;font-size:11px;font-weight:750}h1{letter-spacing:-.045em;max-width:850px;margin:0;font-size:clamp(32px,3.2vw,44px);font-weight:750;line-height:1.2}.lede{max-width:650px;color:var(--muted);margin:18px 0 0;font-size:clamp(14px,1.2vw,16px);line-height:1.55}.setup-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 36px -24px #182a4261}.sign-in-step,.shell-card,.totp-intro,.totp-setup,.recovery-setup,.security-complete{gap:10px;display:grid}.sign-in-step h2,.shell-card h2{letter-spacing:-.03em;margin:0;font-size:21px}.sign-in-step .step-label,.shell-card .step-label{margin:0}.email-login-option summary{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:1px solid #ccdcf6;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:700}.email-login-option summary span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700;line-height:1.5;display:block}.email-login-option summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.email-login-option[open] form{padding-top:10px}.signup-flow,.email-verification,.email-pending{gap:12px;display:grid}.signup-flow h2,.email-verification h2{margin:0;font-size:22px}.signup-flow .step-label,.email-verification .step-label{margin:0}.email-pending{background:var(--primary-soft);border:1px solid #ccdcf6;border-radius:10px;padding:12px}.bootstrap-panel,.recovery-panel{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.bootstrap-panel summary,.recovery-panel summary{cursor:pointer;font-size:13px;font-weight:650}.bootstrap-panel[open] summary,.recovery-panel[open] summary{margin-bottom:12px}.steps{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px;font-size:11px;font-weight:700;display:grid}.steps span{color:var(--muted);border-bottom:3px solid var(--line);padding:7px}.steps .active{color:var(--primary);border-color:var(--primary)}.steps .done{color:var(--ink);border-color:#77a6e4}form{gap:12px;display:grid}label{color:var(--muted);gap:5px;font-size:12px;font-weight:650;display:grid}input,select,textarea{width:100%;min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--control-line);border-radius:8px;outline:none;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2458ad29}textarea{resize:vertical;min-height:110px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px}button{color:#fff;background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:wait;opacity:.55}button.secondary{color:var(--ink);background:var(--surface);border-color:var(--control-line)}button.secondary:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:#a9c3eb}.passkey-step{gap:12px;display:grid}.passkey-step .step-label{margin:0}code{overflow-wrap:anywhere;color:#e8f1ff;background:#172a44;border-radius:8px;padding:14px;font-size:12px;line-height:1.5;display:block}.totp-qr{border:1px solid var(--line);background:#fff;place-items:center;width:100%;padding:16px;display:grid}.totp-qr svg{width:min(100%,240px);height:auto;display:block}.manual-secret-label{color:var(--muted);font-size:13px;font-weight:650}.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.recovery-grid code{text-align:center;padding:9px}.notice,.complete p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.complete{text-align:center;padding:24px 4px}.complete-mark{width:54px;height:54px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;font-size:28px;display:inline-grid}.complete h2{margin:20px 0 10px;font-size:26px}.complete button{width:100%;margin-top:20px}.error{color:var(--danger);margin:18px 0 0;font-size:13px;line-height:1.5}.success{color:#146145;background:#eaf7f0;border:1px solid #b9e4cd;border-radius:9px;margin:0;padding:10px 12px;font-size:13px;font-weight:650}.part-management{gap:16px;display:grid}.management-heading,.part-detail-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.management-heading h2,.part-detail-title h3{margin:0}.management-heading h2{font-size:22px}.management-heading .step-label{margin-bottom:8px}.management-heading>span,.part-detail-title>span{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.compact-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.compact-form button{min-width:112px}.part-workspace{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);display:grid;overflow:hidden}.part-list{background:var(--soft);border-right:1px solid var(--line);align-content:start;display:grid}.part-item{min-height:44px;color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;display:flex}.part-item>span{overflow-wrap:anywhere;min-width:0}.part-item small{color:var(--muted);font-size:10px}.part-item.selected{color:var(--primary);background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}.part-item.selected small{color:var(--primary)}.part-item:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:var(--line)}.part-detail{gap:12px;min-width:0;padding:12px;display:grid}.part-detail-title h3{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:19px}.member-list{border-top:1px solid var(--line);display:grid}.member-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.member-row div{gap:3px;min-width:0;display:grid}.member-row strong,.member-row span{overflow-wrap:anywhere}.member-row div span{color:var(--muted);font-size:12px}.member-row select{background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px;width:auto;min-width:108px;padding:7px 28px 7px 8px;font-size:11px}.role-badge{color:var(--muted);font-size:11px;font-weight:700}button.text-button{min-height:34px;color:var(--muted);background:0 0;border-color:#0000;padding:6px 9px;font-size:12px}button.text-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:#0000}button.text-button.danger-text{color:var(--danger)}button.text-button.danger-text:hover:not(:disabled){color:var(--danger);background:#fff0ee}.member-form{padding-top:4px}.empty-state{color:var(--muted);background:var(--soft);border:1px dashed var(--line);text-align:center;border-radius:10px;margin:0;padding:28px 18px;font-size:13px}.vault-panel,.vault-form{gap:14px;display:grid}.vault-form{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px}.vault-form h3{margin:0}.item-type-fields{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.item-type-fields[hidden]{display:none}.custom-fields{border-top:1px solid var(--line);gap:8px;padding-top:8px;display:grid}.custom-field-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:end;gap:8px;display:grid}.vault-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.vault-actions h3{margin:0}.vault-panel>.vault-actions{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.vault-panel>.vault-actions>strong{white-space:nowrap}.vault-password-control{gap:8px;display:grid}.vault-password-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.vault-inline-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.vault-inline-field label{min-width:0}.field-actions{flex-wrap:wrap;gap:8px;display:flex}.field-actions button{white-space:nowrap}.password-history{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.password-history summary{cursor:pointer;font-size:13px;font-weight:700}.password-history[open]{gap:12px;display:grid}.password-history-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.password-history-row label{min-width:0}.password-history-row time{color:var(--muted);font-size:11px;display:block}.generator-options{border-top:1px solid var(--line);padding:10px 0 0}.generator-options summary{cursor:pointer;font-size:13px;font-weight:700}.generator-options-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px;display:grid}.generator-options-fields label:first-child{grid-column:1/-1}.advanced-vault-tools{background:var(--soft);border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.advanced-vault-tools summary{cursor:pointer;font-size:13px;font-weight:700}.advanced-vault-tools[open]{gap:12px;display:grid}.check-label{cursor:pointer;flex-direction:row;align-items:center;gap:8px;min-height:40px;display:flex}.check-label input{width:17px;height:17px;min-height:17px;accent-color:var(--primary);flex:none;margin:0}.vault-list{border-top:1px solid var(--line);gap:2px;display:grid}.vault-entry{border-bottom:1px solid var(--line);min-width:0}.vault-entry:hover{background:var(--soft)}.vault-entry:has(.vault-row button[aria-expanded=true]){background:var(--primary-soft)}.vault-entry .vault-row{border-bottom:0}.vault-inline-detail{min-width:0;padding:0 12px 12px}.chrome-import-list{border-top:1px solid var(--line);max-height:300px;display:grid;overflow:auto}.chrome-import-row{border-bottom:1px solid var(--line);cursor:pointer;gap:10px;min-width:0;padding:8px}.chrome-import-row input{flex:none;min-height:0}.chrome-import-row span{overflow-wrap:anywhere;min-width:0}.chrome-import-row small{color:var(--muted);font-size:11px;display:block}.vault-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:grid}.vault-row div{gap:4px;min-width:0;display:grid}.vault-row strong,.vault-row span{overflow-wrap:anywhere}.vault-row span{color:var(--muted);font-size:11px;line-height:1.4}.reveal-panel{background:var(--surface);border-color:#b9cfee;border-left:3px solid var(--primary)}.access-panel,.custody-panel{border-color:#b9cfee}.custody-warning{color:var(--danger);background:#fff4f2;border:1px solid #f2c8c3;border-radius:8px;margin:0;padding:12px;font-size:13px;line-height:1.5}.archive-confirmation{background:#fff4f2;border:1px solid #e6b6b0;border-radius:10px;gap:10px;padding:16px;display:grid}.archive-confirmation:focus{outline:2px solid var(--danger);outline-offset:2px}.archive-confirmation h3,.archive-confirmation p{margin:0}.archive-confirmation p{line-height:1.5}button.danger-action{background:var(--danger);border-color:var(--danger)}button.danger-action:hover:not(:disabled){background:#8f1c13;border-color:#8f1c13}.access-row{align-items:start}.vault-row .access-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.access-actions button{white-space:nowrap}footer{border-top:1px solid var(--line);border-bottom:0;gap:20px;padding:10px 0 0}@media (height<=800px) and (width>=521px){.setup{gap:12px;padding:12px 0}.intro h1{font-size:30px}.intro .eyebrow{margin-bottom:6px}.intro .lede{margin-top:6px}.setup-card{padding:16px 20px}.bootstrap-panel,.recovery-panel{margin-top:8px;padding-top:8px}footer{display:none}}@media (width<=900px){.setup{grid-template-columns:minmax(0,480px);gap:24px}.intro{max-width:480px}.setup-card{width:100%;max-width:480px}.session-panels{width:100%;max-width:720px}.session-panels .setup-card{max-width:none}}@media (width<=520px){main{padding:16px}.phase{display:none}.account-nav button{padding:7px 8px;font-size:11px}.setup{gap:22px;padding:26px 0}.intro h1{font-size:clamp(28px,8vw,34px)}.workspace-intro h1{font-size:32px}.setup-card{padding:16px}button,input,select,textarea{min-height:44px}.check-label input{min-height:17px}.recovery-grid,.compact-form,.part-workspace{grid-template-columns:1fr}.compact-form button{width:100%}.part-list{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.part-detail{border-top:0}.member-row{grid-template-columns:minmax(0,1fr) auto}.member-row .role-badge{grid-column:1}.vault-actions{flex-direction:column;align-items:stretch}.vault-actions .vault-actions{flex-flow:wrap}.vault-actions .vault-actions>button{flex:120px}.vault-password-field,.vault-inline-field,.password-history-row,.custom-field-row,.access-row{grid-template-columns:1fr}.vault-row .access-actions{justify-content:flex-start}footer{flex-wrap:wrap;gap:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){button{transition:none}}