@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root,[data-theme=light]{--bg:#eef2ff;--bg-deep:#e0e7ff;--surface:#ffffffd1;--surface-solid:#fff;--surface-2:#f1f5ff;--ink:#0f172a;--ink-muted:#64748b;--line:#6366f12e;--accent:#4f46e5;--accent-2:#06b6d4;--accent-3:#f43f5e;--accent-hover:#4338ca;--accent-soft:#4f46e51f;--danger:#e11d48;--danger-soft:#e11d481f;--ok:#10b981;--warn:#f59e0b;--shadow:0 20px 50px #4f46e51f;--glow:0 0 40px #06b6d440;--topbar:#ffffffb8;--radius:16px;--font:"Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--blob-1:#4f46e547;--blob-2:#f43f5e2e;--blob-3:#06b6d438;--color-coral:#ff6b4a;--color-amber:#f5a524;--color-mint:#2dd4a8;--color-sky:#38bdf8;--color-violet:#a78bfa;--color-rose:#fb7185;--color-lime:#a3e635;--color-slate:#94a3b8}[data-theme=dark]{--bg:#0b1020;--bg-deep:#070b16;--surface:#161c30d1;--surface-solid:#161c30;--surface-2:#1c243c;--ink:#eef2ff;--ink-muted:#94a3b8;--line:#94a3b829;--accent:#818cf8;--accent-2:#22d3ee;--accent-3:#fb7185;--accent-hover:#a5b4fc;--accent-soft:#818cf829;--danger:#fb7185;--danger-soft:#fb718526;--ok:#34d399;--warn:#fbbf24;--shadow:0 24px 60px #00000073;--glow:0 0 48px #22d3ee2e;--topbar:#0b1020c7;--blob-1:#818cf838;--blob-2:#fb718524;--blob-3:#22d3ee24}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(900px 520px at 8% -8%, var(--blob-1), transparent 55%), radial-gradient(700px 420px at 95% 5%, var(--blob-2), transparent 50%), radial-gradient(800px 500px at 50% 110%, var(--blob-3), transparent 55%), linear-gradient(165deg, var(--bg), var(--bg-deep));background-attachment:fixed;margin:0;transition:background-color .35s,color .25s}button,input,textarea,select{font:inherit}a{color:var(--accent)}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--topbar);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);z-index:40;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:.65rem;min-width:0;text-decoration:none;transition:transform .2s;display:flex}a.brand:hover{transform:translateY(-1px)}.brand-logo{flex-shrink:0;place-items:center;display:grid;position:relative}.brand-logo-sm .xkee-css-logo{border-radius:9px;width:28px;height:28px;font-size:.72rem}.brand-logo-md .xkee-css-logo{border-radius:11px;width:34px;height:34px;font-size:.82rem}.brand-logo-lg .xkee-css-logo{border-radius:14px;width:44px;height:44px;font-size:1rem}.brand-logo-hero .xkee-css-logo{border-radius:20px;width:68px;height:68px;font-size:1.35rem}.xkee-css-logo{background:radial-gradient(120% 100% at 20% 15%, #ffffff47, transparent 42%), linear-gradient(145deg, var(--accent), var(--accent-2) 48%, var(--accent-3));box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 34%, transparent), 0 0 0 1px #ffffff38 inset, var(--glow);isolation:isolate;background-size:100% 100%,220% 220%;place-items:center;animation:7s ease-in-out infinite logoShift;display:grid;position:relative;overflow:hidden}.brand-logo-hero .xkee-css-logo{box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 38%, transparent), 0 0 0 1px #ffffff42 inset, var(--glow)}.xkee-css-logo-orbit,.xkee-css-logo-orbit-b{border:1.5px solid #ffffff59;border-top-color:#0000;border-left-color:color-mix(in srgb, var(--accent-3) 80%, transparent);pointer-events:none;opacity:.7;border-radius:50%;animation:4.8s linear infinite logoOrbit;position:absolute;inset:-35%}.xkee-css-logo-orbit-b{opacity:.45;border-width:1px;animation-duration:7.2s;animation-direction:reverse;inset:-18%}.xkee-css-logo-shine{mix-blend-mode:soft-light;pointer-events:none;background:conic-gradient(#0000 0deg,#ffffff8c 40deg,#0000 80deg 360deg);animation:3.6s linear infinite logoShine;position:absolute;inset:-40%}.xkee-css-logo-core{z-index:2;border-radius:inherit;background:color-mix(in srgb, var(--bg-deep) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;width:72%;height:72%;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.xkee-css-logo-glyph{letter-spacing:-.08em;background:linear-gradient(180deg, #fff, color-mix(in srgb, #fff 70%, var(--accent-2)));color:#0000;text-shadow:0 0 18px #ffffff59;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1;animation:2.8s ease-in-out infinite logoGlyph}@keyframes logoShift{0%,to{background-position:0%,0 40%}50%{background-position:0%,100% 60%}}@keyframes logoOrbit{to{transform:rotate(360deg)}}@keyframes logoShine{to{transform:rotate(360deg)}}@keyframes logoGlyph{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.04)}}.brand-orb{background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));width:34px;height:34px;box-shadow:var(--glow);background-size:200% 200%;border-radius:12px;flex-shrink:0;animation:6s infinite orbShift}@keyframes orbShift{0%,to{background-position:0%}50%{background-position:100%}}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-mark{letter-spacing:-.04em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;line-height:1.1}.brand-sub{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.user-chip{color:var(--ink-muted);background:var(--accent-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:180px;padding:.35rem .65rem;font-size:.82rem;overflow:hidden}.btn{background:var(--surface-solid);color:var(--ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;text-decoration:none;transition:transform .15s,background .15s,box-shadow .2s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 24px #4f46e547}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{border-color:var(--line);background:0 0}.btn-danger{background:var(--danger-soft);color:var(--danger)}.icon-btn{min-width:40px;padding:.5rem .65rem}.page{width:min(1240px,100% - 1.25rem);margin:1rem auto 2rem;animation:.4s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.15rem}.panel+.panel{margin-top:1rem}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.65rem;margin-top:1rem;display:grid}.admin-metric{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:12px;padding:.75rem .85rem}.admin-metric-value{letter-spacing:-.03em;font-size:1.35rem;font-weight:650;line-height:1.1;display:block}.admin-metric-label{color:var(--ink-muted);margin-top:.2rem;font-size:.82rem;display:block}.admin-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.admin-filter{min-width:11rem;max-width:16rem}h1,h2,h3{letter-spacing:-.03em;margin:0 0 .45rem}.muted{color:var(--ink-muted)}.error{color:var(--danger);background:var(--danger-soft);border-radius:12px;margin:.75rem 0;padding:.7rem .9rem;animation:.35s shake}.migrate-banner{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface-solid,#fff));border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;padding:.85rem 1rem;display:flex}.migrate-banner p{color:var(--ink-muted);max-width:52rem;margin:.25rem 0 0;font-size:.9rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-grid{gap:.85rem;display:grid}.form-row{gap:.35rem;display:grid}.form-row label{color:var(--ink-muted);font-size:.82rem;font-weight:600}.form-row input,.form-row textarea,.form-row select{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);border-radius:12px;padding:.7rem .85rem}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.checkbox-row{align-items:center;gap:.5rem;display:flex}.remember-row{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 6%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:flex-start;padding:.65rem .75rem}.remember-row input{accent-color:var(--accent);flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem}.remember-row span{gap:.1rem;display:grid}.remember-row strong{letter-spacing:-.01em;font-size:.9rem}.remember-row em{color:var(--ink-muted);font-size:.78rem;font-style:normal}.login-wrap{place-items:center;min-height:100vh;padding:1.25rem;display:grid;position:relative;overflow:hidden}.login-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.login-grid{opacity:.22;background-image:linear-gradient(color-mix(in srgb, var(--line) 80%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 80%, transparent) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 72%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 72%)}.login-orb{filter:blur(48px);border-radius:50%;animation:11s ease-in-out infinite floaty;position:absolute}.login-orb-a{background:var(--blob-1);width:min(420px,70vw);height:min(420px,70vw);top:-8%;left:-6%}.login-orb-b{background:var(--blob-2);width:min(380px,60vw);height:min(380px,60vw);animation-delay:-4s;bottom:-10%;right:-8%}.login-orb-c{background:var(--blob-3);opacity:.7;width:min(260px,45vw);height:min(260px,45vw);animation-delay:-7s;top:42%;left:58%}@keyframes floaty{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-22px)scale(1.05)}}.login-card{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);width:min(440px,100%);box-shadow:var(--shadow), 0 0 0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);z-index:1;isolation:isolate;border-radius:24px;padding:1.85rem 1.75rem 1.75rem;animation:.5s cubic-bezier(.22,1,.36,1) both rise;position:relative;overflow:hidden}.login-alert{border:1px solid color-mix(in srgb, var(--danger,#c44) 35%, var(--line));background:color-mix(in srgb, var(--danger,#c44) 12%, var(--surface));border-radius:12px;gap:.35rem;margin-top:1rem;padding:.85rem 1rem;font-size:.92rem;display:grid}.login-alert strong{letter-spacing:-.02em}.login-alert p{opacity:.95;margin:0}.login-alert.locked{border-color:color-mix(in srgb, #c9a227 40%, var(--line));background:color-mix(in srgb, #c9a227 14%, var(--surface))}.login-alert.banned{border-color:color-mix(in srgb, #c44 45%, var(--line));background:color-mix(in srgb, #c44 16%, var(--surface))}.login-alert-contact a{color:inherit;text-underline-offset:2px;font-weight:600}.login-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 12%, var(--accent-2) 50%, var(--accent-3) 88%, transparent 100%);opacity:1;z-index:3;height:3px;position:absolute;top:0;left:0;right:0}.login-card-rim{border-radius:inherit;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--accent-2) 35%, transparent) 42%, color-mix(in srgb, var(--accent-3) 70%, transparent));-webkit-mask-composite:xor;pointer-events:none;opacity:.55;z-index:2;padding:1.5px;animation:5.5s ease-in-out infinite rimPulse;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rimPulse{0%,to{opacity:.4}50%{opacity:.72}}.login-card-head{z-index:4;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:relative}.login-card .brand-mark{letter-spacing:-.05em;font-size:1.9rem}.login-lede{color:var(--ink-muted);z-index:4;margin:1rem 0 0;font-size:.95rem;line-height:1.55;position:relative}.login-form{z-index:4;position:relative}.login-card .form-row input{transition:border-color .2s,box-shadow .2s,transform .15s}.login-card .form-row input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-1px)}.login-submit{letter-spacing:-.01em;width:100%;min-height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 28%, transparent);font-weight:700}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.vaults-page{max-width:920px}.vaults-page h1{letter-spacing:-.045em;margin:.1rem 0 .25rem;font-size:clamp(1.65rem,2.8vw,2rem)}.vaults-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.vaults-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:0;font-size:.7rem;font-weight:700}.vaults-lede{margin:0;font-size:.9rem}.vaults-hero-actions{flex-shrink:0}.vault-library{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);margin-top:1rem;overflow:hidden}.vault-list{flex-direction:column;display:flex}.vault-row{--vault-accent:var(--accent);border-bottom:1px solid var(--line);background:0 0;transition:background .2s;animation:.4s both vaultRowIn}.vault-row:last-child{border-bottom:none}.vault-row:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.vault-row.is-open{background:linear-gradient(180deg, color-mix(in srgb, var(--vault-accent) 8%, transparent), transparent 120px), color-mix(in srgb, var(--surface-2) 55%, transparent)}.vault-row.is-live .vault-avatar:after{content:"";background:var(--ok);border:2px solid var(--surface-solid);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ok) 35%, transparent);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.vault-row-main{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;grid-template-columns:2.5rem minmax(0,1fr) auto 1.25rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.vault-avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(145deg, #ffffff47, transparent 45%), linear-gradient(135deg, var(--vault-accent), var(--accent-2));border-radius:.85rem;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;font-size:.72rem;font-weight:800;display:grid;position:relative}.vault-row-meta{gap:.1rem;min-width:0;display:grid}.vault-row-title{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.vault-row-sub{min-width:0;color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.76rem;display:flex}.vault-desc{text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,18rem);overflow:hidden}.vault-dot{opacity:.45}.vault-chevron{border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);opacity:.65;justify-self:end;width:.55rem;height:.55rem;transition:transform .28s;transform:rotate(45deg)}.vault-row.is-open .vault-chevron{transform:rotate(225deg)translate(-1px,-1px)}.vault-row-drawer{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1);display:grid}.vault-row.is-open .vault-row-drawer{grid-template-rows:1fr}.vault-row-drawer-inner{min-height:0;overflow:hidden}.vault-row.is-open .vault-row-drawer-inner{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);padding:0 1rem 1rem}.vault-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding-top:.85rem;display:grid}@media (width<=520px){.vault-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vault-tile{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;border-radius:12px;align-content:center;justify-items:center;gap:.28rem;min-height:4.1rem;padding:.7rem .5rem;text-decoration:none;transition:border-color .18s,background .18s,transform .15s,box-shadow .2s;display:grid}.vault-tile:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-1px)}.vault-tile-primary{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface));border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.vault-tile-primary:hover{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 24%, var(--surface)), var(--surface))}.vault-tile-danger{color:var(--danger)}.vault-tile-danger:hover{border-color:color-mix(in srgb, var(--danger) 40%, var(--line));background:var(--danger-soft);box-shadow:none}.vault-tile-icon{opacity:.9;font-size:.85rem;font-weight:700;line-height:1}.vault-tile-label{letter-spacing:-.01em;font-size:.78rem;font-weight:700}.vault-connect{gap:.45rem;margin-top:.75rem;display:grid}.vault-connect-head{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:.68rem;font-weight:800;display:flex}.vault-connect-help{letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:650;text-decoration:none}.vault-link-stack{gap:.35rem;display:grid}.vault-link-item{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 65%, var(--surface));border-radius:10px;grid-template-columns:3.6rem minmax(0,1fr) auto;align-items:center;gap:.45rem;min-height:2.4rem;padding:.45rem .55rem;display:grid}.vault-link-item.is-unique{border-color:color-mix(in srgb, var(--accent-2) 35%, var(--line));background:color-mix(in srgb, var(--accent-2) 8%, var(--surface))}.vault-link-item .link-label{margin:0;font-size:.65rem}.vault-link-item .link-value{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;color:var(--ink);background:0 0;border:none;margin:0;padding:0;font-size:.7rem;overflow:hidden}.vault-usage-actions{flex-wrap:wrap;gap:.35rem;padding-top:.15rem;display:flex}.vault-empty{text-align:center;border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--radius);background:radial-gradient(420px 180px at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), var(--surface);justify-items:center;gap:.5rem;margin-top:1.25rem;padding:2.2rem 1.4rem;display:grid}.vault-empty.compact{padding:1.15rem}.vault-empty h2{letter-spacing:-.03em;margin:0}.vault-empty-orb{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:48px;height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:14px;margin-bottom:.25rem}@keyframes vaultRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=560px){.vault-row-main{grid-template-columns:2.35rem minmax(0,1fr) 1rem;gap:.6rem;padding:.7rem .8rem}.vault-row-main .badge{display:none}.vault-desc{max-width:46vw}.vault-row.is-open .vault-row-drawer-inner{padding:0 .8rem .85rem}.vault-tile{min-height:3.7rem;padding:.55rem .35rem}.vault-link-item{grid-template-columns:3.2rem minmax(0,1fr)}.vault-link-item .btn-tiny{grid-column:2;justify-self:start}}.vault-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.7rem;padding:1.15rem;transition:border-color .2s,transform .2s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.vault-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2), var(--accent-3));width:4px;position:absolute;inset:0 auto 0 0}.vault-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:var(--shadow), var(--glow);transform:translateY(-3px)}.badge{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge.locked{background:color-mix(in srgb, var(--ink-muted) 18%, transparent);color:var(--ink-muted)}.badge.kind{background:color-mix(in srgb, var(--accent-2,#818cf8) 22%, transparent);color:var(--ink);border:1px solid color-mix(in srgb, var(--accent-2,#818cf8) 35%, transparent);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem}.kind-picker{gap:.65rem;margin:.75rem 0 .25rem;display:grid}.kind-card{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel,var(--surface-solid)) 92%, var(--accent) 8%);color:inherit;cursor:pointer;font:inherit;border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:.15rem .75rem;padding:.85rem .95rem;transition:border-color .15s,transform .15s;display:grid}.kind-card:hover{border-color:var(--accent);transform:translateY(-1px)}.kind-icon{grid-row:1/span 3;align-self:center;font-size:1.5rem;line-height:1}.kind-card strong{font-size:1rem}.kind-card .muted{grid-column:2;font-size:.8rem}.kind-group{color:var(--accent);grid-column:2;font-size:.72rem;font-weight:650}.typed-fields{gap:.55rem;display:grid}.typed-field label{color:var(--ink-muted);margin-bottom:.2rem;font-size:.78rem;display:block}.typed-field input{width:100%}.kind-view{gap:.85rem;width:100%;display:grid}.plastic-card{aspect-ratio:1.586;color:#f8fafc;isolation:isolate;background:radial-gradient(120% 80% at 100% 0,#ffffff2e,#0000 45%),linear-gradient(135deg,#1e293b 0%,#0f172a 48%,#334155 100%);border-radius:18px;flex-direction:column;justify-content:space-between;width:min(100%,420px);padding:1.1rem 1.2rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a47,inset 0 1px #ffffff2e}.plastic-card:before{content:"";z-index:-1;background:#ffffff0f;border-radius:50%;width:70%;height:90%;position:absolute;inset:-40% auto auto -20%}.plastic-card.brand-visa{background:radial-gradient(100% 80% at 100% 0,#60a5fa59,#0000 50%),linear-gradient(135deg,#1d4ed8,#0f172a 55%,#1e3a8a)}.plastic-card.brand-mastercard{background:radial-gradient(90% 70% at 85% 15%,#f8717173,#0000 45%),linear-gradient(135deg,#111827,#7c2d12 70%,#1f2937)}.plastic-card.brand-amex{background:radial-gradient(100% 80% at 0 0,#2dd4bf47,#0000 50%),linear-gradient(135deg,#0f766e,#134e4a 55%,#042f2e)}.plastic-card.brand-discover{background:radial-gradient(100% 80% at 100% 100%,#fb923c59,#0000 45%),linear-gradient(135deg,#9a3412,#1c1917 60%,#431407)}.plastic-top{justify-content:space-between;align-items:flex-start;display:flex}.plastic-chip{background:linear-gradient(135deg,#fde68a,#f59e0b 40%,#b45309);border-radius:8px;width:42px;height:32px;box-shadow:inset 0 0 0 1px #00000026}.plastic-brand{letter-spacing:.08em;text-transform:uppercase;opacity:.95;font-size:.85rem;font-weight:800}.plastic-number{color:inherit;font:inherit;letter-spacing:.14em;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(1.05rem,3.2vw,1.35rem)}.plastic-bottom{text-transform:uppercase;justify-content:space-between;gap:1rem;display:flex}.plastic-label{letter-spacing:.12em;opacity:.7;margin-bottom:.15rem;font-size:.62rem;display:block}.plastic-bottom strong{letter-spacing:.04em;font-size:.82rem;font-weight:650}.plastic-actions{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.plastic-actions .btn{color:#e2e8f0!important;background:#0f172a40!important;border-color:#ffffff38!important}.kind-secrets{gap:.55rem;max-width:420px;display:grid}.id-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface-solid,#fff)) 0%, var(--surface-solid,#fff) 38%);width:min(100%,460px);box-shadow:var(--shadow);color:var(--ink);border-radius:16px;overflow:hidden}.id-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:1rem 1.1rem .65rem;display:flex}.id-card-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:.2rem;font-size:.68rem}.id-card-head h3{letter-spacing:-.02em;margin:0;font-size:1.15rem}.id-card-seal{letter-spacing:.06em;width:44px;height:44px;color:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid}.id-card-body{grid-template-columns:88px 1fr;gap:.9rem;padding:1rem 1.1rem;display:grid}.id-photo{color:#fff;background:linear-gradient(160deg, var(--accent), var(--accent-2,#6366f1));border-radius:10px;place-items:center;width:88px;height:110px;font-size:2rem;font-weight:800;display:grid}.id-meta{align-content:start;gap:.55rem;display:grid}.id-row{gap:.1rem;display:grid}.id-row.twin{grid-template-columns:1fr 1fr;gap:.75rem}.id-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:.65rem}.id-meta strong{font-size:.92rem;font-weight:650}.id-card-foot{border-top:1px dashed var(--line);background:color-mix(in srgb, var(--panel,transparent) 70%, transparent);padding:.75rem 1.1rem 1rem}.id-number-block{gap:.3rem;display:grid}.id-number-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.id-number-row code{letter-spacing:.08em;background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.95rem}.id-number-row code.masked{color:var(--ink-muted);letter-spacing:.18em}@media (width<=560px){.id-card-body{grid-template-columns:1fr}.id-photo{width:72px;height:90px}}.badge.live{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok);animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.vault-layout{grid-template-columns:260px 1fr;gap:.85rem;min-height:70vh;display:grid}.sidebar,.main-pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.sidebar{flex-direction:column;max-height:calc(100vh - 7rem);display:flex}.sidebar-head,.pane-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.group-list{flex:1;padding:.45rem;overflow:auto}.group-list.is-busy{opacity:.72;pointer-events:none}.group-list.is-dragging .group-item{cursor:grabbing}.group-row{border-radius:10px;align-items:center;gap:.15rem;transition:background .12s,transform .12s,box-shadow .12s;display:flex;position:relative}.group-row.dragging{opacity:.45}.group-row.drop-before:before,.group-row.drop-after:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);z-index:2;pointer-events:none;border-radius:999px;position:absolute;left:1.6rem;right:.35rem}.group-row.drop-before:before{top:-1px}.group-row.drop-after:after{bottom:-1px}.group-row.drop-inside{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent)}.group-row .group-item{flex:1;min-width:0}.group-drag-handle{width:1.35rem;height:2rem;color:var(--ink-muted);cursor:grab;opacity:.55;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin:0;padding:0;font-size:.95rem;line-height:1;transition:opacity .15s,background .15s,color .15s}.group-drag-handle:hover,.group-row:hover .group-drag-handle{opacity:1;color:var(--ink);background:var(--surface-2)}.group-drag-handle:active{cursor:grabbing}.group-drag-spacer{flex-shrink:0;width:1.35rem}.group-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}.group-folder{opacity:.85;flex-shrink:0}.group-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:10px;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;transition:background .15s;display:flex}.group-item:hover,.group-item.active{background:var(--accent-soft)}.group-item .count{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.group-row-all{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);margin-bottom:.25rem;padding-bottom:.35rem}.group-item-all{font-weight:700}.group-item-all .group-folder{color:var(--accent-2)}.view-tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 45%);flex-wrap:nowrap;gap:.3rem;padding:.55rem .65rem;display:flex;overflow:auto hidden}.view-tabs.classy{background:var(--surface-2);border-radius:0;gap:.25rem;padding:.45rem}.view-tab{color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;font-size:.9rem;font-weight:650;transition:all .2s;display:inline-flex;position:relative}.view-tab:hover{color:var(--ink);background:var(--accent-soft)}.view-tab.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 8px 22px #4f46e54d}.view-tabs.classy .view-tab.active{box-shadow:0 6px 18px #4f46e547}.view-tab .tab-label-short{display:none}.view-tab .tab-count{opacity:.9;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;margin-left:0;padding:.12rem .4rem;font-size:.72rem;font-weight:700;line-height:1.2}.view-tab.active .tab-count{opacity:1;background:#ffffff38}.view-tabs-mobile-select{display:none}.touch-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;min-height:44px;padding:.65rem 1rem}.layout-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:.15rem;padding:.2rem;display:inline-flex}.layout-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:40px;padding:.45rem .75rem;font-size:.82rem;font-weight:600}.layout-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.otp-layout.otp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;padding:.9rem;display:grid}.otp-layout.otp-list,.otp-layout.otp-compact{flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.totp-card{border:1px solid var(--line);background:var(--surface-2);border-top:3px solid var(--accent-2);border-radius:16px;gap:.75rem;padding:.85rem;transition:transform .18s,box-shadow .2s,border-color .2s;animation:.35s both rise;display:grid}.totp-card.list,.totp-card.compact{grid-template-columns:1fr}.totp-card:hover{box-shadow:var(--glow);transform:translateY(-2px)}.totp-card-select{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.25rem;display:flex}.totp-card-select:hover{background:var(--accent-soft)}.totp-card-meta{flex:1;min-width:0}.totp-card.color-coral{border-top-color:var(--color-coral)}.totp-card.color-amber{border-top-color:var(--color-amber)}.totp-card.color-mint{border-top-color:var(--color-mint)}.totp-card.color-sky{border-top-color:var(--color-sky)}.totp-card.color-violet{border-top-color:var(--color-violet)}.totp-card.color-rose{border-top-color:var(--color-rose)}.totp-card.color-lime{border-top-color:var(--color-lime)}.totp-card.color-slate{border-top-color:var(--color-slate)}.totp-display{background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto auto;grid-template-areas:"code anim copy""bar bar bar";align-items:center;gap:.55rem .75rem;padding:.55rem .65rem;display:grid}.totp-display.card{grid-template-columns:1fr auto;grid-template-areas:"code anim""bar bar""copy copy"}.totp-display.row{grid-template-columns:1fr auto auto;grid-template-areas:"code anim copy"}.totp-display.row .totp-bar-track{display:none}.totp-code-block{flex-direction:column;grid-area:code;gap:.15rem;min-width:0;display:flex}.totp-code-text{font-family:var(--mono);letter-spacing:.14em;color:var(--ink);perspective:680px;align-items:baseline;font-size:1.45rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.totp-digit{text-align:center;min-width:.68em;transform-style:preserve-3d;z-index:1;place-items:center;display:inline-grid;position:relative;overflow:visible}.totp-digit-face{transform-origin:50%;display:inline-block}.totp-digit-glow{opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 72%);pointer-events:none;border-radius:4px;position:absolute;inset:-8%}.totp-digit.flip .totp-digit-face{animation:.72s cubic-bezier(.2,.9,.2,1) both totpDigitFlip}.totp-digit.flip .totp-digit-glow{animation:.72s ease-out both totpDigitGlow}.totp-digit-gap{width:.28em;display:inline-block}@keyframes totpDigitFlip{0%{opacity:0;filter:blur(6px)saturate(2.4)hue-rotate(-40deg);text-shadow:-2px 0 #ff4d6d,2px 0 #4cc9f0;transform:rotateX(-95deg)translateY(70%)scale(.55)}35%{opacity:1;filter:blur()saturate(1.6)hue-rotate(12deg);text-shadow:-1px 0 color-mix(in srgb, var(--accent-3) 80%, transparent), 1px 0 color-mix(in srgb, var(--accent) 80%, transparent), 0 0 18px color-mix(in srgb, var(--accent-2) 55%, transparent);transform:rotateX(18deg)translateY(-18%)scale(1.22)}62%{filter:blur()saturate(1.15);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 40%, transparent);transform:rotateX(-8deg)translateY(4%)scale(.96)}to{opacity:1;filter:none;text-shadow:none;transform:rotateX(0)translateY(0)scale(1)}}@keyframes totpDigitGlow{0%{opacity:0;transform:scale(.6)}40%{opacity:.85;transform:scale(1.15)}to{opacity:0;transform:scale(1.35)}}.totp-display.inline .totp-code-text{font-size:1.15rem}.totp-timer-label{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.totp-anim{grid-area:anim;place-items:center;display:grid}.totp-bar-track{background:var(--line);border-radius:999px;grid-area:bar;height:4px;overflow:hidden}.totp-bar-fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:inherit;width:100%;height:100%;transition:transform .2s linear}.totp-copy{grid-area:copy;min-width:72px}.totp-display.urgent .totp-code-text{color:var(--danger)}.totp-display.urgent .totp-progress,.totp-display.urgent .totp-bar-fill{stroke:var(--danger);background:var(--danger);animation:.8s infinite urgentPulse}.totp-track{stroke:var(--line)}.totp-progress{stroke:var(--accent-2);transition:stroke-dashoffset .2s linear}.recipient-chips{flex-wrap:wrap;gap:.4rem;display:flex}.recipient-chips.compact{margin-top:.55rem}.chip-check{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;min-height:40px;padding:.45rem .75rem;font-size:.85rem;display:inline-flex}.chip-check.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mail-mode-toggle{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.65rem;display:grid}.mail-mode-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-muted);font:inherit;cursor:pointer;border-radius:12px;margin:0;padding:.7rem .85rem;font-weight:650}.mail-mode-btn.active{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent-2) 16%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent) inset}.mail-recipient-summary{margin:0;font-size:.88rem}.mail-picker{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.mail-picker-toolbar{gap:.55rem;display:grid}.mail-search{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:.7rem .85rem}.mail-search:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);border-color:#0000}.mail-picker-actions{flex-wrap:wrap;gap:.35rem;display:flex}.mail-inactive-toggle{margin:0;font-size:.85rem}.mail-user-list{gap:.35rem;max-height:280px;padding-right:.15rem;display:grid;overflow:auto}.mail-empty{margin:.5rem 0;font-size:.88rem}.mail-user-row{border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin:0;padding:.65rem .75rem;display:grid}.mail-user-row.on{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--accent-soft)}.mail-user-row.inactive{opacity:.72}.mail-user-row input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.mail-user-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.mail-user-meta strong{letter-spacing:-.02em;font-size:.92rem}.mail-user-meta em{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-style:normal;overflow:hidden}.mail-user-badge{color:var(--ink-muted);white-space:nowrap;font-size:.72rem;font-weight:650}.mail-user-badge.ok{color:var(--ok)}.mail-user-badge.off{color:var(--warn)}.mail-selected-bar{border-top:1px solid var(--line);gap:.35rem;padding-top:.35rem;font-size:.85rem;display:grid}.mail-log-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.mail-log-list li{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:.15rem;padding:.7rem .8rem;display:grid}.mail-log-list li.fail{border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;display:flex}.toolbar input[type=search]{border:1px solid var(--line);background:var(--surface-solid);min-width:140px;min-height:44px;color:var(--ink);border-radius:12px;flex:1;padding:.65rem .85rem;font-size:16px}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .15s,box-shadow .15s}.swatch:hover,.swatch.active{box-shadow:0 0 0 2px var(--surface-solid), 0 0 0 4px currentColor;transform:scale(1.12)}.color-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.entry-list{max-height:min(52vh,560px);margin:0;padding:0;list-style:none;overflow:auto}.entry-row{border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem .95rem;transition:background .15s;display:grid}.entry-row:hover,.entry-row.active{background:var(--accent-soft)}.entry-row.color-coral{border-left-color:var(--color-coral)}.entry-row.color-amber{border-left-color:var(--color-amber)}.entry-row.color-mint{border-left-color:var(--color-mint)}.entry-row.color-sky{border-left-color:var(--color-sky)}.entry-row.color-violet{border-left-color:var(--color-violet)}.entry-row.color-rose{border-left-color:var(--color-rose)}.entry-row.color-lime{border-left-color:var(--color-lime)}.entry-row.color-slate{border-left-color:var(--color-slate)}.avatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid;overflow:hidden}.avatar-icon{background:color-mix(in srgb, var(--panel) 88%, var(--line));border:1px solid var(--line);padding:4px}.avatar-icon img{object-fit:contain;border-radius:6px;width:100%;height:100%;display:block}.avatar.color-coral{background:linear-gradient(135deg,#ff6b4a,#f43f5e)}.avatar.color-amber{background:linear-gradient(135deg,#f5a524,#f97316)}.avatar.color-mint{background:linear-gradient(135deg,#2dd4a8,#10b981)}.avatar.color-sky{background:linear-gradient(135deg,#38bdf8,#6366f1)}.avatar.color-violet{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.avatar.color-rose{background:linear-gradient(135deg,#fb7185,#e11d48)}.avatar.color-lime{background:linear-gradient(135deg,#a3e635,#22c55e)}.avatar.color-slate{background:linear-gradient(135deg,#94a3b8,#64748b)}.entry-title{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:650;display:flex}.entry-meta{color:var(--ink-muted);font-size:.82rem;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fav-star{color:var(--warn);font-size:.85rem}.detail{border-top:1px solid var(--line);background:var(--surface-solid);padding:1rem;animation:.28s both rise}.field-grid{gap:.75rem;display:grid}.field{gap:.25rem;display:grid}.field .label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.field .value{font-family:var(--mono);word-break:break-all;flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.secret{filter:blur(5px);transition:filter .2s}.secret.revealed{filter:none}.strength{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.strength-bar{background:var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.strength-fill{border-radius:inherit;height:100%;transition:width .3s,background .3s}.str-0 .strength-fill,.str-1 .strength-fill{background:var(--danger)}.str-2 .strength-fill{background:var(--warn)}.str-3 .strength-fill{background:#eab308}.str-4 .strength-fill,.str-5 .strength-fill{background:var(--ok)}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.55}}.ctx-menu{z-index:80;border:1px solid var(--line);background:var(--surface-solid);min-width:220px;max-width:min(280px,100vw - 16px);box-shadow:var(--shadow), 0 12px 40px #0000002e;color:var(--ink);border-radius:12px;padding:.35rem;animation:.12s both ctx-in;position:fixed}@keyframes ctx-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ctx-item{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .65rem;font-size:.9rem;display:flex}.ctx-item:hover:not(:disabled),.ctx-item:focus-visible:not(:disabled){background:var(--accent-soft);outline:none}.ctx-item:disabled{opacity:.4;cursor:default}.ctx-item.danger{color:var(--danger,#e11d48)}.ctx-item.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger,#e11d48) 14%, transparent)}.ctx-shortcut{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.ctx-sep{background:var(--line);height:1px;margin:.3rem .4rem}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c188c;place-items:center;padding:.75rem;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-solid);border:1px solid var(--line);width:min(560px,100%);max-height:min(92vh,920px);box-shadow:var(--shadow);color:var(--ink);border-radius:18px;padding:1.2rem;animation:.25s both rise;overflow:auto}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem .45rem;font-size:.92rem}.tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.tag-chips{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tag-chips.size-sm{margin-top:.28rem}.tag-chip{--tag-h:200;--tag-s:45%;border:1px solid color-mix(in srgb, hsl(var(--tag-h) var(--tag-s) 42%) 34%, var(--line));background:color-mix(in srgb, hsl(var(--tag-h) var(--tag-s) 52%) 16%, var(--surface-solid));color:color-mix(in srgb, hsl(var(--tag-h) 40% 28%) 58%, var(--ink));letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.2rem;max-width:12rem;padding:.18rem .55rem;font-size:.72rem;font-weight:650;line-height:1.2;display:inline-flex;overflow:hidden}.tag-chips.size-sm .tag-chip{padding:.12rem .45rem;font-size:.66rem}.tag-chip.clickable,button.tag-chip{cursor:pointer;font:inherit;font-size:.72rem;font-weight:650;transition:transform .12s,box-shadow .12s}.tag-chip.clickable:hover,button.tag-chip:hover{box-shadow:0 6px 14px color-mix(in srgb, hsl(var(--tag-h) var(--tag-s) 45%) 24%, transparent);transform:translateY(-1px)}.tag-chip.more{opacity:.7;border-style:dashed}.tag-chip.editable{padding-right:.25rem}.tag-chip-x{color:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .2rem;font-size:.9rem;line-height:1}.tag-chip-x:hover{opacity:1;background:color-mix(in srgb, var(--ink) 8%, transparent)}.tag-editor{gap:.4rem;display:grid;position:relative}.tag-editor-shell{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-solid) 92%, transparent), color-mix(in srgb, var(--ink) 2.5%, var(--surface-solid)));border-radius:14px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:46px;padding:.4rem .55rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #fff6}.tag-editor-shell:focus-within{border-color:color-mix(in srgb, var(--accent-2) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-2) 18%, transparent)}.tag-editor-input{min-width:8rem;font:inherit;color:var(--ink);flex:1;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:.35rem .25rem!important}.tag-suggest{z-index:30;border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:12px;gap:.15rem;max-height:220px;padding:.4rem;display:grid;position:absolute;top:calc(100% - 1.1rem);left:0;right:0;overflow:auto}.tag-suggest-item{text-align:left;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .6rem;font-size:.88rem}.tag-suggest-item:hover,.tag-suggest-item.create{background:var(--accent-soft)}.tag-suggest-item.create{color:var(--accent);font-weight:650}.tag-editor-hint{margin:0;font-size:.75rem}.sidebar-tags{border-top:1px solid var(--line);padding:.75rem .7rem 1rem}.sidebar-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.68rem;font-weight:750;display:flex}.sidebar-tag-list{gap:.25rem;max-height:220px;display:grid;overflow:auto}.sidebar-tag{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;gap:.5rem;padding:.4rem .55rem;font-size:.86rem;font-weight:550;transition:background .12s,border-color .12s;display:flex}.sidebar-tag:hover,.sidebar-tag.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.sidebar-tag .count{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.tag-filter-pill{border:1px solid color-mix(in srgb, var(--accent-2) 35%, var(--line));background:color-mix(in srgb, var(--accent-2) 12%, var(--surface-solid));color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:650}.entry-tags-row{padding:0 .85rem .55rem 3.4rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty{text-align:center;color:var(--ink-muted);padding:2.5rem 1rem}.gen-row{align-items:end;gap:.5rem;display:flex}.color-picker{flex-wrap:wrap;gap:.4rem;display:flex}.color-picker button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.color-picker button.active{box-shadow:0 0 0 2px var(--surface-solid), 0 0 0 4px var(--accent)}.toast-stack{z-index:80;pointer-events:none;gap:.45rem;display:grid;position:fixed;bottom:1rem;right:1rem}.toast{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:.7rem 1rem;font-size:.9rem;font-weight:600;animation:.25s both rise}.mobile-only{display:none}.desktop-only{display:inline-flex}.drawer-backdrop{display:none}@media (width<=860px){.mobile-only{display:inline-flex}.desktop-only,.hide-sm{display:none!important}.vault-layout{grid-template-columns:1fr}.sidebar{z-index:55;border-radius:0 var(--radius) var(--radius) 0;width:min(300px,88vw);height:100%;max-height:none;transition:transform .28s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.drawer-backdrop{z-index:50;opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;display:block;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.entry-list{max-height:none}.topbar{padding:.65rem .75rem}.page{width:calc(100% - 1rem);margin:.75rem auto 1.5rem}.user-chip{display:none}.totp-grid,.otp-layout.otp-grid{grid-template-columns:1fr}.totp-display{grid-template-columns:1fr auto;grid-template-areas:"code anim""bar bar""copy copy"}.totp-copy{width:100%}.table{display:block;overflow-x:auto}}@media (width<=480px){.btn{padding:.5rem .7rem;font-size:.9rem}.entry-row{grid-template-columns:auto 1fr}.entry-row .row-extra{grid-column:2;justify-self:start}}.keepass-tabs .view-tab{letter-spacing:.01em}@media (width<=860px){.view-tabs.keepass-tabs{display:none}.view-tabs-mobile-select{border-bottom:1px solid var(--line);background:var(--surface-2);padding:.65rem .75rem;display:block}.view-tabs-mobile-select select{border:1px solid var(--line);background:var(--surface-solid);width:100%;min-height:44px;color:var(--ink);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-muted) 50%), linear-gradient(135deg, var(--ink-muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:12px;padding:.65rem .85rem;font-size:16px;font-weight:650}.toolbar{gap:.45rem;padding:.65rem}.toolbar .layout-switch{justify-content:stretch;width:100%}.toolbar .layout-btn{text-align:center;flex:1}}@media (width>=861px) and (width<=1100px){.keepass-tabs .tab-label-full{display:none}.keepass-tabs .tab-label-short{display:inline}.keepass-tabs .view-tab{min-height:40px;padding:.45rem .75rem;font-size:.82rem}}.db-stats{border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent);grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.65rem .75rem;display:grid}.db-stats div{text-align:center;background:var(--surface-solid);border:1px solid var(--line);border-radius:10px;padding:.35rem}.db-stats span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800;display:block}.db-stats small{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.keepass-side-head{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface-2)), var(--surface-2))}.generator-pane{padding:1rem;animation:.35s both rise}.generator-intro h2{margin:0 0 .25rem;font-size:1.35rem}.generator-intro{margin-bottom:1rem}.pw-gen{gap:1rem;display:grid;position:relative}.pw-gen-hero{border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:20px;gap:1rem;padding:1.15rem;display:grid;position:relative;overflow:hidden}.pw-gen-orb{background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 45%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;animation:8s ease-in-out infinite floaty;position:absolute;top:-60px;right:-40px}.pw-gen.quality-excellent .pw-gen-orb{background:radial-gradient(circle, color-mix(in srgb, var(--ok) 50%, transparent), transparent 70%)}.pw-gen.quality-weak .pw-gen-orb{background:radial-gradient(circle, color-mix(in srgb, var(--danger) 45%, transparent), transparent 70%)}.pw-gen-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.pw-gen-value{font-family:var(--mono);letter-spacing:.04em;word-break:break-all;perspective:900px;flex-wrap:wrap;gap:0;min-height:1.45em;margin:.45rem 0 .65rem;font-size:clamp(1.05rem,3.5vw,1.45rem);font-weight:650;line-height:1.45;display:flex;position:relative}.pw-gen-char{text-align:center;min-width:.55em;transform-style:preserve-3d;z-index:1;place-items:center;display:inline-grid;position:relative}.pw-gen-char-face{transform-origin:50%;display:inline-block}.pw-gen-char-glow{opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 72%);pointer-events:none;border-radius:4px;position:absolute;inset:-10%}.pw-gen-char.scramble .pw-gen-char-face{color:color-mix(in srgb, var(--accent-2) 80%, var(--ink));text-shadow:-1px 0 #ff4d6d,1px 0 #4cc9f0;animation:90ms linear infinite pwGenScramble}.pw-gen-char.lock-in .pw-gen-char-face{animation:.7s cubic-bezier(.2,.9,.2,1) both pwGenLockIn}.pw-gen-char.lock-in .pw-gen-char-glow{animation:.7s ease-out both pwGenCharGlow}@keyframes pwGenScramble{0%{filter:blur();transform:translateY(0)rotateX(0)scale(1)}50%{filter:blur(.4px);transform:translateY(-12%)rotateX(25deg)scale(1.08)}to{filter:blur();transform:translateY(8%)rotateX(-18deg)scale(.94)}}@keyframes pwGenLockIn{0%{opacity:0;filter:blur(7px)saturate(2.6)hue-rotate(-50deg);text-shadow:-3px 0 #ff4d6d, 3px 0 #4cc9f0, 0 0 18px color-mix(in srgb, var(--accent-2) 70%, transparent);transform:rotateX(-110deg)translateY(80%)scale(.4)}40%{opacity:1;filter:blur()saturate(1.7)hue-rotate(18deg);text-shadow:-1px 0 color-mix(in srgb, var(--accent-3) 85%, transparent), 1px 0 color-mix(in srgb, var(--accent) 85%, transparent), 0 0 22px color-mix(in srgb, var(--accent-2) 60%, transparent);transform:rotateX(22deg)translateY(-22%)scale(1.28)}68%{filter:blur()saturate(1.2);transform:rotateX(-10deg)translateY(6%)scale(.94)}to{opacity:1;filter:none;text-shadow:none;transform:none}}@keyframes pwGenCharGlow{0%{opacity:0;transform:scale(.6)}40%{opacity:.85;transform:scale(1.15)}to{opacity:0;transform:scale(1.35)}}.pw-gen-actions{z-index:1;flex-wrap:wrap;gap:.45rem;display:flex;position:relative}.pw-gen-presets{flex-wrap:wrap;gap:.4rem;display:flex}.preset-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:650;transition:all .18s}.preset-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.pw-gen-controls{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;gap:.9rem;padding:1rem;display:grid}.pw-slider{width:100%;accent-color:var(--accent);height:2rem}.length-ticks{color:var(--ink-muted);justify-content:space-between;font-size:.72rem;display:flex}.pw-gen-toggles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem;display:grid}.toggle-card{border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.5rem;min-height:48px;padding:.7rem .8rem;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.toggle-card.on{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.toggle-card input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.pw-gen-history{border:1px dashed var(--line);background:var(--surface-2);border-radius:16px;padding:.85rem}.pw-gen-history .label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.pw-gen-history ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.pw-gen-history li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pw-gen-history code{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.inline-gen{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:.65rem;padding:.65rem}.pw-gen.compact .pw-gen-hero{padding:.85rem}.pw-gen.compact .pw-gen-history{display:none}.main-pane{position:relative}.main-pane:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));z-index:2;pointer-events:none;background-size:200% 100%;height:3px;animation:5s linear infinite orbShift;position:absolute;inset:0 0 auto}.group-item{min-height:42px}.entry-row{min-height:64px}@media (width<=860px){.pw-gen-toggles{grid-template-columns:1fr 1fr}.db-stats span{font-size:.95rem}}.entry-list{gap:.4rem;max-height:none;margin:0;padding:.35rem;list-style:none;display:grid;overflow:visible}.entry-item{border:1px solid var(--line);background:var(--surface-solid);border-left:3px solid #0000;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.entry-item.open{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.entry-item.color-coral{border-left-color:var(--color-coral)}.entry-item.color-amber{border-left-color:var(--color-amber)}.entry-item.color-mint{border-left-color:var(--color-mint)}.entry-item.color-sky{border-left-color:var(--color-sky)}.entry-item.color-violet{border-left-color:var(--color-violet)}.entry-item.color-rose{border-left-color:var(--color-rose)}.entry-item.color-lime{border-left-color:var(--color-lime)}.entry-item.color-slate{border-left-color:var(--color-slate)}.entry-item .entry-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:64px;padding:.85rem .95rem;display:grid}.entry-item .entry-row:hover,.entry-item .entry-row.active{background:var(--accent-soft)}.entry-expand{border-top:1px solid var(--line);background:var(--surface-2);gap:.85rem;padding:0 1rem 1rem;animation:.25s both rise;display:grid}.entry-expand-actions{padding-top:.75rem}.expand-chevron{color:var(--ink-muted);padding:.5rem;font-size:1.1rem}.density-compact .entry-item .entry-row{min-height:52px;padding:.55rem .75rem}.density-compact .avatar{width:34px;height:34px;font-size:.75rem}.profile-page .profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.pref-options{flex-wrap:wrap;gap:.4rem;display:flex}.pref-card{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;text-transform:capitalize;border-radius:12px;padding:.65rem .95rem;font-weight:650}.pref-card.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 8px 20px #4f46e540}[data-density=compact] .group-item{padding:.4rem .55rem}.vault-search-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.vault-search{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);min-width:200px;color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:.7rem 1.1rem;box-shadow:inset 0 1px #ffffff0f}.vault-search:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);border-color:#0000}.vault-search-count{white-space:nowrap;font-size:.85rem}.webdav-hint{font-family:var(--mono,ui-monospace, monospace);opacity:.85;font-size:.78rem!important}.help-hero{margin-bottom:1.5rem}.help-jump{margin:.85rem 0 0;font-size:.92rem}.help-jump a{color:var(--accent);text-decoration:none}.help-jump a:hover{text-decoration:underline}.help-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.4rem}.help-section h2{margin-top:0}.help-callout{background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:12px;gap:.65rem;margin:1rem 0;padding:1rem;display:grid}.help-url{word-break:break-all;margin-top:.35rem;font-size:.95rem;display:block}.help-steps{gap:.45rem;margin:.75rem 0 0;padding-left:1.2rem;display:grid}.help-steps.compact{font-size:.92rem}.help-tips{gap:.4rem;margin:.5rem 0 1rem;padding-left:1.2rem;display:grid}.ext-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.ext-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;align-content:start;gap:.65rem;padding:1.1rem;display:grid}.ext-card h3{margin:0}.ext-card .btn{justify-self:start}.vault-usage{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:.45rem;padding:.75rem .85rem;display:grid}.vault-usage.in-pane{background:0 0;border:none;padding:0}.vault-usage-title{font-size:.9rem;font-weight:700}.vault-usage-blurb,.vault-usage-hint{margin:0;font-size:.8rem;line-height:1.35}.link-row{grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.4rem;display:grid}.link-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.link-value{text-overflow:ellipsis;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem;font-size:.72rem;overflow:hidden}.vault-usage-actions{flex-wrap:wrap;gap:.4rem;display:flex}.btn-tiny{width:auto!important;margin:0!important;padding:.35rem .6rem!important;font-size:.78rem!important}.apps-pane{gap:1rem;padding:.25rem 0 1.5rem;display:grid;overflow:auto}.apps-block{margin:0}.notes-layout{grid-template-columns:minmax(210px,270px) 1fr;align-items:stretch;gap:.9rem;min-height:min(72vh,760px);display:grid}.notes-sidebar{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 7%, var(--surface-solid)), var(--surface-solid));box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.notes-side-head{justify-content:space-between;align-items:center;padding:.9rem .95rem .75rem;display:flex}.notes-side-brand{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:.95rem;display:flex}.notes-side-brand .brand{gap:0}.notes-side-brand strong{font-weight:750}.notes-search-wrap{padding:0 .7rem .45rem}.notes-search{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);width:100%;color:var(--ink);border-radius:12px;padding:.55rem .75rem}.notes-list{flex:1;margin:0;padding:.2rem .45rem .65rem;list-style:none;overflow:auto}.notes-empty{color:var(--ink-muted);padding:1rem .75rem;font-size:.85rem}.notes-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;gap:.35rem;padding:.7rem .75rem;transition:background .18s,border-color .18s,transform .18s;display:grid}.notes-item strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.notes-item-meta{flex-wrap:wrap;gap:.3rem;display:flex}.notes-chip{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink-muted);border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-style:normal;font-weight:700}.notes-chip.fmt-markdown{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.notes-chip.fmt-code{background:color-mix(in srgb, var(--accent-2) 16%, transparent);color:color-mix(in srgb, var(--accent-2) 80%, var(--ink))}.notes-chip.lock{background:color-mix(in srgb, var(--warn) 18%, transparent);color:color-mix(in srgb, var(--warn) 85%, var(--ink))}.notes-chip.shared{background:color-mix(in srgb, var(--ok) 16%, transparent);color:color-mix(in srgb, var(--ok) 80%, var(--ink))}.notes-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.notes-item.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, transparent);transform:translate(2px)}.notes-main{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(720px 240px at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), radial-gradient(520px 200px at 100% 0%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 50%), var(--surface-solid);box-shadow:var(--shadow);align-content:start;gap:.85rem;min-width:0;padding:1rem 1.05rem 1.1rem;display:grid}.notes-hero{gap:.75rem;display:grid}.notes-hero-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.notes-title{min-width:0;color:var(--ink);letter-spacing:-.035em;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:.15rem .1rem;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:750;line-height:1.15;transition:border-color .2s}.notes-title::placeholder{color:color-mix(in srgb, var(--ink-muted) 70%, transparent)}.notes-title:focus{border-bottom-color:color-mix(in srgb, var(--accent) 45%, transparent)}.notes-hero-actions{flex-shrink:0;align-items:center;gap:.45rem;padding-top:.35rem;display:flex}.notes-live{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.notes-live i{background:var(--ink-muted);border-radius:50%;width:.45rem;height:.45rem}.notes-live.dirty i,.notes-live.saving i{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 22%, transparent);animation:1.1s infinite notes-pulse}.notes-live.saved i,.notes-live.idle i{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent)}.notes-live.error i{background:var(--danger)}@keyframes notes-pulse{0%,to{opacity:1}50%{opacity:.45}}.notes-controls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.notes-seg{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:12px;gap:.15rem;padding:.2rem;display:inline-flex}.notes-seg-soft{background:color-mix(in srgb, var(--accent-2) 6%, transparent)}.notes-seg button{color:var(--ink-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:9px;padding:.4rem .7rem;font-size:.78rem;font-weight:650;transition:background .15s,color .15s,transform .15s}.notes-seg button:hover:not(:disabled){color:var(--ink)}.notes-seg button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 88%, white), var(--accent));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 28%, transparent)}.notes-seg-soft button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 80%, white), var(--accent-2));box-shadow:0 6px 16px color-mix(in srgb, var(--accent-2) 24%, transparent)}.notes-lang{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.72rem;font-weight:650;display:inline-flex}.notes-lang select{text-transform:none;letter-spacing:0;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 80%, transparent);color:var(--ink);border-radius:10px;padding:.4rem .55rem;font-size:.8rem;font-weight:600}.btn.active-soft{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.notes-field{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);gap:.3rem;font-size:.72rem;font-weight:650;display:grid}.notes-field.grow{flex:1;min-width:160px}.notes-field input,.notes-lock-form input{text-transform:none;letter-spacing:0;border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3.5%, transparent);color:var(--ink);border-radius:12px;padding:.65rem .8rem;font-size:.92rem;font-weight:500}.notes-panel{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%), color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:14px;flex-wrap:wrap;align-items:end;gap:.65rem;padding:.85rem .95rem;animation:.22s notes-rise;display:flex}.notes-panel.share{border-color:color-mix(in srgb, var(--accent-2) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 55%), color-mix(in srgb, var(--surface-2) 80%, transparent)}.notes-share-bar{border:1px solid color-mix(in srgb, var(--accent-2) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 60%), color-mix(in srgb, var(--surface-2) 78%, transparent);border-radius:14px;gap:.7rem;padding:.85rem .95rem;display:grid}.notes-share-bar-copy{gap:.15rem;display:grid}.notes-share-bar-copy strong{letter-spacing:-.02em}.notes-share-bar-copy .muted{font-size:.82rem}.notes-share-protect{margin:0}.notes-share-creds{gap:.65rem;display:grid}.notes-cred-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.notes-cred-row input{text-transform:none;letter-spacing:0;min-width:160px;font-size:.88rem;font-weight:500;font-family:var(--mono);border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3.5%, transparent);color:var(--ink);border-radius:12px;flex:1;padding:.6rem .75rem}.notes-panel-copy{flex:180px;min-width:0}.notes-panel-copy strong{letter-spacing:-.02em;display:block}.notes-panel-copy p{margin:.2rem 0 0;font-size:.82rem}@keyframes notes-rise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notes-editor-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:14px;min-height:340px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.notes-editor{resize:vertical;width:100%;min-height:340px;font-family:var(--mono);color:var(--ink);background:0 0;border:none;border-radius:0;outline:none;padding:1rem 1.05rem;font-size:.9rem;line-height:1.55}.notes-editor.mode-markdown,.notes-editor.mode-plain{font-family:var(--font);font-size:.98rem;line-height:1.6}.notes-below{gap:.45rem;animation:.22s notes-rise;display:grid}.notes-below-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:750;display:flex}.notes-preview{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:14px;min-height:180px;max-height:min(42vh,480px);padding:1rem 1.1rem;overflow:auto}.notes-preview.md{line-height:1.6}.notes-preview.md h1,.notes-preview.md h2,.notes-preview.md h3{letter-spacing:-.02em;margin:.65rem 0 .35rem}.notes-preview.md pre{background:#0b1220;border-radius:10px;padding:.75rem;overflow:auto}.notes-preview.raw{font-family:var(--mono)}.note-line{font-family:var(--mono);grid-template-columns:3ch 1fr;gap:.75rem;font-size:.85rem;line-height:1.45;display:grid}.note-ln{color:var(--ink-muted);text-align:right;-webkit-user-select:none;user-select:none}.note-code-block{font-family:var(--mono);grid-template-columns:auto 1fr;gap:.65rem;font-size:.85rem;display:grid}.note-ln-col{color:var(--ink-muted);text-align:right;-webkit-user-select:none;user-select:none;gap:0;padding-top:.85rem;line-height:1.45;display:grid}.note-code-pre{background:#0b1220;border-radius:10px;margin:0;padding:.85rem;line-height:1.45;overflow:auto}.notes-lock-gate{text-align:center;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-radius:18px;gap:.85rem;max-width:420px;margin:2.5rem auto;padding:1.5rem 1.25rem;display:grid;position:relative;overflow:hidden}.notes-lock-orb{background:linear-gradient(145deg, var(--accent), var(--accent-2));width:3.2rem;height:3.2rem;box-shadow:var(--glow);border-radius:1.1rem;margin:0 auto}.notes-lock-gate h2{letter-spacing:-.03em;margin:0}.notes-lock-form{text-align:left;gap:.65rem;display:grid}.notes-share-link{flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;display:flex}.notes-share-link code{word-break:break-all;background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:10px;flex:1;min-width:160px;padding:.45rem .6rem;font-size:.78rem}.share-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.share-topbar{border-bottom:1px solid var(--line);background:var(--topbar);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.share-topbar .brand-mini{letter-spacing:-.04em;color:var(--ink);font-size:1.15rem;font-weight:800;text-decoration:none}.share-card-mark{border-radius:16px;width:56px;height:56px;margin:0 auto .15rem;position:relative}.share-card-mark img{width:56px;height:56px;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 30%, transparent), var(--glow);border-radius:16px;display:block}.share-card.unlock .share-card-mark{margin-left:auto;margin-right:auto}.share-page{width:100%;max-width:920px;margin:0 auto;padding:1.5rem 1rem 3rem}.share-page.centered{place-items:center;max-width:none;min-height:calc(100vh - 64px);display:grid}.share-card{text-align:center;border:1px solid var(--line);background:radial-gradient(420px 180px at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--surface-solid);width:min(100%,440px);box-shadow:var(--shadow);border-radius:18px;gap:.85rem;padding:1.75rem 1.35rem 1.5rem;display:grid}.share-card.unlock{text-align:left}.share-card .notes-lock-orb{margin-bottom:.15rem}.share-card.unlock .notes-lock-orb{margin-left:auto;margin-right:auto}.share-card h1{letter-spacing:-.03em;text-align:center;margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.share-card .eyebrow{text-align:center}.share-card .muted{text-align:center;margin:0}.share-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.share-head h1{letter-spacing:-.03em;margin:.15rem 0 0}.share-head-actions{gap:.4rem;display:flex}.share-unlock{gap:.75rem;margin-top:.35rem;display:grid}.share-unlock .notes-field{text-align:left}.share-unlock .btn-primary{justify-content:center;width:100%}.share-body.notes-preview.pane{min-height:280px;max-height:none;box-shadow:var(--shadow);border-radius:16px}.share-raw{white-space:pre-wrap;font-family:var(--mono);color:#e2e8f0;background:#0b1220;min-height:100vh;margin:0;padding:1rem}@media (width<=900px){.notes-layout{grid-template-columns:1fr}.notes-hero-top{flex-direction:column}.notes-title{width:100%}}@media (width<=640px){.link-row{grid-template-columns:1fr}}.otp-share-shell{min-height:100vh;color:var(--ink);position:relative;overflow:hidden}.otp-share-bg{background:radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--accent-2) 28%, transparent), transparent 60%), radial-gradient(900px 500px at 88% 8%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), radial-gradient(800px 480px at 50% 110%, color-mix(in srgb, var(--accent-3) 18%, transparent), transparent 50%), linear-gradient(165deg, var(--bg-deep), var(--bg) 45%, color-mix(in srgb, var(--surface-solid) 70%, var(--bg)));z-index:0;position:absolute;inset:0}.otp-share-orb{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite otp-orb-drift;position:absolute}.otp-share-orb-a{background:color-mix(in srgb, var(--accent-2) 55%, transparent);width:280px;height:280px;top:8%;left:6%}.otp-share-orb-b{background:color-mix(in srgb, var(--accent) 45%, transparent);width:340px;height:340px;animation-delay:-4s;top:42%;right:-4%}.otp-share-orb-c{background:color-mix(in srgb, var(--accent-3) 40%, transparent);width:220px;height:220px;animation-delay:-8s;bottom:6%;left:38%}.otp-share-grid{background-image:linear-gradient(color-mix(in srgb, var(--ink) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 4%, transparent) 1px, transparent 1px);opacity:.35;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}@keyframes otp-orb-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-22px)scale(1.06)}}.otp-share-top{z-index:2;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative}.otp-share-stage{z-index:2;place-items:center;min-height:calc(100vh - 72px);padding:1rem 1.25rem 2.5rem;display:grid;position:relative}.otp-share-card{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--surface-solid) 92%, transparent), color-mix(in srgb, var(--surface) 88%, transparent));-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);width:min(560px,100%);box-shadow:0 30px 80px color-mix(in srgb, var(--accent) 16%, transparent), 0 1px 0 #ffffff8c inset;text-align:center;border-radius:28px;padding:1.75rem 1.6rem 1.5rem;animation:.55s cubic-bezier(.22,1,.36,1) otp-card-in}@keyframes otp-card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.otp-share-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:.45rem;margin:0 0 .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.otp-share-pulse{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent);border-radius:50%;animation:1.8s ease-out infinite otp-pulse}@keyframes otp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 50%, transparent)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.otp-share-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,4vw,2rem);line-height:1.15}.otp-share-account{color:var(--ink-muted);font-family:var(--mono);margin:.35rem 0 0;font-size:.92rem}.otp-share-hero{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;margin:1.5rem 0 1.1rem;display:grid}.otp-share-ring{flex-shrink:0;width:168px;height:168px;position:relative}.otp-share-ring.skeleton{background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));border-radius:50%;animation:1.2s ease-in-out infinite otp-shimmer}@keyframes otp-shimmer{0%,to{opacity:.55}50%{opacity:1}}.otp-share-ring-track{stroke:color-mix(in srgb, var(--ink) 8%, transparent)}.otp-share-ring-arc{stroke:var(--accent-2);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-2) 45%, transparent));transition:stroke-dashoffset .9s linear,stroke .2s}.otp-share-ring.urgent .otp-share-ring-arc{stroke:var(--accent-3);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-3) 55%, transparent))}.otp-share-ring-label{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.otp-share-ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;transform:translateY(1px)}.otp-share-ring-label strong{text-align:center;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;width:3ch;font-size:1.85rem;font-weight:700;line-height:1;display:block}.otp-share-ring-label span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;white-space:nowrap;margin-top:.28rem;font-size:.68rem;font-weight:600;display:block}.otp-share-hero-code{justify-items:start;gap:.85rem;min-width:0;display:grid}.otp-share-code{font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:.28rem;font-size:clamp(1.85rem,5vw,2.55rem);font-weight:600;line-height:1;display:flex}.otp-share-digit{background:color-mix(in srgb, var(--ink) 4%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--line) 70%, transparent);min-width:1.05ch;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:10px;place-items:center;padding:.35rem .28rem;display:inline-grid;position:relative}.otp-share-digit.flip{animation:.7s cubic-bezier(.22,1,.36,1) otp-digit-flip}@keyframes otp-digit-flip{0%{opacity:.35;filter:blur(2px);transform:translateY(8px)scale(.92)}to{opacity:1;filter:none;transform:none}}.otp-share-gap{color:var(--ink-muted);opacity:.45;align-self:center;padding:0 .1rem;font-size:1.2rem}.otp-share-copy{min-width:140px}.otp-share-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.35rem;padding-top:1rem;display:grid}.otp-share-meta>div{gap:.2rem;display:grid}.otp-share-meta .label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:.68rem}.otp-share-meta strong{letter-spacing:-.02em;font-size:.92rem}.otp-share-footnote{margin:1rem 0 0;font-size:.8rem}.otp-share-card.unlock,.otp-share-card.state-dead{justify-items:center;gap:.55rem;display:grid}.otp-share-lock{width:72px;height:72px;margin-bottom:.35rem;position:relative}.otp-share-lock-ring{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent-2) 35%, transparent), transparent 65%);border:1px solid color-mix(in srgb, var(--accent-2) 35%, var(--line));border-radius:50%;animation:8s ease-in-out infinite otp-orb-drift;position:absolute;inset:0}.otp-share-lock-shackle{border:3px solid color-mix(in srgb, var(--ink) 55%, var(--accent));border-bottom:0;border-radius:11px 11px 0 0;width:22px;height:18px;margin-left:-11px;position:absolute;top:14px;left:50%}.otp-share-lock-body{background:linear-gradient(145deg, var(--accent), var(--accent-2));width:28px;height:22px;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:6px;margin-left:-14px;position:absolute;top:30px;left:50%}.otp-share-unlock{text-align:left;gap:.85rem;width:100%;margin-top:.65rem;display:grid}.otp-share-unlock label,.otp-share-form label,.otp-share-field{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);gap:.4rem;font-size:.78rem;font-weight:600;display:grid}.otp-share-input-shell{border:1px solid color-mix(in srgb, var(--accent-2) 26%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-solid) 88%, transparent), color-mix(in srgb, var(--ink) 3%, var(--surface-solid)));min-height:48px;box-shadow:0 1px 0 #ffffff73 inset, 0 10px 24px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:14px;align-items:stretch;transition:border-color .18s,box-shadow .18s,transform .15s;display:flex;overflow:hidden}.otp-share-input-shell:focus-within{border-color:color-mix(in srgb, var(--accent-2) 70%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-2) 20%, transparent), 0 12px 28px color-mix(in srgb, var(--accent-2) 12%, transparent);transform:translateY(-1px)}.otp-share-input-shell input{min-width:0;color:var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:none;flex:1;padding:.85rem 1rem;font-size:.95rem;font-weight:500;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important}.otp-share-input-shell input::placeholder{color:color-mix(in srgb, var(--ink-muted) 75%, transparent);letter-spacing:.12em}.otp-share-input-action{border:0;border-left:1px solid color-mix(in srgb, var(--line) 90%, transparent);background:color-mix(in srgb, var(--accent-2) 8%, transparent);color:var(--accent-2);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex-shrink:0;padding:0 1rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.otp-share-input-action:hover{background:color-mix(in srgb, var(--accent-2) 16%, transparent);color:var(--ink)}.otp-share-pw-row{gap:.4rem;display:flex}.otp-share-pw-row input{flex:1;min-width:0}.otp-share-unlock-btn{letter-spacing:-.01em;width:100%;min-height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 28%, transparent);justify-content:center;font-weight:700}.otp-share-ttl{margin:.35rem 0 0;font-size:.82rem}.otp-share-modal{width:min(520px,100%);max-height:min(92vh,860px);overflow:auto}.otp-share-modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.otp-share-modal-head h2{letter-spacing:-.03em;margin:.2rem 0 .35rem}.otp-share-modal .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:0;font-size:.72rem;font-weight:700}.otp-share-form{gap:.9rem;display:grid}.otp-share-presets{flex-wrap:wrap;gap:.4rem;display:flex}.otp-share-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 80%, transparent);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s}.otp-share-chip:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-1px)}.otp-share-chip.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent);border-color:#0000}.otp-share-slider-label{gap:.45rem;display:grid}.otp-share-slider-label input[type=range]{width:100%;accent-color:var(--accent-2)}.otp-share-slider-ends{justify-content:space-between;font-size:.75rem;display:flex}.otp-share-never-note{border:1px solid color-mix(in srgb, var(--warn) 30%, var(--line));background:color-mix(in srgb, var(--warn) 10%, var(--surface-2));border-radius:12px;margin:0;padding:.75rem .85rem;font-size:.85rem;line-height:1.4}.check-row{align-items:center;gap:.55rem;color:var(--ink)!important;flex-direction:row!important;display:flex!important}.otp-share-created{background:color-mix(in srgb, var(--ok) 8%, var(--surface-2));border:1px solid color-mix(in srgb, var(--ok) 25%, var(--line));border-radius:14px;padding:.75rem}.otp-share-active{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.otp-share-active h3{margin:0 0 .65rem;font-size:.95rem}.otp-share-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.otp-share-list li{background:color-mix(in srgb, var(--surface-2) 80%, transparent);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.otp-share-list li>div:first-child{gap:.15rem;min-width:0;display:grid}.otp-share-list-actions{flex-shrink:0;gap:.2rem;display:flex}.btn.danger,.btn-ghost.danger{color:var(--danger)}.totp-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.otp-secret-row input{letter-spacing:.04em}.row-between{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.btn-xs{padding:.2rem .55rem;font-size:.75rem}.ssl-status-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.55rem;margin-bottom:.85rem;display:grid}.ssl-pill{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 85%, transparent);border-radius:12px;gap:.2rem;padding:.65rem .75rem;display:grid}.ssl-pill span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:700}.ssl-pill strong{letter-spacing:-.02em;font-size:.92rem}.ssl-pill.ok{border-color:color-mix(in srgb, var(--ok) 35%, var(--line));background:color-mix(in srgb, var(--ok) 10%, var(--surface-2))}.ssl-pill.warn{border-color:color-mix(in srgb, var(--warn) 35%, var(--line));background:color-mix(in srgb, var(--warn) 10%, var(--surface-2))}.ssl-pill.bad{border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 10%, var(--surface-2))}.ssl-banner{border-radius:8px;margin:0 0 .75rem;padding:.55rem .75rem;font-size:.85rem}.ssl-banner.warn{background:color-mix(in srgb, var(--warn) 14%, transparent);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent)}.ssl-action-log{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 85%, transparent);border-radius:10px;margin:0 0 1rem;overflow:hidden}.ssl-action-log.ok{border-color:color-mix(in srgb, var(--ok) 30%, var(--line))}.ssl-action-log.bad{border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 8%, transparent)}.ssl-action-log-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.45rem .7rem;font-size:.82rem;display:flex}.ssl-action-log pre{white-space:pre-wrap;word-break:break-word;max-height:220px;font-family:var(--mono);color:var(--ink);margin:0;padding:.65rem .75rem;font-size:.72rem;line-height:1.4;overflow:auto}.ssl-hints{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.ssl-hints h3{margin:0 0 .5rem;font-size:.95rem}.ssl-hints ul{color:var(--ink-muted);margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.5}@media (width<=720px){.ssl-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.otp-share-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.otp-share-hero-code{justify-items:center}.otp-share-meta{grid-template-columns:1fr}.otp-share-list li{flex-direction:column;align-items:stretch}}.logs-page{max-width:1100px;padding-top:1rem;padding-bottom:1.5rem}.logs-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:.65rem;min-height:min(72vh,820px);display:flex;overflow:hidden}.logs-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 70%, transparent);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.logs-toolbar-title{align-items:baseline;gap:.55rem;min-width:0;display:flex}.logs-toolbar-title h1{letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:700}.logs-count{font-family:var(--mono);color:var(--ink-muted);background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;padding:.12rem .4rem;font-size:.72rem;font-weight:600}.logs-toolbar-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.logs-user-filter select,.logs-refresh,.logs-clear{height:2rem;font-size:.82rem}.logs-clear{padding:0 .7rem}.logs-user-filter select{border:1px solid var(--line);background:var(--surface-solid);min-width:8.5rem;color:var(--ink);border-radius:8px;padding:0 .55rem}.logs-cats{flex-wrap:wrap;gap:.3rem;padding:0 .85rem .15rem;display:flex}.logs-cat-btn{appearance:none;background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink-muted);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.22rem .55rem;font-size:.72rem;font-weight:650;transition:background .15s,color .15s,border-color .15s}.logs-cat-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, transparent)}.logs-cat-btn.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.logs-error{margin:0 .85rem;font-size:.85rem}.logs-stream{flex:1;min-height:0;overflow:auto}.logs-archives{flex-direction:column;display:flex}.logs-day+.logs-day{border-top:1px solid var(--line)}.logs-day-head{z-index:2;background:color-mix(in srgb, var(--surface-2) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .85rem;display:flex;position:sticky;top:0}.logs-day-head h2{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.72rem;font-weight:700}.logs-day-count{font-family:var(--mono);color:var(--ink-muted);opacity:.85;font-size:.65rem;font-weight:600}.logs-list{margin:0;padding:0;list-style:none}.logs-row{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);grid-template-columns:5.6rem 4.2rem minmax(0,1fr) minmax(9rem,.85fr);align-items:center;gap:.45rem .55rem;padding:.38rem .85rem;font-size:.8rem;line-height:1.25;display:grid}.logs-row:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.logs-row:last-child{border-bottom:none}.logs-when{font-family:var(--mono);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:500}.logs-badge{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink-muted);border-radius:999px;justify-self:start;padding:.12rem .38rem;font-size:.62rem;font-weight:750}.logs-badge.cat-auth,.logs-cat-btn.cat-auth.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.logs-badge.cat-vault,.logs-cat-btn.cat-vault.active{background:color-mix(in srgb, var(--accent-2) 16%, transparent);color:color-mix(in srgb, var(--accent-2) 75%, var(--ink))}.logs-badge.cat-entries,.logs-cat-btn.cat-entries.active{background:color-mix(in srgb, var(--ok) 14%, transparent);color:color-mix(in srgb, var(--ok) 75%, var(--ink))}.logs-badge.cat-shares,.logs-cat-btn.cat-shares.active{background:color-mix(in srgb, var(--warn) 16%, transparent);color:color-mix(in srgb, var(--warn) 80%, var(--ink))}.logs-badge.cat-admin,.logs-cat-btn.cat-admin.active{background:color-mix(in srgb, var(--danger) 14%, transparent);color:color-mix(in srgb, var(--danger) 80%, var(--ink))}.logs-badge.cat-sync,.logs-cat-btn.cat-sync.active{background:color-mix(in srgb, var(--color-sky) 16%, transparent);color:color-mix(in srgb, var(--color-sky) 70%, var(--ink))}.logs-main{flex-direction:column;gap:.1rem;min-width:0;display:flex}.logs-summary{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.logs-meta{color:var(--ink-muted);font-size:.68rem;font-family:var(--mono);flex-wrap:wrap;gap:.35rem .55rem;display:flex}.logs-user{color:var(--accent);font-weight:600}.logs-req{min-width:0;font-family:var(--mono);color:var(--ink-muted);justify-content:flex-end;align-items:center;gap:.35rem;font-size:.68rem;display:flex}.logs-method{color:var(--ink);opacity:.72;font-weight:700}.logs-path{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.logs-status{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:5px;flex-shrink:0;padding:.05rem .3rem;font-weight:700}.logs-status.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:color-mix(in srgb, var(--ok) 80%, var(--ink))}.logs-status.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:color-mix(in srgb, var(--warn) 85%, var(--ink))}.logs-status.err{background:color-mix(in srgb, var(--danger) 16%, transparent);color:color-mix(in srgb, var(--danger) 85%, var(--ink))}.logs-empty{text-align:center;color:var(--ink-muted);padding:2.5rem 1rem;font-size:.9rem}.logs-foot{border-top:1px solid var(--line);padding:.45rem .85rem .65rem;font-size:.8rem}.logs-foot a{color:var(--ink-muted);text-decoration:none}.logs-foot a:hover{color:var(--accent)}@media (width<=820px){.logs-row{grid-template-columns:5rem 3.8rem minmax(0,1fr)}.logs-req{grid-column:2/-1;justify-content:flex-start;padding-left:.05rem}}@media (width<=560px){.logs-toolbar{flex-wrap:wrap}.logs-toolbar-actions{justify-content:flex-end;width:100%}.logs-row{grid-template-columns:5rem minmax(0,1fr);gap:.25rem .45rem}.logs-badge{grid-column:2}.logs-main,.logs-req{grid-column:1/-1}.logs-req{padding-left:0}}.icon-fetch-progress{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);border-radius:12px;margin:0 0 .85rem;padding:.7rem .9rem}.icon-fetch-progress-meta{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;font-size:.88rem;display:flex}.icon-fetch-progress-meta span{color:var(--muted);font-variant-numeric:tabular-nums}.icon-fetch-progress-track{background:color-mix(in srgb, var(--line) 70%, transparent);border-radius:999px;height:8px;overflow:hidden}.icon-fetch-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #38bdf8));height:100%;transition:width .2s}