:root{color-scheme:dark;--bg: #050507;--surface: #141419;--surface-2: #1e1e26;--surface-3: #2a2a34;--text: #f5f5f7;--text-2: rgba(235, 235, 245, .62);--text-3: rgba(235, 235, 245, .32);--tint: #6ba6ff;--on-tint: #041022;--green: #32d74b;--orange: #ffd60a;--red: #ff6961;--hairline: rgba(255, 255, 255, .09);--material: rgba(18, 18, 23, .72);--material-heavy: rgba(22, 22, 28, .86);--blur: blur(22px) saturate(180%);--radius: 16px;--chrome-h: calc(env(safe-area-inset-top) + 3.25rem) ;--tabbar-h: calc(env(safe-area-inset-bottom) + 3.5rem) ;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;font-size:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation}input,textarea,select{font:inherit;font-size:1rem;width:100%;color:var(--text);background:var(--surface-2);border:1px solid transparent;border-radius:12px;padding:.7rem .8rem;outline:none;transition:border-color .14s ease,background .14s ease}input[type=search]{-webkit-appearance:none;appearance:none}input:focus,textarea:focus{border-color:var(--tint);background:var(--surface-3)}textarea{min-height:7.5rem;resize:vertical}.icon{width:1.375em;height:1.375em;display:block;flex:none}.app-frame{position:fixed;inset:0;background:var(--bg);overflow:hidden;transform-origin:50% 0;will-change:transform}.panels{position:absolute;inset:0}.panel{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--chrome-h) 1rem calc(var(--tabbar-h) + 1.25rem);display:none}.panel.active{display:block;animation:panel-in .2s ease-out}@keyframes panel-in{0%{opacity:0}to{opacity:1}}.top-chrome{position:absolute;top:0;left:0;right:0;z-index:10;height:var(--chrome-h);padding:env(safe-area-inset-top) .75rem 0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.top-chrome:before{content:"";position:absolute;inset:0;background:var(--material);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--hairline);opacity:0;transition:opacity .18s ease}.top-chrome.raised:before{opacity:1}.chrome-title{position:relative;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.top-chrome.raised .chrome-title{opacity:1;transform:none}.chrome-actions{position:relative;display:flex;gap:.5rem;pointer-events:auto}.icon-btn{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;color:var(--tint);background:var(--surface-2);transition:transform .24s cubic-bezier(.2,.9,.3,1),background .14s ease}.icon-btn:active{transform:scale(.92);background:var(--surface-3);transition-duration:60ms}.icon-btn .icon{width:1.2rem;height:1.2rem}.large-header{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:.5rem .25rem .9rem}.large-title{margin:0;font-size:2.125rem;line-height:1.05;font-weight:700;letter-spacing:-.022em}.sync-pill{display:inline-flex;align-items:center;gap:.4rem;max-width:55%;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--text-2);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:.32rem .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem}.sync-pill:before{content:"";width:.45rem;height:.45rem;border-radius:50%;flex:none;background:var(--text-3)}.sync-pill.busy:before{background:var(--tint);animation:pulse 1s ease-in-out infinite alternate}.sync-pill.success:before{background:var(--green)}.sync-pill.warn:before{background:var(--orange)}.sync-pill.error:before{background:var(--red)}@keyframes pulse{0%{opacity:.35}to{opacity:1}}.search-wrap{position:relative;margin-bottom:1rem}.search-wrap .icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1.05rem;height:1.05rem;color:var(--text-3);pointer-events:none}.search-wrap input{padding-left:2.35rem;border-radius:12px;background:var(--surface)}.group-label{margin:1.4rem .9rem .45rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3)}.list{background:var(--surface);border-radius:var(--radius);overflow:hidden}.row{width:100%;display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;text-align:left;position:relative;transition:background .2s ease}.row:active{background:var(--surface-3);transition-duration:40ms}.row+.row:before,.row+.otp-card:before,.otp-card+.row:before{content:"";position:absolute;left:.9rem;right:0;top:0;height:1px;background:var(--hairline)}.row-main{flex:1;min-width:0}.row-title{display:block;font-weight:590;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{display:block;font-size:.8125rem;color:var(--text-2);letter-spacing:.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .icon-chevron{width:1rem;height:1rem;color:var(--text-3)}.row .fav-star{width:1rem;height:1rem;color:var(--orange)}.badge{flex:none;font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:var(--tint);background:color-mix(in srgb,var(--tint) 16%,transparent);border-radius:999px;padding:.14rem .5rem}.empty{color:var(--text-2);text-align:center;padding:2.2rem 1.2rem;font-size:.9375rem}.empty .icon{width:1.8rem;height:1.8rem;margin:0 auto .6rem;color:var(--text-3)}.empty .btn{margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:600;letter-spacing:-.005em;color:var(--on-tint);background:var(--tint);border-radius:12px;padding:.7rem 1.1rem;transition:transform .24s cubic-bezier(.2,.9,.3,1),opacity .14s ease}.btn:active{transform:scale(.97);transition-duration:60ms}.btn.secondary{color:var(--tint);background:color-mix(in srgb,var(--tint) 14%,transparent)}.btn.full{width:100%}.btn .icon{width:1.1rem;height:1.1rem}.row-btn{width:100%;display:flex;align-items:center;gap:.6rem;padding:.8rem .9rem;text-align:left;font-weight:590;color:var(--tint);position:relative;transition:background .2s ease}.row-btn:active{background:var(--surface-3);transition-duration:40ms}.row-btn.destructive{color:var(--red)}.row-btn+.row-btn:before{content:"";position:absolute;left:.9rem;right:0;top:0;height:1px;background:var(--hairline)}.row-btn .icon{width:1.15rem;height:1.15rem}.otp-card{position:relative;padding:1rem .9rem 1.1rem;background:color-mix(in srgb,var(--tint) 7%,var(--surface))}.otp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.otp-issuer{font-weight:640;letter-spacing:-.01em}.otp-path{font-size:.8125rem;color:var(--text-2)}.otp-code-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin-top:.7rem}.otp-code{font-size:2.375rem;line-height:1.1;font-weight:600;letter-spacing:.045em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.otp-meter{display:flex;align-items:center;gap:.55rem;color:var(--text-2);font-size:.8125rem;font-variant-numeric:tabular-nums}.otp-ring{width:1.75rem;height:1.75rem;transform:rotate(-90deg)}.otp-ring .track{stroke:var(--surface-3)}.otp-ring .fill{stroke:var(--tint);transition:none}.otp-card.expiring .otp-ring .fill{stroke:var(--orange)}.otp-actions{display:flex;gap:.5rem;margin-top:.9rem}.row .spinner,.sheet .spinner{flex:none}.spinner{width:1.05rem;height:1.05rem;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--tint);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{background:var(--surface);border-radius:var(--radius);padding:.9rem;display:grid;gap:.75rem}.field{display:grid;gap:.3rem}.field>span{font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--text-2)}.field-note{font-size:.8125rem;color:var(--text-3);margin:0}.setup-state{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:590;color:var(--green)}.setup-state.pending{color:var(--text-2)}.setup-state .icon{width:1.05rem;height:1.05rem}.log{max-height:15rem;overflow-y:auto;font-family:var(--mono);font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:12px;padding:.7rem .8rem;color:var(--text-2)}.log .success{color:var(--green)}.log .warn{color:var(--orange)}.log .error{color:var(--red)}.log:empty:after{content:"No activity yet.";color:var(--text-3)}.update-banner{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem .9rem;border-radius:var(--radius);background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--text);font-size:.875rem}.update-banner .icon{color:var(--orange);flex:none}.tab-bar{position:absolute;left:0;right:0;bottom:0;z-index:10;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--material);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--hairline)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:var(--text-3);font-size:.625rem;font-weight:590;letter-spacing:.02em;transition:color .14s ease,transform .24s cubic-bezier(.2,.9,.3,1)}.tab .icon{width:1.5rem;height:1.5rem}.tab:active{transform:scale(.92);transition-duration:60ms}.tab.active{color:var(--tint)}.sheet-layer{position:fixed;inset:0;z-index:100}.scrim{position:absolute;inset:0;background:#00000080;opacity:0;touch-action:none}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:calc(100dvh - env(safe-area-inset-top) - 2.5rem);display:flex;flex-direction:column;background:var(--material-heavy);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:22px 22px 0 0;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -18px 60px #00000080;outline:none;will-change:transform}.grabber-area{flex:none;padding:.55rem 0 .3rem;touch-action:none;cursor:grab}.grabber{width:2.25rem;height:.3rem;border-radius:999px;background:var(--text-3);margin:0 auto}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 1rem calc(env(safe-area-inset-bottom) + 1.25rem)}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.25rem 0 .9rem;touch-action:none}.sheet-title{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.018em;overflow-wrap:anywhere}.sheet-sub{margin:.1rem 0 0;font-size:.875rem;color:var(--text-2)}.sheet-header-actions{display:flex;gap:.5rem;flex:none}.sheet-header-actions .icon-btn.starred{color:var(--orange)}.kv{background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:.9rem}.kv-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;position:relative}.kv-row+.kv-row:before{content:"";position:absolute;left:.9rem;right:0;top:0;height:1px;background:var(--hairline)}.kv-main{flex:1;min-width:0;text-align:left}.kv-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin-bottom:.12rem}.kv-value{display:block;font-family:var(--mono);font-size:.9375rem;overflow-wrap:anywhere;color:var(--text)}button.kv-main .kv-value.masked{color:var(--text-2);letter-spacing:.12em}.notes{background:var(--surface);border-radius:var(--radius);padding:.8rem .9rem;margin-bottom:.9rem}.notes pre{margin:.2rem 0 0;font-family:var(--mono);font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.raw-details{background:var(--surface);border-radius:var(--radius);margin-bottom:.9rem;overflow:hidden}.raw-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.8rem .9rem;font-weight:590;cursor:pointer}.raw-details summary::-webkit-details-marker{display:none}.raw-details summary .icon{width:1rem;height:1rem;color:var(--text-3);transition:transform .2s ease}.raw-details[open] summary .icon{transform:rotate(90deg)}.raw-details .raw-inner{padding:0 .9rem .9rem;display:grid;gap:.7rem}.raw-editor{font-family:var(--mono);font-size:.875rem;line-height:1.5;min-height:10rem;background:var(--bg)}.sheet-error{text-align:center;padding:1.5rem 1rem 2rem;color:var(--text-2)}.sheet-error .icon{width:1.8rem;height:1.8rem;margin:0 auto .6rem;color:var(--red)}.sheet-error .btn{margin-top:1rem}.sheet-loading{display:grid;gap:.6rem;padding:.2rem 0 1.5rem}.skeleton{height:3.1rem;border-radius:12px;background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:250% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 1rem);z-index:200;transform:translate(-50%,14px);display:flex;align-items:center;gap:.5rem;max-width:min(88vw,26rem);padding:.6rem 1rem;border-radius:999px;background:var(--material-heavy);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--hairline);box-shadow:0 10px 34px #00000073;font-size:.875rem;font-weight:590;opacity:0;visibility:hidden;pointer-events:none}.toast .icon{width:1.05rem;height:1.05rem;color:var(--green)}.toast.error .icon{color:var(--red)}@media(prefers-reduced-motion:reduce){.panel.active{animation:none}.skeleton,.sync-pill.busy:before,.spinner{animation-duration:2.5s}.sheet-layer.reduced-motion .scrim,.sheet-layer.reduced-motion .sheet{opacity:0;transition:opacity .2s ease;transform:none!important}.sheet-layer.reduced-motion.open .scrim,.sheet-layer.reduced-motion.open .sheet{opacity:1}}@media(prefers-reduced-transparency:reduce){:root{--material: #121217;--material-heavy: #17171d;--blur: none}}@media(prefers-contrast:more){:root{--hairline: rgba(255, 255, 255, .28);--text-2: rgba(235, 235, 245, .8);--text-3: rgba(235, 235, 245, .55)}.list,.kv,.form-group,.notes,.raw-details{border:1px solid var(--hairline)}}