:root,:root[data-theme=light]{--bg:#f2f2f7;--card:#fff;--blue:#007aff;--red:#ff3b30;--indigo:#5856d6;--orange:#ff9f0a;--text:#000;--text-2:#8e8e93;--separator:#3c3c434a;--fill:#e9e9eb;--fill-2:#7676801f;--nav-bg:#ffffffb8;--shadow:0 1px 3px #0000000a;--mask:#00000059;--green:#34c759;--lock-bg:#ffffffd9}:root[data-theme=dark]{--bg:#000;--card:#1c1c1e;--blue:#0a84ff;--red:#ff453a;--indigo:#7d7aff;--orange:#ff9f0a;--text:#fff;--text-2:#8e8e93;--separator:#54545899;--fill:#2c2c2e;--fill-2:#7676803d;--nav-bg:#1e1e20b8;--shadow:none;--mask:#00000080;--green:#30d158;--lock-bg:#1c1c1ed9}:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--radius-card:12px;--radius-btn:12px;--radius-input:10px;--radius-icon:8px;--ease-push:cubic-bezier(.32, .72, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:17px}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:17px}input::placeholder,textarea::placeholder{color:var(--text-2)}a{color:var(--blue);text-decoration:none}.app{background:var(--bg);height:100%;position:relative;overflow:hidden}.stack{position:absolute;inset:0}.layer{background:var(--bg);isolation:isolate;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.layer-top{animation:push-in .3s var(--ease-push)}.layer-exiting{animation:push-out .3s var(--ease-push) forwards;pointer-events:none}@keyframes push-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes push-out{0%{transform:translate(0)}to{transform:translate(100%)}}.page{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:40px;overflow-y:auto}.navbar{z-index:10;min-height:52px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));-webkit-backdrop-filter:saturate(180%)blur(20px);background:var(--nav-bg);border-bottom:.5px solid var(--separator);align-items:center;gap:8px;display:flex;position:sticky;top:0}.navbar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.navbar .nav-btn{min-width:44px}.nav-btn{color:var(--blue);align-items:center;gap:3px;padding:6px;font-size:17px;display:inline-flex}.nav-btn:disabled{opacity:.4;pointer-events:none}.large-title{letter-spacing:.4px;padding:8px 20px 4px;font-size:34px;font-weight:700}.group{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);margin:8px 16px;overflow:hidden}.group-label{color:var(--text-2);text-transform:uppercase;margin-top:12px;padding:0 32px 6px;font-size:13px}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 16px;display:flex;position:relative}.row+.row:before,.row:after{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:16px;right:0}.row:first-child:before{display:none}.row:active{background:var(--fill-2)}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.row-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.row-chevron{color:var(--text-2);flex-shrink:0}.row-trailing{color:var(--text-2);flex-shrink:0;font-size:15px}.cat-icon{border-radius:var(--radius-icon);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cat-app{background:var(--blue)}.cat-website{background:var(--indigo)}.cat-email{background:var(--green)}.cat-note{background:var(--orange)}.star-on{color:var(--orange)}.search{background:var(--fill);border-radius:10px;flex:1;align-items:center;gap:6px;height:36px;margin:8px 16px;padding:0 8px;display:flex}.search input{flex:1;min-width:0;font-size:17px}.search-icon{color:var(--text-2);flex-shrink:0}.segmented{background:var(--fill);border-radius:9px;gap:2px;margin:0 16px;padding:2px;display:flex}.segmented button{color:var(--text);white-space:nowrap;border-radius:7px;flex:1;padding:5px 2px;font-size:13px;font-weight:500}.segmented button.on{background:var(--card);font-weight:600;box-shadow:0 1px 2px #0000001f}.recent-strip{scrollbar-width:none;gap:10px;padding:4px 16px 8px;display:flex;overflow-x:auto}.recent-strip::-webkit-scrollbar{display:none}.recent-card{background:var(--card);border-radius:var(--radius-card);width:108px;box-shadow:var(--shadow);text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;padding:12px;display:flex}.recent-card:active{background:var(--fill-2)}.recent-card .row-title{max-width:100%;font-size:13px}.recent-card .row-sub{margin:0;font-size:11px}.empty{text-align:center;color:var(--text-2);padding:40px 20px;font-size:15px}.empty .empty-icon{opacity:.35;margin-bottom:10px}.btn{border-radius:var(--radius-btn);background:var(--fill);width:100%;min-height:50px;color:var(--text);justify-content:center;align-items:center;font-size:17px;font-weight:600;transition:opacity .15s;display:flex}.btn:active{opacity:.6}.btn-primary{background:var(--blue);color:#fff}.btn-danger{color:var(--red)}.btn:disabled{opacity:.4;pointer-events:none}.form-row{align-items:center;gap:10px;min-height:44px;padding:4px 16px;display:flex;position:relative}.form-row+.form-row:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:16px;right:0}.form-label{flex-shrink:0;width:76px;font-size:17px}.form-input{flex:1;min-width:0;font-size:17px}textarea.form-input{resize:none;padding:8px 0;font-size:15px;line-height:1.5}.form-error input{color:var(--red)}.mono{font-family:var(--mono);letter-spacing:.3px;font-size:15px}.switch{cursor:pointer;flex-shrink:0;width:51px;height:31px;position:relative}.switch input{display:none}.switch .knob{background:var(--fill);border-radius:31px;transition:background .2s;position:absolute;inset:0}.switch .knob:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch input:checked+.knob{background:var(--green)}.switch input:checked+.knob:after{transform:translate(20px)}.stepper-btn{color:var(--blue);padding:6px;font-size:15px}.field-row{align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 16px;display:flex;position:relative}.field-row+.field-row:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:16px;right:0}.field-label{color:var(--text-2);flex-shrink:0;width:76px;font-size:15px}.field-value{word-break:break-all;-webkit-user-select:text;user-select:text;flex:1;min-width:0;font-size:17px}.icon-btn{color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-btn:active{opacity:.5}.icon-btn.copied{color:var(--green);animation:.25s pop}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.tags{flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.tag{color:var(--blue);background:var(--fill-2);border-radius:6px;padding:3px 8px;font-size:13px}.sheet-mask{background:var(--mask);z-index:50;align-items:flex-end;animation:.25s fade-in;display:flex;position:absolute;inset:0}.sheet{background:var(--bg);width:100%;max-height:88%;animation:sheet-up .3s var(--ease-push);padding-bottom:env(safe-area-inset-bottom);border-radius:12px 12px 0 0;flex-direction:column;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{background:var(--separator);border-radius:3px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.sheet-head{align-items:center;min-height:44px;padding:8px 16px;display:flex}.sheet-title{text-align:center;flex:1;font-size:17px;font-weight:600}.sheet-body{padding-bottom:20px;overflow-y:auto}.action-sheet{padding:8px 10px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.action-group{background:var(--card);border-radius:14px;overflow:hidden}.action-item{text-align:center;width:100%;color:var(--blue);padding:16px;font-size:18px;display:block;position:relative}.action-item+.action-item:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:0;right:0}.action-item.destructive{color:var(--red);font-weight:600}.action-cancel{background:var(--card);text-align:center;color:var(--blue);border-radius:14px;padding:16px;font-size:18px;font-weight:600}.action-title{text-align:center;color:var(--text-2);padding:0 20px 2px;font-size:13px}.lock-screen{-webkit-backdrop-filter:blur(40px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.lock-logo{color:#fff;background:linear-gradient(#0a84ff,#0055d4);border-radius:22px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 8px 24px #0a84ff59}.lock-title{text-align:center;font-size:22px;font-weight:700}.lock-hint{color:var(--text-2);font-size:13px}.lock-input{border-radius:var(--radius-input);background:var(--card);text-align:center;border:1px solid #0000;width:100%;max-width:320px;height:50px;padding:0 16px;font-size:17px;transition:border .2s}.lock-input:focus{border-color:var(--blue)}.lock-input.error{border-color:var(--red);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.lock-btn{width:100%;max-width:320px}.gen-result{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);align-items:center;gap:8px;margin:8px 16px;padding:14px 16px;display:flex}.gen-result .gen-pw{font-family:var(--mono);word-break:break-all;-webkit-user-select:text;user-select:text;flex:1;font-size:17px}.strength{background:var(--fill);border-radius:2px;height:4px;margin:0 16px;overflow:hidden}.strength .bar{border-radius:2px;height:100%;transition:width .3s,background .3s}.range-row{align-items:center;gap:14px;padding:12px 16px;display:flex}.range-row input[type=range]{accent-color:var(--blue);flex:1}.range-value{font-family:var(--mono);text-align:right;width:40px;font-size:17px;font-weight:600}.toast{left:50%;bottom:calc(56px + env(safe-area-inset-bottom));color:#000;z-index:99;pointer-events:none;white-space:nowrap;background:#fafafaf2;border-radius:20px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;animation:.2s fade-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}:root[data-theme=dark] .toast{color:#fff;background:#3a3a3cf2}.toast.fade{opacity:0;transition:opacity 1s}.fab{right:18px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--blue);color:#fff;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;box-shadow:0 4px 14px #0a84ff66}.fab:active{transform:scale(.92)}.trash-days{color:var(--red);font-size:13px}.detail-head{flex-direction:column;align-items:center;gap:10px;padding:18px 20px 6px;display:flex}.detail-head .row-title{font-size:22px}.detail-head .cat-icon{border-radius:14px;width:56px;height:56px}.detail-note{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;padding:10px 16px;font-size:15px;line-height:1.6}@media (width>=768px){.split{height:100%;display:flex}.split-master{border-right:.5px solid var(--separator);background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:5;flex-direction:column;flex-shrink:0;width:320px;display:flex;position:relative;overflow:hidden}.split-detail{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.split .layer{flex:1;min-height:0;animation:none;position:relative;inset:auto}.split .layer-top,.split .layer-exiting{animation:none}.split .sheet-mask{justify-content:center;align-items:center}.split .sheet{border-radius:12px;width:420px;max-width:92%;max-height:80%}.split .toast{bottom:40px}}