.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-sm);height:42px;font-size:var(--text-base);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.06)}.btn-block{width:100%}.btn-sm{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.field-hint{font-size:var(--text-sm);color:var(--text-muted)}.field-error{font-size:var(--text-sm);color:var(--danger);font-weight:500}.input{width:100%;height:46px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--text-muted)}.input:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{height:auto;min-height:110px;padding:var(--space-3) var(--space-4);resize:vertical}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .input{padding-right:46px}.input-affix{right:var(--space-2);border-radius:var(--radius-xs);width:34px;height:34px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex;position:absolute}.input-affix:hover{background:var(--surface-hover);color:var(--text)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);border:1px solid #0000;display:flex}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.alert-success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.alert-warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.alert-info{background:var(--info-soft);color:var(--info);border-color:var(--info)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.page-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);min-width:0;display:flex}@media (max-width:640px){.page-header{gap:var(--space-2)}.icon-only-mobile .btn-label{display:none}.icon-only-mobile{padding-inline:var(--space-2);min-width:34px}}@media (min-width:641px){.page-header{flex-wrap:wrap}}.page-header-titles{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.page-header h1{font-size:var(--text-xl)}.page-header-count{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;font-weight:600}.page-header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.page-back{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-2) 0 var(--space-1);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;font-weight:600;display:inline-flex}.page-back:hover{background:var(--surface-hover);color:var(--text)}@media (max-width:520px){.page-back-label{display:none}.page-back{padding-inline:var(--space-1)}}@media (min-width:900px){.page-header h1{font-size:var(--text-2xl)}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 37%, var(--surface) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-list{gap:var(--space-2);display:grid}.skeleton-row{border:1px solid var(--border);height:68px}.state-panel{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-12) var(--space-5);color:var(--text-muted);flex-direction:column;display:flex}.state-icon{border-radius:var(--radius-lg);background:var(--surface-sunken);width:60px;height:60px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.state-panel h2{font-size:var(--text-lg)}.state-panel p{max-width:46ch}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-6));background:radial-gradient(1100px 620px at 50% -12%, var(--brand-tint), transparent 62%), var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media (max-width:480px){.auth{padding-top:calc(env(safe-area-inset-top) + var(--space-12));background:var(--surface);justify-content:flex-start}.auth-card{max-width:none;padding:0 var(--space-2);box-shadow:none;background:0 0;border:0;border-radius:0}.auth-brand{margin-bottom:var(--space-8)}.auth-brand img{border-radius:var(--radius-sm);width:44px;height:44px}.auth-brand{gap:var(--space-3);font-size:var(--text-lg);flex-direction:column}}.auth-brand{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-weight:700;font-size:var(--text-md);color:var(--text);display:flex}.auth-brand img{border-radius:var(--radius-xs);width:30px;height:30px}.auth-head{text-align:center;margin-bottom:var(--space-5)}.auth-head h1{font-size:var(--text-xl);margin-bottom:var(--space-1)}.auth-head p{color:var(--text-muted);font-size:var(--text-base)}.auth-head .auth-email{color:var(--text);font-weight:600}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-alt{align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);display:flex}.auth-alt:before,.auth-alt:after{content:"";background:var(--divider);flex:1;height:1px}.auth-links{justify-content:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--divider);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.auth-links button,.auth-links a{border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);text-align:center;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:6px 10px;text-decoration:none}.auth-links button:hover,.auth-links a:hover{color:var(--brand);background:var(--brand-tint)}.auth-links button:disabled{opacity:.5}.auth-links-single{margin-top:var(--space-3);border-top:0;padding-top:0}.auth-actions{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.auth-note{margin-top:var(--space-5);text-align:center;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.pin-field{margin:var(--space-3) 0 var(--space-2);position:relative}.pin-row{justify-content:center;gap:var(--space-2);display:flex}.pin-box{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:46px;height:56px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.pin-box.is-filled{border-color:var(--brand);background:var(--brand-tint)}.pin-box.is-active{border-color:var(--brand);box-shadow:var(--focus-ring)}.pin-dot{background:var(--text);border-radius:50%;width:12px;height:12px}.pin-input{opacity:0;caret-color:#0000;cursor:pointer;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pin-input:focus{outline:none}.pin-field:focus-within .pin-box.is-active{border-color:var(--brand)}.pin-attempts{text-align:center;font-size:var(--text-sm);color:var(--danger);font-weight:600}@media (max-width:360px){.pin-box{width:40px;height:50px;font-size:var(--text-lg)}}.unlock-bio{align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-1);flex-direction:column;display:flex}.unlock-bio-button{width:92px;height:92px;color:var(--brand);background:var(--brand-tint);border:1.5px solid var(--brand-tint-strong);transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid}.unlock-bio-button:hover{background:var(--brand-tint-strong)}.unlock-bio-button:active{transform:scale(.94)}.unlock-bio-button:disabled{opacity:1;animation:bio-pulse 1.6s var(--ease-in-out) infinite}.unlock-bio-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@keyframes bio-pulse{0%,to{box-shadow:0 0 #fe594047}50%{box-shadow:0 0 0 12px #fe594000}}@media (prefers-reduced-motion:reduce){.unlock-bio-button:disabled{animation:none}}.unlock-bio-caption{color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.auth-card-centered{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.auth-card-centered .spinner{width:28px;height:28px;color:var(--brand)}.auth-splash{justify-content:center;align-items:center;gap:var(--space-4);min-height:100dvh;color:var(--text-muted);background:var(--bg);flex-direction:column;display:flex}.auth-splash .spinner{width:26px;height:26px;color:var(--brand)}.confirm-backdrop{z-index:var(--z-modal);padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-4));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-fade var(--duration-base) var(--ease-out);background:#060a1a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.confirm-dialog{width:100%;max-width:420px;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:confirm-rise var(--duration-base) var(--ease-out)}.confirm-dialog:focus{outline:none}.confirm-dialog h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.confirm-dialog p{color:var(--text-secondary);line-height:var(--leading-normal)}.confirm-dialog .input{margin-top:var(--space-4)}.confirm-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:700px){.confirm-backdrop{align-items:center}.confirm-actions{margin-top:var(--space-6)}}.shell{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.shell-topbar{z-index:var(--z-topbar);align-items:center;gap:var(--space-2);height:calc(var(--topbar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-3) 0;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-md);color:var(--text);letter-spacing:-.02em;display:flex}.shell-brand:hover{text-decoration:none}.shell-brand img{border-radius:var(--radius-xs);width:26px;height:26px}.shell-brand-text{display:none}.shell-search{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-width:0;height:38px;color:var(--text-secondary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;display:none}.shell-search-label{display:none}.shell-search-hint{border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto;padding:2px 6px;display:none}.shell-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.icon-button{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.icon-button:active{background:var(--surface-active)}.shell-avatar{border-radius:var(--radius-full);background:var(--brand);width:36px;height:36px;color:var(--on-brand);font-weight:700;font-size:var(--text-sm);box-shadow:var(--shadow-brand);justify-content:center;align-items:center;display:inline-flex}.shell-body{flex:1;min-height:0;display:flex}.shell-sidebar{gap:var(--space-1);width:var(--sidebar-width);flex-direction:column;flex:0 0 var(--sidebar-width);padding:var(--space-4) var(--space-3) var(--space-8);border-right:1px solid var(--border);background:var(--surface);top:calc(var(--topbar-height) + env(safe-area-inset-top));height:calc(100dvh - var(--topbar-height) - env(safe-area-inset-top));display:none;position:sticky;overflow-y:auto}.nav-section-label{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-1);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:700;display:flex}.nav-section-action{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.nav-section-action:hover{background:var(--surface-hover);color:var(--brand)}.nav-empty{padding:var(--space-1) var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);min-height:40px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:500;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-item.is-active{background:var(--brand-tint);color:var(--brand);font-weight:600}.nav-item-label{flex:1;min-width:0}.nav-item-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--radius-full);text-align:center;min-width:24px;padding:2px 8px;font-weight:600}.nav-item.is-active .nav-item-count{background:var(--surface);color:var(--brand)}.shell-content{min-width:0;padding-bottom:calc(var(--bottombar-height) + env(safe-area-inset-bottom) + var(--space-4));flex:1}.shell-content-inner{max-width:var(--content-max);padding:var(--space-4) var(--space-4) var(--space-8);margin:0 auto}.page-enter{min-width:0;animation:page-enter var(--duration-base) var(--ease-out)}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.drawer-backdrop{z-index:var(--z-drawer);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:shell-fade var(--duration-base) var(--ease-out);background:#060a1a80;position:fixed;inset:0}.drawer{z-index:calc(var(--z-drawer) + 1);gap:var(--space-1);width:min(84vw,320px);padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-6));background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-xl);animation:drawer-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shell-fade{0%{opacity:0}to{opacity:1}}.drawer-head{padding:0 var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;display:flex}.shell-bottombar{z-index:var(--z-bottombar);height:calc(var(--bottombar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:stretch;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto}.shell-bottombar::-webkit-scrollbar{display:none}.tab-item{scroll-snap-align:center;width:25vw;min-width:72px;max-width:96px;color:var(--text-muted);min-height:48px;transition:color var(--duration-fast) var(--ease-out);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tab-item span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-item:hover{text-decoration:none}.tab-item.is-active{color:var(--brand)}.tab-icon-wrap{border-radius:var(--radius-full);width:54px;height:28px;transition:background var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.tab-item.is-active .tab-icon-wrap{background:var(--brand-tint)}.fab-stack{right:var(--space-3);bottom:calc(var(--bottombar-height) + env(safe-area-inset-bottom) + var(--space-3));z-index:calc(var(--z-overlay) + 1);align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.fab-veil{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:shell-fade var(--duration-fast) var(--ease-out);background:#060a1a59;position:fixed;inset:0}.shell-search-fab{right:var(--space-3);bottom:calc(var(--bottombar-height) + env(safe-area-inset-bottom) + var(--space-3) + 46px + var(--space-2));z-index:calc(var(--z-overlay) + 1);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);width:46px;height:46px;color:var(--text-secondary);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:fixed}.shell-search-fab:hover{color:var(--brand);text-decoration:none}.shell-search-fab:active{transform:scale(.92)}.shell-fab{right:var(--space-3);bottom:calc(var(--bottombar-height) + env(safe-area-inset-bottom) + var(--space-3));z-index:calc(var(--z-overlay) + 1);border-radius:var(--radius-md);background:var(--brand);width:46px;height:46px;color:var(--on-brand);box-shadow:var(--shadow-brand);transition:transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:fixed}.fab-stack .shell-fab{position:static}.shell-fab:active{transform:scale(.92)}.shell-fab.is-open{transform:rotate(90deg)}.fab-menu{min-width:190px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);animation:fab-menu-in var(--duration-base) var(--ease-out);flex-direction:column;gap:2px;display:flex}.fab-menu button{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);text-align:left;font-weight:600;display:flex}.fab-menu button:hover{background:var(--surface-hover)}.fab-menu-icon{border-radius:var(--radius-sm);background:var(--brand-tint);width:30px;height:30px;color:var(--brand);justify-content:center;align-items:center;display:inline-flex}@keyframes fab-menu-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.vault-switch{z-index:var(--z-overlay);pointer-events:none;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:switch-veil .55s var(--ease-out) forwards;place-items:center;display:grid;position:fixed;inset:0}.vault-switch-card{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:switch-pop .55s var(--ease-out) forwards;display:flex}.vault-switch-card strong{font-size:var(--text-base);display:block}.vault-switch-card span{font-size:var(--text-sm);color:var(--text-muted);display:block}.vault-switch-icon{border-radius:var(--radius-md);background:var(--brand-tint);width:44px;height:44px;color:var(--brand);justify-content:center;align-items:center;display:inline-flex}@keyframes switch-veil{0%{opacity:0}20%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes switch-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}25%{opacity:1;transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.98)translateY(-4px)}}@media (min-width:900px){.shell-brand-text{display:inline}.shell-topbar{padding-inline:var(--space-4);gap:var(--space-4)}.shell-search{width:auto;max-width:480px;padding:0 var(--space-3);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);flex:1;justify-content:flex-start;margin-inline:auto;display:inline-flex}.shell-search:hover{border-color:var(--border-strong);background:var(--surface-hover)}.shell-search-label{flex:1;display:block}.shell-search-hint{display:inline}.shell-sidebar{display:flex}.shell-bottombar,.shell-fab,.fab-stack,.fab-veil,.shell-search-fab,.drawer,.drawer-backdrop{display:none}.shell-content{padding-bottom:0}.shell-content-inner{padding:var(--space-6) var(--space-6) var(--space-12)}.shell-menu-button{display:none}}.nav-folder{align-items:center;gap:2px;min-width:0;display:flex}.nav-folder .nav-item{flex:1;min-width:0}.nav-folder .row-action{flex:none;width:30px;height:30px}@media (hover:hover){.nav-folder .row-action{opacity:0}.nav-folder:hover .row-action,.nav-folder:focus-within .row-action{opacity:1}}.section-layout{gap:var(--space-4);flex-direction:column;display:flex}.section-nav{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;flex:none;font-weight:600;display:flex}.section-nav a:hover{background:var(--surface-hover);text-decoration:none}.section-nav a.is-active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand)}.section-body{gap:var(--space-4);flex-direction:column;display:flex}.settings-card{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.settings-card h2{font-size:var(--text-lg)}.settings-card>p{color:var(--text-secondary)}.settings-card.is-danger{border-color:var(--danger)}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--divider);display:flex}.settings-row:last-child{border-bottom:none}.settings-row-text{min-width:0}.settings-row-text strong{font-weight:600;display:block}.settings-row-text span{font-size:var(--text-sm);color:var(--text-muted)}.settings-row-label{color:var(--text);font-weight:600}.settings-row-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.segmented{background:var(--surface-sunken);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.segmented button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:600;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-xs)}.settings-status{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.settings-status:before{content:"";background:var(--text-muted);border-radius:50%;width:7px;height:7px}.settings-status.is-on{background:var(--success-soft);color:var(--success)}.settings-status.is-on:before{background:var(--success)}.settings-grid-2{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pin-left .pin-field{margin:var(--space-1) 0 0}.pin-left .pin-row{justify-content:flex-start}.pin-left .pin-box{width:42px;height:50px}@media (max-width:360px){.pin-left .pin-box{width:38px;height:46px}}@media (max-width:520px){.settings-row{flex-direction:column;align-items:flex-start}.segmented{justify-content:space-between;width:100%}.segmented button{flex:1;justify-content:center}}@media (min-width:900px){.section-layout{gap:var(--space-6);flex-direction:row;align-items:flex-start}.section-nav{top:calc(var(--topbar-height) + var(--space-6));flex-direction:column;flex:0 0 220px;position:sticky;overflow:visible}.section-nav a{border-radius:var(--radius-sm)}.section-body{flex:1;min-width:0}}.health-score{align-items:center;gap:var(--space-4);display:flex}.health-ring{width:72px;height:72px;font-weight:700;font-size:var(--text-md);background:conic-gradient(var(--success) calc(var(--health,1) * 360deg), var(--surface-sunken) 0);border-radius:50%;flex:none;place-items:center;display:grid}.health-ring span{background:var(--surface);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.import-providers{gap:var(--space-2);margin:var(--space-3) 0;display:grid}.import-provider{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s,background .15s;display:block}.import-provider:hover{border-color:var(--border-strong)}.import-provider.is-active{border-color:var(--brand);background:var(--brand-tint)}.import-provider strong{color:var(--text);font-size:var(--text-base);margin-bottom:2px;display:block}.import-provider span{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);display:block}.import-issues{margin:var(--space-2) 0 0;padding-left:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.import-issues li{overflow-wrap:anywhere;margin-bottom:4px}.import-progress{border-radius:var(--radius-full);background:var(--border);height:8px;margin:var(--space-4) 0 var(--space-2);overflow:hidden}.import-progress-bar{height:100%;width:var(--pct,0%);background:var(--brand);border-radius:var(--radius-full);transition:width .2s}.backup-progress{flex-direction:column;gap:6px;display:flex}.backup-progress-bar{background:var(--surface-sunken);appearance:none;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.backup-progress-bar::-webkit-progress-bar{background:var(--surface-sunken);border-radius:999px}.backup-progress-bar::-webkit-progress-value{background:var(--brand);border-radius:999px}.backup-progress-bar::-moz-progress-bar{background:var(--brand);border-radius:999px}.backup-summary{border-radius:var(--radius-sm);background:var(--brand-tint);flex-direction:column;gap:2px;padding:10px 12px;font-size:13.5px;display:flex}.backup-summary span{color:var(--text-secondary)}.autofill-reminder{border-radius:var(--radius-md);background:var(--brand-tint);border:1px solid color-mix(in srgb, var(--brand) 22%, transparent);grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;margin:0 0 12px;padding:12px 14px;display:grid}.autofill-reminder-icon{background:var(--brand);width:36px;height:36px;color:var(--on-brand);border-radius:10px;place-items:center;display:grid}.autofill-reminder-text{flex-direction:column;min-width:0;display:flex}.autofill-reminder-text strong{font-size:14.5px}.autofill-reminder-text span{color:var(--text-secondary);font-size:13px}.autofill-reminder-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.item-list{gap:var(--space-2);display:grid}.item-list-grouped{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);gap:0;overflow:hidden}.item-list-grouped>.item-row{box-shadow:none;content-visibility:auto;contain-intrinsic-size:auto 62px;background:0 0;border:0;border-radius:0;position:relative}.item-list-grouped>.item-row+.item-row:before{content:"";top:0;left:calc(var(--space-4) + 40px + var(--space-3));background:var(--divider);height:1px;position:absolute;right:0}.item-list-grouped>.item-row:hover{background:var(--surface-hover);box-shadow:none}.item-list-grouped>.item-row:active{background:var(--surface-active)}.item-list-grouped>.item-row:focus-visible{box-shadow:inset 0 0 0 2px var(--brand);border-radius:0}@media (max-width:640px){.item-list-grouped{margin-inline:calc(var(--space-4) * -1);box-shadow:none;border-inline:0;border-radius:0}}.item-row{align-items:center;gap:var(--space-3);width:100%;min-height:62px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;color:inherit;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex}.item-row:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm);text-decoration:none}.item-row:focus-within{border-color:var(--brand)}.item-icon{border-radius:var(--radius-sm);background:var(--tint,var(--surface-sunken));width:40px;height:40px;color:var(--accent,var(--text-muted));flex:none;justify-content:center;align-items:center;display:inline-flex}.item-icon.item-favicon,.item-hero-icon.item-favicon{border:1px solid var(--border);background:#fff;overflow:hidden}.item-favicon img{object-fit:contain;width:24px;height:24px}.item-hero-icon.item-favicon img{width:32px;height:32px}.item-icon.item-cardbrand,.item-hero-icon.item-cardbrand{border:1px solid var(--border);background:#fff;padding:0;overflow:hidden}.item-cardbrand img{width:34px;height:auto;display:block}.item-hero-icon.item-cardbrand img{width:48px}.item-icon.item-mono,.item-hero-icon.item-mono{--mono-hue:220;letter-spacing:0;color:var(--lightningcss-light,hsl(var(--mono-hue) 55% 36%))var(--lightningcss-dark,hsl(var(--mono-hue) 75% 78%));background:var(--lightningcss-light,hsl(var(--mono-hue) 70% 94%))var(--lightningcss-dark,hsl(var(--mono-hue) 35% 22%));border:1px solid var(--lightningcss-light,hsl(var(--mono-hue) 50% 88%))var(--lightningcss-dark,hsl(var(--mono-hue) 30% 28%));font-size:1.05rem;font-weight:700}.t-login{--accent:var(--type-login);--tint:color-mix(in srgb, var(--type-login) 14%, transparent)}.t-card{--accent:var(--type-card);--tint:color-mix(in srgb, var(--type-card) 16%, transparent)}.t-identity{--accent:var(--type-identity);--tint:color-mix(in srgb, var(--type-identity) 15%, transparent)}.t-note{--accent:var(--type-note);--tint:color-mix(in srgb, var(--type-note) 14%, transparent)}.t-totp{--accent:var(--type-totp);--tint:color-mix(in srgb, var(--type-totp) 16%, transparent)}.t-secret{--accent:var(--type-secret);--tint:color-mix(in srgb, var(--type-secret) 15%, transparent)}.t-file{--accent:var(--type-file);--tint:color-mix(in srgb, var(--type-file) 15%, transparent)}.item-main{text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:1px;display:flex}.item-name{max-width:100%;font-weight:600;font-size:var(--text-base);color:var(--text);line-height:1.35;display:block}.item-sub{max-width:100%;font-size:var(--text-sm);color:var(--text-muted);line-height:1.35;display:block}.item-tail{align-items:center;gap:var(--space-1);flex:none;display:flex}.item-badge{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--surface-sunken);color:var(--text-secondary);white-space:nowrap;padding:2px 8px;font-weight:600}@media (max-width:640px){.item-row.is-stacked{align-items:center;row-gap:var(--space-1);padding-block:var(--space-3);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main""icon tail";display:grid}.item-row.is-stacked .item-icon{grid-area:icon;align-self:center}.item-row.is-stacked .item-main{grid-area:main}.item-row.is-stacked .item-tail{justify-content:flex-start;gap:var(--space-2);grid-area:tail}.item-row.is-stacked .totp-code{font-size:var(--text-xl);letter-spacing:.08em}}@media (max-width:520px){.row-action-optional{display:none}.item-tail{gap:0}}@media (hover:hover) and (min-width:900px){.item-row .row-action{opacity:0}.item-row:hover .row-action,.item-row:focus-within .row-action,.item-row .row-action.is-done{opacity:1}}.activity{z-index:calc(var(--z-modal) + 3);align-items:center;gap:var(--space-1);padding-top:env(safe-area-inset-top,0px);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.activity-track{background:color-mix(in srgb, var(--brand) 22%, transparent);width:100%;height:3px;overflow:hidden}.activity-fill{background:var(--brand);border-radius:0 2px 2px 0;width:40%;height:100%;animation:1.1s ease-in-out infinite activity-sweep}@keyframes activity-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.activity-label{margin-top:var(--space-1);padding:2px var(--space-3);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--text-xs);color:var(--text-muted);border-radius:999px}@media (prefers-reduced-motion:reduce){.activity-fill{width:100%;animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#fe5940;--brand-hover:var(--lightningcss-light,#f04529)var(--lightningcss-dark,#ff7059);--brand-active:var(--lightningcss-light,#d93a20)var(--lightningcss-dark,#ff8a76);--brand-soft:#ff7a66;--brand-ink:#000b36;--brand-ink-soft:#1b2657;--brand-tint:var(--lightningcss-light,#fe59401a)var(--lightningcss-dark,#fe594029);--brand-tint-strong:var(--lightningcss-light,#fe59402e)var(--lightningcss-dark,#fe594042);--on-brand:#fff;--bg:var(--lightningcss-light,#f5f6fa)var(--lightningcss-dark,#080d1e);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121933);--surface-raised:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2243);--surface-sunken:var(--lightningcss-light,#eef0f6)var(--lightningcss-dark,#0d1430);--surface-hover:var(--lightningcss-light,#f3f4f9)var(--lightningcss-dark,#1c2549);--surface-active:var(--lightningcss-light,#e9ebf3)var(--lightningcss-dark,#232d57);--text:var(--lightningcss-light,#131a33)var(--lightningcss-dark,#eef1fa);--text-secondary:var(--lightningcss-light,#4c5570)var(--lightningcss-dark,#aeb6cd);--text-muted:var(--lightningcss-light,#737c96)var(--lightningcss-dark,#828da8);--text-inverse:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0b1024);--border:var(--lightningcss-light,#e6e8f0)var(--lightningcss-dark,#242d52);--border-strong:var(--lightningcss-light,#d3d7e4)var(--lightningcss-dark,#33406e);--divider:var(--lightningcss-light,#eef0f5)var(--lightningcss-dark,#1d2647);--danger:var(--lightningcss-light,#dc3a26)var(--lightningcss-dark,#ff7059);--danger-soft:var(--lightningcss-light,#dc3a261a)var(--lightningcss-dark,#ff705929);--success:var(--lightningcss-light,#0a8a54)var(--lightningcss-dark,#35c98b);--success-soft:var(--lightningcss-light,#0a8a541a)var(--lightningcss-dark,#35c98b29);--warning:var(--lightningcss-light,#b7791f)var(--lightningcss-dark,#e5a83c);--warning-soft:var(--lightningcss-light,#b7791f1f)var(--lightningcss-dark,#e5a83c2e);--info:var(--lightningcss-light,#2563c9)var(--lightningcss-dark,#6f9df5);--info-soft:var(--lightningcss-light,#2563c91a)var(--lightningcss-dark,#6f9df529);--type-login:var(--lightningcss-light,#4f6ef7)var(--lightningcss-dark,#7f95ff);--type-card:var(--lightningcss-light,#e0a020)var(--lightningcss-dark,#f0b845);--type-identity:var(--lightningcss-light,#14a08a)var(--lightningcss-dark,#3ac5ac);--type-note:var(--lightningcss-light,#7a6ff0)var(--lightningcss-dark,#9c93ff);--type-totp:var(--lightningcss-light,#f0913a)var(--lightningcss-dark,#ffa95c);--type-secret:var(--lightningcss-light,#2fa5c8)var(--lightningcss-dark,#55c4e6);--type-file:var(--lightningcss-light,#6b7794)var(--lightningcss-dark,#93a0bd);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Jost", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.25;--leading-normal:1.55;--leading-relaxed:1.7;--shadow-xs:var(--lightningcss-light,0 1px 2px #10183c0d)var(--lightningcss-dark,0 1px 2px #0006);--shadow-sm:var(--lightningcss-light,0 1px 3px #10183c12)var(--lightningcss-dark,0 1px 3px #00000073);--shadow-md:var(--lightningcss-light,0 4px 16px #10183c14)var(--lightningcss-dark,0 4px 16px #00000080);--shadow-lg:var(--lightningcss-light,0 12px 32px #10183c1f)var(--lightningcss-dark,0 12px 32px #0000008c);--shadow-xl:var(--lightningcss-light,0 24px 56px #10183c2e)var(--lightningcss-dark,0 24px 56px #000000a6);--shadow-brand:0 8px 24px #fe594047;--focus-ring:0 0 0 3px #fe594059;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--sidebar-width:264px;--topbar-height:60px;--bottombar-height:62px;--content-max:1180px;--z-sticky:10;--z-topbar:20;--z-bottombar:20;--z-drawer:40;--z-overlay:50;--z-modal:60;--z-toast:70}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-normal-latin.woff2)format("woff2")}@font-face{font-family:Jost;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-italic-latin.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);color:var(--text);letter-spacing:-.01em;margin:0}p{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}img,svg,video,canvas{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--brand-tint-strong);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.item-list,.skeleton-list,.section-body,.shell-content-inner,.drive,.detail-rows,.editor-form)>*,:where(.item-row,.drive-row,.settings-row,.page-header,.viewer-bar,.detail-value-row,.upload-row-top){min-width:0}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.detail-row{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider);flex-direction:column;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.detail-value-row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.detail-value{min-width:0;font-size:var(--text-base);color:var(--text);overflow-wrap:anywhere;flex:1}.detail-value.is-secret{font-family:var(--font-mono);letter-spacing:.02em}.detail-value.is-masked{color:var(--text-muted);letter-spacing:.16em}.detail-value.is-multiline{white-space:pre-wrap;max-height:220px;font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-sunken);padding:var(--space-3);border-radius:var(--radius-sm);overflow:auto}.search-bar{align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);height:52px;margin-bottom:var(--space-3);display:flex}.search-bar:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.search-bar input{min-width:0;height:100%;font-size:var(--text-md);background:0 0;border:none;flex:1}.search-bar input:focus{box-shadow:none;outline:none}.search-filters{gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.search-filters::-webkit-scrollbar{display:none}.filter-chip{padding:6px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;flex:none;font-weight:600}.filter-chip:hover{background:var(--surface-hover)}.filter-chip.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}:root[data-native=true]{scrollbar-width:none;-ms-overflow-style:none}:root[data-native=true]::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}:root[data-native=true]::-webkit-scrollbar-thumb{background:0 0;width:0;height:0;display:none}:root[data-native=true]::-webkit-scrollbar-track{background:0 0;width:0;height:0;display:none}:root[data-native=true] ::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}:root[data-native=true] ::-webkit-scrollbar-thumb{background:0 0;width:0;height:0;display:none}:root[data-native=true] ::-webkit-scrollbar-track{background:0 0;width:0;height:0;display:none}:root[data-native=true] body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}:root[data-native=true] input,:root[data-native=true] textarea,:root[data-native=true] .detail-value,:root[data-native=true] .is-selectable{-webkit-user-select:text;user-select:text}.row-action{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.row-action:hover{background:var(--surface-active);color:var(--text)}.row-action.is-done{color:var(--success)}@media (max-width:480px){.row-action{width:34px;height:34px}}.row-menu-veil{z-index:var(--z-modal);position:fixed;inset:0}.row-menu{visibility:hidden;z-index:calc(var(--z-modal) + 1);width:200px;max-height:70vh;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:row-menu-in var(--duration-fast) var(--ease-out);position:fixed;overflow-y:auto}.row-menu button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);text-align:left;white-space:nowrap;font-weight:500;display:flex}.row-menu button svg{flex:none}.row-menu button:hover{background:var(--surface-hover)}.row-menu button.is-danger{color:var(--danger)}.row-menu button.is-danger:hover{background:var(--danger-soft)}.totp-code{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.06em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.totp-code.is-hidden{color:var(--text-muted);letter-spacing:.18em}.totp-ring{background:conic-gradient(var(--brand) calc(var(--totp-progress,1) * 360deg), var(--surface-sunken) 0);width:22px;height:22px;transition:background var(--duration-fast) linear;border-radius:50%;flex:none;-webkit-mask:radial-gradient(circle,#0000 56%,#000 58%);mask:radial-gradient(circle,#0000 56%,#000 58%)}.totp-ring.is-expiring{background:conic-gradient(var(--danger) calc(var(--totp-progress,1) * 360deg), var(--surface-sunken) 0)}.totp-timer{align-items:center;gap:var(--space-2);padding:4px var(--space-2) 4px 4px;border-radius:var(--radius-full);background:var(--surface-sunken);flex:none;display:inline-flex}.totp-seconds{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:3ch;font-weight:600}.totp-timer.is-expiring .totp-seconds{color:var(--danger)}.item-page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.item-page-actions .btn{flex:auto;min-width:120px}.settings-danger-row{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.settings-danger-row .btn{flex:auto}.desktop-only{display:none!important}@media (min-width:900px){.desktop-only{display:inline-flex!important}}.toaster{left:50%;bottom:calc(var(--space-4) + 72px + env(safe-area-inset-bottom,0px));z-index:calc(var(--z-modal) + 2);gap:var(--space-2);width:min(520px, calc(100vw - var(--space-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--duration-fast) var(--ease-out);display:flex}.toast-icon{background:var(--success-soft,var(--surface-sunken));width:26px;height:26px;color:var(--success);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.toast.is-error .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-body strong{font-size:var(--text-sm);color:var(--text);font-weight:600}.toast-detail{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere}.toast-close{color:var(--text-muted);border-radius:var(--radius-sm);flex:none;padding:2px}.toast-close:hover{color:var(--text);background:var(--surface-hover)}@media (min-width:900px){.toaster{bottom:var(--space-6);left:auto;right:var(--space-6);transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes row-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}