:root{--bg:#1c1c1e;--panel:#232326;--field:#2a2a2e;--line:#35353a;--text:#f5f5f7;--muted:#98989d;--accent:#0a84ff;--accent-soft:#10284a;--on-accent:#fff;--hover:#ffffff0f;--active:#ffffff1c;--side:#26262c9e;--danger:#ff453a;--danger-soft:#ff453a24;--notice:#ffb340;--notice-soft:#ff9f0a24;--ok:#34c759;--pw-digit:#64b0ff;--pw-symbol:#ff6b9a;--glow-1:#1e2a4d;--glow-2:#3a2034;--glow-3:#15332a;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(500px 500px at 0% 0%, var(--glow-1), transparent 70%), radial-gradient(500px 600px at 0% 100%, var(--glow-2), transparent 70%), radial-gradient(400px 400px at 30% 50%, var(--glow-3), transparent 70%), var(--bg);font:13.5px/1.45 -apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}h1,h2{overflow-wrap:anywhere;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent)}.ic{vertical-align:middle;flex:none;display:inline-block}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);overflow-wrap:anywhere}.center-text{text-align:center}.spacer{flex:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{border:1px solid var(--line);min-width:18px;height:18px;color:var(--muted);font:10.5px/1 var(--mono);border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid;text-decoration:none!important}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button[aria-pressed=true]{color:var(--accent)}.link-button{color:var(--accent);background:0 0;border:0;padding:4px 6px;font-size:14px}.link-button.strong{font-weight:600}.pill-button{background:var(--panel);height:32px;box-shadow:0 0 0 .5px var(--line);color:var(--accent);border:0;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}.pill-button:hover:not(:disabled){background:var(--field)}.primary-button{background:var(--accent);height:38px;color:var(--on-accent);border:0;border-radius:10px;padding:0 18px;font-weight:600}.danger-button{color:var(--danger);background:0 0;border:0;padding:6px 8px;font-size:14px}.danger-button.strong{font-weight:600}.callout{background:var(--panel);box-shadow:0 0 0 .5px var(--line);text-align:left;border-radius:10px;padding:10px 14px;font-size:13px}.callout.error{background:var(--danger-soft);color:var(--danger);box-shadow:none}.callout.notice{background:var(--notice-soft);color:var(--notice);box-shadow:none}.vault{grid-template-columns:260px 360px 1fr;height:100%;display:grid}.side{background:var(--side);-webkit-backdrop-filter:blur(40px)saturate(1.6);backdrop-filter:blur(40px)saturate(1.6);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:14px 10px 10px;display:flex}.search{height:30px;color:var(--muted);background:#ffffff12;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:0 7px 0 9px;display:flex}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::-webkit-search-cancel-button{filter:invert()opacity(.5)}.nav{flex:1;overflow-y:auto}.nav-gap{height:14px}.nav-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:32px;padding:0 8px;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--active);font-weight:600}.nav-item .count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item .soon{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:99px;flex:none;margin-left:auto;padding:0 5px;font-size:9.5px;font-weight:400}.nav-icon{color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.k-all{background:#5e5ce6}.k-login{background:#0a84ff}.k-totp{background:#34c759}.k-passkey{background:#ff9f0a}.k-note{background:#e6a100}.k-card{background:#ff375f}.k-ssh{background:#30b0c7}.k-env{background:#bf5af2}.k-trash{background:#8e8e93}.side-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:2px;padding:8px 2px 0 4px;font-size:12px;display:flex}.status{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.status i{border-radius:50%;flex:none;width:7px;height:7px}.status.offline{color:var(--notice)}.status.offline i{background:var(--notice)}.mid{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.mid-head{align-items:center;gap:8px;padding:16px 10px 10px 18px;display:flex}.mid-head h2{font-size:20px;font-weight:700}.mid-head .count{color:var(--muted);font-size:13px}.phone-only,.chips,.back{display:none!important}.item-list{flex:1;margin:0;padding:2px 8px 14px;list-style:none;overflow-y:auto}.item-row{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:7px 10px;display:flex}.item-row:hover{background:var(--hover)}.item-row.selected{background:var(--accent);color:var(--on-accent)}.item-row.selected .item-sub{color:#fffc}.item-row.broken .item-name{color:var(--danger)}.item-row.selected.broken .item-name{color:inherit}.item-text{flex-direction:column;flex:1;min-width:0;display:flex}.item-name,.item-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-name{font-weight:600}.item-sub{color:var(--muted);font-size:12px}.empty{padding:20px 12px;line-height:1.6}.av{background:linear-gradient(160deg, hsl(var(--h,210) 75% 62%), hsl(var(--h,210) 70% 46%));color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:650;line-height:1;display:grid;box-shadow:inset 0 0 0 .5px #00000026}.av-lg{border-radius:19px;width:76px;height:76px;font-size:34px}.av-note{background:linear-gradient(160deg,#f5c542,#e6a100)}.av-card{background:linear-gradient(160deg,#ff6b85,#ff375f)}.group-head{color:var(--muted);justify-content:space-between;align-items:center;margin:0 4px -8px 16px;font-size:12px;display:flex}.group-head .link-button{padding:0 4px;font-size:12.5px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 18px;font-size:14.5px;line-height:1.75}.av-broken{background:var(--danger-soft);color:var(--danger)}.detail{min-width:0;padding:16px 36px 48px;overflow-y:auto}.item-detail,.item-editor{flex-direction:column;gap:16px;max-width:620px;margin:0 auto;display:flex}.dtop{align-items:center;gap:10px;min-height:34px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:6px 0 8px;display:flex}.hero h1{font-size:24px}.hero-sub{color:var(--muted);margin-top:-6px;font-size:13px}.group{background:var(--panel);box-shadow:0 0 0 .5px var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.group-row{border-top:.5px solid var(--line);align-items:center;gap:6px;min-height:52px;padding:6px 8px 6px 16px;display:flex}.group-row:first-child{border-top:0}.group-main{flex-direction:column;flex:1;min-width:0;display:flex}.group-label{color:var(--muted);font-size:12px}.group-value{overflow-wrap:anywhere;font-size:14.5px}.group-value.mono{font-size:15px}.group-value.masked{letter-spacing:.14em}.group-value.notes{white-space:pre-wrap}.pw-digit{color:var(--pw-digit)}.pw-symbol{color:var(--pw-symbol)}.group-row.pair{justify-content:space-between;padding-right:16px}.group-row.field{align-items:center}label.group-row.field{flex-direction:column;justify-content:center;align-items:stretch;gap:2px;padding-right:16px}.group-row.field input,.group-row.field textarea{background:0 0;border:0;outline:none;width:100%;padding:2px 0;font-size:14.5px}.group-row.field select{width:100%;color:inherit;background:0 0;border:0;outline:none;margin-left:-4px;padding:2px 0;font-size:14.5px}.card-expiry{gap:16px}.card-expiry .group-main{flex-direction:column;gap:2px;display:flex}.group-row.field textarea{resize:vertical;line-height:1.6}.group-row.field:focus-within{box-shadow:inset 2px 0 0 var(--accent)}.add-row{min-height:44px;color:var(--accent);background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0 0 12px 12px;justify-content:flex-start}.generator{flex-wrap:wrap;gap:10px 12px;padding:10px 16px}.generator-controls{flex-wrap:wrap;flex:1;align-items:center;gap:8px 16px;min-width:0;display:flex}.range{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.range input{width:130px;accent-color:var(--accent)}.toggles{gap:4px;display:flex}.toggle{background:var(--field);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;padding:2px 10px;font-size:12px}.toggle.on{background:var(--accent-soft);color:var(--pw-digit)}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle:focus-within{outline:2px solid var(--accent)}.detail-foot{flex-direction:column;align-items:center;gap:8px;display:flex}.placeholder{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.placeholder p{margin:0}.placeholder-icon{color:#fff;opacity:.85;border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:12px;display:grid}.raw{background:var(--panel);border-radius:12px;margin:0;padding:12px;font-size:12.5px;overflow:auto}.clip{background:var(--accent-soft);color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 5px;font-size:12px;display:inline-flex}.ring{flex:none;width:18px;height:18px}.ring circle{fill:none;stroke-width:2.6px}.ring-bg{stroke:#ffffff1f}.ring-fg{stroke:var(--accent);transform-origin:50%;transition:stroke-dashoffset .25s linear;transform:rotate(-90deg)}.toast{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:calc(100% - 32px);box-shadow:0 0 0 .5px var(--line), 0 10px 30px #00000059;background:#2c2c30d9;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;animation:.2s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.error{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.gate{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);place-items:center;min-height:100%;padding:32px 16px;display:grid}.gate-body{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(360px,100%);display:flex}.gate-body.wide{align-items:stretch;width:min(460px,100%)}.gate-body.wide>.gate-icon,.gate-body.wide>h1,.gate-body.wide>p{align-self:center}.gate-body h1{font-size:20px}.gate-body>p{margin:-8px 0 6px}.gate-icon{width:84px;height:84px;box-shadow:0 0 0 .5px var(--line), 0 12px 30px #0000004d;background:#232326b3;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.pill-input{width:100%;height:40px;box-shadow:0 0 0 .5px var(--line);background:#232326bf;border-radius:99px;align-items:center;padding:0 4px 0 16px;display:flex}.pill-input:focus-within{box-shadow:0 0 0 2px var(--accent)}.pill-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.pill-input button{background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.pill-input button[aria-busy=true]{opacity:1}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.check{text-align:left;align-items:flex-start;gap:8px;font-size:13px;display:flex}.check input{margin-top:3px}.strength{text-align:left;color:var(--notice);margin-top:-6px;font-size:12.5px}.strength-弱い{color:var(--danger)}.strength-強い{color:var(--ok)}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:min(560px,100%);max-height:80vh;box-shadow:0 0 0 .5px var(--line), 0 24px 60px #00000073;background:#232326eb;border-radius:16px;flex-direction:column;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.modal-head{align-items:center;gap:10px;display:flex}.modal-head h2{font-size:17px}.modal p{margin:0}.file-input{background:var(--field);color:var(--muted);border-radius:10px;padding:10px}.file-input::file-selector-button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:99px;margin-right:10px;padding:5px 12px}.preview{background:var(--panel);box-shadow:0 0 0 .5px var(--line);border-radius:10px;padding:12px 14px}.preview p+p{margin-top:6px}.preview-list{margin:8px 0 0;padding-left:18px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (min-width:1800px){.vault{grid-template-columns:290px 420px 1fr;font-size:14.5px}.item-detail,.item-editor{max-width:720px}}@media (max-width:720px){.vault{grid-template-columns:1fr}.side{display:none}.mid{border:0}.mid-head h2{font-size:26px}.phone-only{display:grid!important}.search.phone-only{margin:0 14px 10px;display:flex!important}.chips{flex:none;gap:6px;padding:0 14px 10px;overflow-x:auto;display:flex!important}.chips button{background:var(--field);border:0;border-radius:99px;padding:4px 12px;font-size:13px}.chips button.active{background:var(--accent);color:#fff}.detail{padding:10px 16px 40px;display:none}.vault.has-detail .mid{display:none}.vault.has-detail .detail{display:block}.back{padding:4px 0;font-size:15px;display:block!important}.clip-text{display:none}}