:root{--color-paper:oklch(99% .003 130);--color-paper-2:oklch(97% .008 130);--color-paper-3:oklch(94% .012 130);--color-ink:oklch(25% .015 150);--color-muted:oklch(46% .02 150);--color-rule:oklch(85% .015 130);--color-input-rule:oklch(60% .02 130);--color-accent:oklch(36% .05 150);--color-accent-ink:oklch(99% .003 130);--color-focus:oklch(50% .13 145);--color-error:oklch(46% .15 30);--color-error-paper:oklch(97% .02 30);--color-overlay:oklch(20% .01 150/.55);--font-display:"Microsoft YaHei", "PingFang SC", sans-serif;--font-body:"Microsoft YaHei", "PingFang SC", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-display:clamp(1.5rem, 2vw, 2rem);--radius-control:.375rem;--radius-panel:.75rem;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-short:.15s}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--color-paper-2);color:var(--color-ink);font:var(--text-md)/1.6 var(--font-body);margin:0}button,input,textarea,select{font:inherit;color:inherit}button{min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);white-space:nowrap;cursor:pointer}button.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}button.danger{color:var(--color-error)}button:disabled{opacity:.55;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}@media (hover:hover){button:hover:not(:disabled){background:var(--color-paper-3);color:var(--color-ink)}button.primary:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper)}input:hover,textarea:hover,select:hover{background:var(--color-paper-2)}}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}input,textarea,select{border:1px solid var(--color-input-rule);background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-control);width:100%;min-width:0;min-height:44px;padding:var(--space-sm) var(--space-md)}input::placeholder,textarea::placeholder{color:var(--color-muted)}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}:is(input:user-invalid,textarea:user-invalid){border-color:var(--color-error)}textarea{resize:vertical;min-height:96px}label{gap:var(--space-sm);font-size:var(--text-sm);display:grid}form{gap:var(--space-lg);display:grid}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal;line-height:1.3}h1{font-size:var(--text-display)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}code,.mono,.secret-value{font-family:var(--font-mono)}.muted,small,dt{color:var(--color-muted);font-size:var(--text-sm)}.error{color:var(--color-error);min-height:1.5em;font-size:var(--text-sm);overflow-wrap:anywhere}.brand{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700}.brand span{font:var(--text-sm) var(--font-body)}.topbar{justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-paper);color:var(--color-ink);border-bottom:1px solid var(--color-rule);align-items:center;display:flex}.vault{grid-template-columns:minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.catalog{padding:var(--space-lg) var(--space-md);min-width:0}.catalog-heading,.section-head,.dialog-head{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.catalog-heading{margin-bottom:var(--space-xl)}.catalog-heading p{margin-top:var(--space-sm)}.filters{gap:var(--space-md);margin-bottom:var(--space-xl);display:grid}.list-head{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);justify-content:space-between;display:flex}.accounts{margin:0;padding:0;list-style:none}.account-row{gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-md);border:none;border-bottom:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);text-align:left;border-radius:0;justify-content:space-between;align-items:center;display:flex}.account-row.selected{background:var(--color-paper-3);color:var(--color-ink)}.row-text{gap:var(--space-xs);min-width:0;display:grid}.row-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-text strong{font-size:var(--text-md)}.row-text .mono{font-size:var(--text-sm)}.badge{font-size:var(--text-sm);color:var(--color-muted);flex-shrink:0}.badge.pending{color:var(--color-accent)}.catalog-footer{gap:var(--space-sm);padding-top:var(--space-md);display:flex}.detail{padding:var(--space-xl) var(--space-md);background:var(--color-paper);color:var(--color-ink);border-top:1px solid var(--color-rule);min-width:0}.detail-title{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.avatar{background:var(--color-paper-3);width:48px;height:48px;color:var(--color-accent);border-radius:var(--radius-control);font:700 var(--text-lg) var(--font-mono);flex-shrink:0;place-items:center;display:grid}.account-name{justify-content:space-between;gap:var(--space-sm);align-items:center;display:flex}.account-name code{overflow-wrap:anywhere;min-width:0}.detail-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.notes{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--space-lg)}dl{gap:var(--space-sm);font-size:var(--text-sm);padding-block:var(--space-md);grid-template-columns:90px minmax(0,1fr);display:grid}dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.secrets,.steam-login{border-top:1px solid var(--color-rule);padding-top:var(--space-lg);margin-top:var(--space-lg);gap:var(--space-md);display:grid}.secret-field{gap:var(--space-sm);display:grid}.secret-value{min-height:70px;font-size:var(--text-sm);word-break:break-all}.secret-field .section-head button{font-size:var(--text-sm)}.login-status{font-weight:700;font-size:var(--text-sm)}.working:before{content:"◌";margin-right:var(--space-sm)}.text-button{background:var(--color-paper);color:var(--color-muted);justify-self:start}.guard-form{gap:var(--space-sm)}.guard-code{gap:var(--space-sm);display:grid}.guard-code>strong{font-size:var(--text-display);letter-spacing:.12em}details>label,details>p{margin-top:var(--space-md)}summary{cursor:pointer;min-height:44px;padding-block:var(--space-sm)}.checkbox{align-items:center;gap:var(--space-sm);display:flex}.checkbox input{width:20px;min-height:44px}.placeholder{align-content:center;justify-items:start;gap:var(--space-lg);min-height:340px;display:grid}.key-symbol{color:var(--color-accent);font-size:60px;line-height:1}.empty{padding:var(--space-2xl) var(--space-md);gap:var(--space-md);justify-items:start;display:grid}footer{max-width:1600px;padding:var(--space-lg) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid var(--color-rule);margin:auto}dialog{width:min(560px,100% - 32px);height:fit-content;max-height:90dvh;padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);margin:auto;position:fixed;inset:0}dialog::backdrop{background:var(--color-overlay)}.dialog-head{margin-bottom:var(--space-lg)}.form-grid{gap:var(--space-md);display:grid}.audit-list{margin:var(--space-lg) 0;padding:0;list-style:none}.audit-list li{gap:var(--space-xs);border-bottom:1px solid var(--color-rule);padding-block:var(--space-md);display:grid}.audit-list time{font-size:var(--text-sm);color:var(--color-muted)}.login-layout{max-width:1280px;padding:var(--space-xl) var(--space-md);gap:var(--space-2xl);margin:auto;display:grid}.login-intro{gap:var(--space-xl);align-content:start;display:grid}.login-intro h1{line-height:1.5}.login-intro p{color:var(--color-muted)}.login-foot{font-size:var(--text-sm);color:var(--color-muted)}.login-form{background:var(--color-paper);color:var(--color-ink);padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-panel);align-content:start}.boot,.lock-error{padding:var(--space-xl)}.lock-error{background:var(--color-error-paper);color:var(--color-error)}@media (width>=40rem){.filters{grid-template-columns:minmax(0,1fr) 160px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog,.detail,.topbar,footer{padding-inline:var(--space-xl)}.login-layout{padding:var(--space-2xl)}}@media (width>=64rem){.vault{grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100dvh - 150px)}.detail{border-left:1px solid var(--color-rule);border-top:none}.catalog{padding-top:var(--space-2xl)}.login-layout{grid-template-columns:minmax(0,1fr) 420px;gap:80px;padding-top:12dvh}.login-intro{padding-top:var(--space-xl)}.login-intro h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}