:root{--bg:#f6f7f9;--surface:#fff;--text:#1c1f24;--muted:#646b75;--border:#dde1e6;--accent:#2f6fdb;--accent-text:#fff;--danger:#c43c3c;--warn:#b26a00;--ok:#2d8a4e;--selected:#e8f0fd;--radius:10px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171a;--surface:#1e2125;--text:#e8eaed;--muted:#9aa1ab;--border:#33373d;--accent:#6a9ef5;--accent-text:#0d1117;--danger:#ef6b6b;--warn:#f0a640;--ok:#5cc584;--selected:#24324a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0}h1{margin:0 0 1rem;font-size:1.5rem}h2{margin:0;font-size:1.15rem}button,.button,input,textarea{font:inherit;color:inherit}button,.button{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 1rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--danger)}button.icon{min-width:var(--tap);background:0 0;border:none;padding:0;font-size:1.2rem}input,textarea{width:100%;min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.5rem .75rem}input[type=checkbox],input[type=radio]{flex-shrink:0;width:1.25rem;min-height:1.25rem}.mono{word-break:break-all;font-family:ui-monospace,SF Mono,Consolas,monospace}.small{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin:0}.warn{color:var(--warn)}.notice{background:var(--surface);border-left:4px solid var(--warn);border-radius:var(--radius);margin:.5rem 0;padding:.75rem 1rem}.empty{color:var(--muted);text-align:center;padding:2rem 1rem}.stack{flex-direction:column;gap:.75rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label{color:var(--muted);font-size:.9rem}.check{min-height:var(--tap);align-items:center;gap:.5rem;display:flex}.two{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.password-input,.with-button{align-items:center;gap:.5rem;display:flex}.password-input input{flex:1;font-family:ui-monospace,SF Mono,Consolas,monospace}.with-button>.password-input{flex:1}.onboarding{max-width:28rem;padding:max(2rem, env(safe-area-inset-top)) 1rem 2rem;margin:0 auto}.onboarding.lock{padding-top:20vh}.steps li{margin-bottom:.5rem}.meter{color:var(--muted);margin:0;font-size:.9rem}.meter.weak{color:var(--warn)}.meter.good,.meter.strong{color:var(--ok)}.kit{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem}.kit dt{color:var(--muted);margin-top:.75rem;font-size:.85rem}.kit dd{margin:0;font-size:1.05rem}.kit .handwrite{border-bottom:1px solid var(--text);min-height:3rem;color:var(--muted);font-size:.8rem}.home{min-height:100dvh}.list{padding-bottom:6rem}.topbar{z-index:2;padding:max(.5rem, env(safe-area-inset-top)) .5rem .5rem;background:var(--bg);align-items:center;gap:.25rem;display:flex;position:sticky;top:0}.search{flex:1}.sync{color:var(--muted);background:0 0;border:none;padding:0 .5rem;font-size:.9rem}.sync.offline,.sync.error{color:var(--warn)}.chips{scrollbar-width:none;gap:.5rem;padding:0 .5rem .5rem;display:flex;overflow-x:auto}.chip{border-radius:999px;flex-shrink:0;min-height:36px}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.row.selected{background:var(--selected)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main .title,.row-main .sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-main .sub{color:var(--muted);font-size:.85rem}.row-actions{gap:.375rem;display:flex}.copy{min-width:3.25rem;padding:0 .5rem;font-size:.85rem}.fab{right:1.25rem;bottom:max(1.25rem, env(safe-area-inset-bottom));background:var(--accent);border-color:var(--accent);width:3.5rem;height:3.5rem;color:var(--accent-text);border-radius:50%;font-size:1.75rem;position:fixed;box-shadow:0 4px 12px #00000040}.pane{display:none}.pane-open .pane{display:block}.pane-open .list{display:none}.detail{padding:max(.5rem, env(safe-area-inset-top)) 1rem 2rem;max-width:40rem}.pane-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.pane-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fields{margin:0}.field-row{border-bottom:1px solid var(--border);padding:.5rem 0}.field-row dt{color:var(--muted);font-size:.85rem}.field-row dd{align-items:center;gap:.5rem;margin:0;display:flex}.field-row .value{flex:1;min-width:0}.secret{align-items:center;gap:.25rem;display:inline-flex}.masked{letter-spacing:.1em}.note{white-space:pre-wrap}.history{margin:1rem 0}.history ul{padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);flex-direction:column;padding:.5rem 0;display:flex}.history-value{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.actions{gap:.75rem;margin-top:1.5rem;display:flex}.actions>*{flex:1}.toast{left:50%;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));background:var(--text);max-width:calc(100% - 2rem);color:var(--bg);border-radius:var(--radius);z-index:10;padding:.6rem 1rem;font-size:.9rem;position:fixed;transform:translate(-50%)}@media (width>=900px){.home{grid-template-columns:minmax(20rem,26rem) 1fr;height:100dvh;display:grid}.list,.pane-open .list{border-right:1px solid var(--border);display:block;overflow-y:auto}.pane{display:block;overflow-y:auto}.back{display:none}.fab{float:right;margin:1rem;position:sticky}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible;color:#000}.print-area{background:#fff;border:2px dashed #000;width:100%;position:absolute;inset:0 auto auto 0}}.sheet-backdrop{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:32rem;max-height:90dvh;padding:1rem 1rem max(1rem, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}@media (width>=900px){.sheet-backdrop{align-items:center}.sheet{border-radius:16px}}.segmented{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{border:none;border-radius:0}.segmented button.active{background:var(--accent);color:var(--accent-text);font-weight:600}.preview{background:var(--bg);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.75rem;font-size:1.1rem;display:flex}.preview .mono{flex:1}.range{flex-direction:column;gap:.25rem;display:flex}.range input{background:0 0;border:none;padding:0}.checks{grid-template-columns:1fr 1fr;display:grid}select{font:inherit;color:inherit;min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 .5rem}.group{margin-bottom:1.5rem}.group h3{color:var(--muted);margin:0 0 .25rem;font-size:.85rem;font-weight:600}.setting,.link-row,.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.link-row{text-align:left;background:0 0;border-width:0 0 1px;border-radius:0;width:100%;padding:0}.wide{width:100%;margin-top:.75rem}.info dt{color:var(--muted);margin-top:.5rem;font-size:.85rem}.info dd{margin:0}.info a{color:var(--accent)}.plain{margin:0;padding:0;list-style:none}.badge{background:var(--selected);border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem}.file{position:relative;overflow:hidden}.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.choices{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}.notice.strong{border-left-color:var(--danger);font-weight:600}.update-banner{top:max(.5rem, env(safe-area-inset-top));z-index:30;background:var(--surface);max-width:calc(100% - 2rem);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}