:root{--bg-primary: #070a12;--bg-secondary: #0d121f;--bg-card: rgba(18, 24, 38, .85);--bg-card-hover: rgba(26, 34, 52, .95);--bg-input: rgba(13, 18, 31, .9);--border-subtle: rgba(255, 255, 255, .07);--border-focus: #2997ff;--accent-blue: #2997ff;--accent-blue-hover: #147ce5;--accent-cyan: #38bdf8;--accent-green: #34c759;--accent-amber: #ff9f0a;--accent-red: #ff453a;--accent-purple: #af52de;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-subtle: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 60px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(circle,rgba(41,151,255,.09) 0%,rgba(56,189,248,.04) 40%,transparent 70%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}.glass-panel-hover{transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:#ffffff24;transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#389aff,#1773dd);color:#fff;font-weight:600;font-size:14px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 14px #2997ff63;transition:all .18s ease;-webkit-user-select:none;user-select:none}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#4ea7ff,#2083f3);box-shadow:0 6px 20px #2997ff80;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0f;color:var(--text-primary);font-weight:500;font-size:14px;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all .18s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ef444426;color:#f87171;font-weight:500;font-size:14px;padding:8px 14px;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);cursor:pointer;transition:all .18s ease}.btn-danger:hover{background:#ef444440;color:#fca5a5}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#ffffff14;color:var(--text-primary)}.vault-input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-primary);font-family:var(--font-main);font-size:14px;outline:none;transition:all .18s ease}.vault-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2997ff33}.vault-input.font-mono{font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ccc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-content{background:#0f1626;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.card-theme-black{background:linear-gradient(135deg,#181d29,#0d111a);border:1px solid rgba(255,255,255,.15)}.card-theme-blue{background:linear-gradient(135deg,#1e3a8a,#0f172a);border:1px solid rgba(96,165,250,.3)}.card-theme-emerald{background:linear-gradient(135deg,#064e3b,#061e17);border:1px solid rgba(52,211,153,.3)}.card-theme-gold{background:linear-gradient(135deg,#78350f,#2e1065);border:1px solid rgba(245,158,11,.3)}.card-theme-purple{background:linear-gradient(135deg,#581c87,#1e1b4b);border:1px solid rgba(192,132,252,.3)}.card-theme-titanium{background:linear-gradient(135deg,#374151,#111827);border:1px solid rgba(156,163,175,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-enclave{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 2px #0003,inset 0 .5px #ffffff0f;font-size:11px;font-weight:500;color:#cbd5e1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;line-height:1}.badge-pulse{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:500;letter-spacing:-.01em}.badge-green{background:#34c75914;color:#86efac;border:1px solid rgba(52,199,89,.2)}.badge-blue{background:#2997ff14;color:#93c5fd;border:1px solid rgba(41,151,255,.2)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 18px;border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0009;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;animation:scaleUp .2s cubic-bezier(.16,1,.3,1);pointer-events:auto}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.vault-workspace{display:flex;overflow:hidden;position:relative}.vault-sidebar-col{display:flex;flex-shrink:0}.vault-list-col{width:380px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:#0b101b4d;flex-shrink:0;overflow:hidden}.vault-detail-col{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-category-bar,.mobile-back-btn,.mobile-fab{display:none}@media(max-width:768px){.hide-on-mobile,.vault-sidebar-col{display:none!important}.vault-list-col{width:100%!important;border-right:none!important}.vault-detail-col{width:100%!important}.mobile-hidden{display:none!important}.mobile-category-bar{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.mobile-category-bar::-webkit-scrollbar{display:none}.mobile-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.mobile-cat-pill.active{background:#2997ff33;border-color:#2997ff66;color:#60a5fa;font-weight:600}.mobile-cat-pill .pill-count{font-size:10px;font-family:var(--font-mono);opacity:.8}.mobile-back-btn{display:inline-flex!important;align-items:center;gap:6px;background:#ffffff0f;border:1px solid var(--border-subtle);color:#38bdf8;padding:7px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;align-self:flex-start}.mobile-fab{display:none!important}.mobile-header-controls{display:flex!important}.mobile-bottom-dock{display:block!important}.vault-workspace{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}header.ios-liquid-glass{padding-top:max(12px,env(safe-area-inset-top,12px))!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;max-height:88vh!important;border-radius:28px 28px 0 0!important;border-bottom:none!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,16px))!important;animation:slideUp .28s cubic-bezier(.16,1,.3,1)!important}.vault-input{font-size:16px!important;min-height:48px!important}.btn-primary,.btn-secondary,.btn-danger{min-height:48px!important;font-size:15px!important}.ios-sheet-handle{display:block!important;width:38px;height:4px;border-radius:999px;background:#ffffff40;margin:8px auto 16px}.mobile-item-actions-bar{display:flex!important}}.ios-sheet-handle{display:none}@media(min-width:769px){.mobile-bottom-dock,.mobile-header-controls{display:none!important}}.ios-liquid-glass{background-color:#090d16d1!important;-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(102%);backdrop-filter:blur(28px) saturate(190%) contrast(102%);-webkit-transform:translateZ(0);transform:translateZ(0)}.ios-liquid-glass-sheet{background-color:#0e1422f0!important;-webkit-backdrop-filter:blur(32px) saturate(190%);backdrop-filter:blur(32px) saturate(190%);-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}