:root{--primary: #667eea;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg: #f5f5f7;--card: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--danger: #ef4444;--success: #22c55e;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-layout{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto}.app-header{background:var(--gradient);color:#fff;padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:.5rem}.app-header h1{font-size:1.1rem;font-weight:700;flex:1}.app-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(76px + var(--safe-bottom))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--border);display:flex;padding-bottom:var(--safe-bottom);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;color:var(--text-muted);text-decoration:none;font-size:.7rem;gap:.15rem;border:none;background:none;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.4rem;line-height:1}.card{background:var(--card);border-radius:14px;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 4px #00000012}.btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.25rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;width:100%;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient);color:#fff}.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.btn-danger{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.btn-ghost{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-sm{padding:.4rem .85rem;font-size:.82rem;width:auto;border-radius:8px}.input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s;outline:none;-webkit-appearance:none}.input:focus{border-color:var(--primary)}.input-otp{font-size:2rem;text-align:center;letter-spacing:.4rem;font-weight:700;font-family:monospace}textarea.input{resize:vertical;min-height:80px}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-string{background:#eff6ff;color:#3b82f6}.badge-boolean{background:#f0fdf4;color:#16a34a}.badge-toggle{background:#fdf4ff;color:#9333ea}.badge-totp{background:#fff7ed;color:#ea580c}.badge-1time{background:#fef2f2;color:#dc2626}.alert{padding:.75rem 1rem;border-radius:10px;font-size:.88rem;margin-bottom:1rem;line-height:1.5}.alert-error{background:#fef2f2;color:#b91c1c}.alert-success{background:#f0fdf4;color:#15803d}.alert-info{background:#eff6ff;color:#1d4ed8}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-row-label{font-size:.9rem;font-weight:500}.toggle-row-sub{font-size:.77rem;color:var(--text-muted);margin-top:.1rem}.toggle{position:relative;width:46px;height:27px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:99px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(19px)}.ttl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.ttl-btn{padding:.55rem .25rem;border:1.5px solid var(--border);border-radius:9px;background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;text-align:center;color:var(--text-muted);transition:all .15s;-webkit-tap-highlight-color:transparent}.ttl-btn.selected{border-color:var(--primary);background:#eff0ff;color:var(--primary)}.secret-item{display:flex;align-items:flex-start;gap:.75rem}.secret-meta{flex:1;min-width:0}.secret-name{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-preview{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-family:monospace}.secret-footer{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.secret-actions{display:flex;gap:.4rem;flex-shrink:0}.expiry{font-size:.72rem;color:var(--text-muted)}.expiry.soon{color:#d97706}.expiry.expired{color:var(--danger)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:3.5rem;margin-bottom:.75rem}.divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:var(--text-muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.loading{display:flex;align-items:center;justify-content:center;padding:2.5rem;color:var(--text-muted);gap:.75rem}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:Menlo,Monaco,monospace;font-size:.82rem;word-break:break-all}.copy-row{display:flex;align-items:center;gap:.5rem}.copy-row .value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.8rem;color:var(--text-muted)}.result-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1rem;margin-bottom:1rem}.result-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#16a34a;margin-bottom:.2rem}.content-value{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:monospace;font-size:.9rem;word-break:break-all;white-space:pre-wrap;line-height:1.6}.signin-container{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--gradient)}.signin-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;width:100%;max-width:380px;box-shadow:0 20px 60px #0000002e}.signin-logo{font-size:2.5rem;text-align:center;margin-bottom:.4rem}.signin-title{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:.2rem}.signin-subtitle{font-size:.88rem;color:var(--text-muted);text-align:center;margin-bottom:1.5rem}.method-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.method-tab{flex:1;padding:.5rem;border:1.5px solid var(--border);border-radius:8px;background:none;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .15s;-webkit-tap-highlight-color:transparent}.method-tab.active{border-color:var(--primary);color:var(--primary);background:#eff0ff}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.bool-display{font-size:2.5rem;font-weight:800;text-align:center;padding:1rem}.bool-true{color:var(--success)}.bool-false{color:var(--danger)}a,button{-webkit-tap-highlight-color:transparent}