:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--emerald: #22c55e;--amber: #f59e0b;--rose: #ef4444}:root,[data-theme=dark]{--theme: dark;--bg-dark: #0a0c10;--bg-header: rgba(10, 12, 16, .85);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .04);--bg-modal: #11141a;--bg-glass: rgba(17, 20, 26, .88);--bg-inset: rgba(0, 0, 0, .35);--bg-subtle: rgba(255, 255, 255, .04);--bg-subtle-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-focus: #a855f7;--border-glow: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #c084fc;--accent-hover: #d8b4fe;--cyan-glow: #c084fc;--cyan-deep: #a855f7;--violet-glow: #c084fc;--btn-primary-bg: #f8fafc;--btn-primary-text: #0a0c10;--btn-primary-hover: #ffffff;--btn-primary-shadow: 0 1px 3px rgba(0, 0, 0, .3);--btn-sec-bg: rgba(255, 255, 255, .06);--btn-sec-hover: rgba(255, 255, 255, .1);--btn-sec-text: #f8fafc;--badge-cat-bg: rgba(168, 85, 247, .12);--badge-cat-border: transparent;--badge-cat-text: #c084fc;--badge-tag-bg: rgba(255, 255, 255, .06);--badge-tag-border: transparent;--badge-tag-text: #cbd5e1;--badge-shared-bg: rgba(168, 85, 247, .12);--badge-shared-border: transparent;--badge-shared-text: #c084fc;--badge-verified-bg: rgba(34, 197, 94, .12);--badge-verified-border: transparent;--badge-verified-text: #4ade80;--action-card-bg: rgba(255, 255, 255, .02);--action-card-border: rgba(255, 255, 255, .08);--action-card-hover: rgba(255, 255, 255, .05);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .36);--shadow-dropdown: 0 18px 40px rgba(0, 0, 0, .55), 0 0 1px rgba(255, 255, 255, .15);--modal-backdrop-bg: rgba(5, 7, 10, .7);--bg-tooltip: #181b22;--text-tooltip: #f8fafc;--border-tooltip: rgba(255, 255, 255, .12);--kbd-bg: rgba(255, 255, 255, .06);--kbd-border: rgba(255, 255, 255, .12);--kbd-text: #94a3b8;--filter-nav-bg: rgba(255, 255, 255, .04);--filter-nav-border: rgba(255, 255, 255, .08);--filter-pill-bg: transparent;--filter-pill-text: #94a3b8;--filter-pill-border: transparent;--filter-pill-hover-bg: rgba(255, 255, 255, .06);--filter-pill-hover-text: #f8fafc;--filter-pill-active-bg: rgba(255, 255, 255, .12);--filter-pill-active-text: #f8fafc;--filter-pill-active-border: transparent;--filter-pill-active-shadow: 0 1px 3px rgba(0, 0, 0, .2);--bg-gradient: radial-gradient(circle at 92% 8%, rgba(168, 85, 247, .08) 0%, transparent 45%)}[data-theme=light]{--theme: light;--bg-dark: #fbfbfa;--bg-header: rgba(251, 251, 250, .9);--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-input: #ffffff;--bg-modal: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--bg-inset: #f3f4f6;--bg-subtle: rgba(0, 0, 0, .035);--bg-subtle-hover: rgba(0, 0, 0, .065);--border: rgba(0, 0, 0, .09);--border-subtle: rgba(0, 0, 0, .05);--border-focus: #9333ea;--border-glow: #9333ea;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--accent: #7e22ce;--accent-hover: #6b21a8;--cyan-glow: #7e22ce;--cyan-deep: #6b21a8;--violet-glow: #7e22ce;--btn-primary-bg: #0f172a;--btn-primary-text: #ffffff;--btn-primary-hover: #1e293b;--btn-primary-shadow: 0 1px 3px rgba(15, 23, 42, .12);--btn-sec-bg: #f1f5f9;--btn-sec-hover: #e2e8f0;--btn-sec-text: #0f172a;--badge-cat-bg: rgba(147, 51, 234, .09);--badge-cat-border: transparent;--badge-cat-text: #7e22ce;--badge-tag-bg: rgba(0, 0, 0, .05);--badge-tag-border: transparent;--badge-tag-text: #334155;--badge-shared-bg: rgba(147, 51, 234, .09);--badge-shared-border: transparent;--badge-shared-text: #7e22ce;--badge-verified-bg: rgba(22, 163, 74, .1);--badge-verified-border: transparent;--badge-verified-text: #15803d;--action-card-bg: #ffffff;--action-card-border: rgba(0, 0, 0, .09);--action-card-hover: #fcfcfb;--shadow-glass: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);--shadow-dropdown: 0 20px 40px -8px rgba(15, 23, 42, .12), 0 0 1px rgba(15, 23, 42, .1);--modal-backdrop-bg: rgba(15, 23, 42, .35);--bg-tooltip: #0f172a;--text-tooltip: #ffffff;--border-tooltip: rgba(0, 0, 0, .12);--kbd-bg: #f1f5f9;--kbd-border: #cbd5e1;--kbd-text: #334155;--filter-nav-bg: #f1f5f9;--filter-nav-border: rgba(0, 0, 0, .07);--filter-pill-bg: transparent;--filter-pill-text: #64748b;--filter-pill-border: transparent;--filter-pill-hover-bg: rgba(0, 0, 0, .04);--filter-pill-hover-text: #0f172a;--filter-pill-active-bg: #ffffff;--filter-pill-active-text: #0f172a;--filter-pill-active-border: transparent;--filter-pill-active-shadow: 0 1px 3px rgba(15, 23, 42, .08);--bg-gradient: radial-gradient(circle at 92% 8%, rgba(168, 85, 247, .05) 0%, transparent 40%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--theme: light;--bg-dark: #fbfbfa;--bg-header: rgba(251, 251, 250, .9);--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-input: #ffffff;--bg-modal: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--bg-inset: #f3f4f6;--bg-subtle: rgba(0, 0, 0, .035);--bg-subtle-hover: rgba(0, 0, 0, .065);--border: rgba(0, 0, 0, .09);--border-subtle: rgba(0, 0, 0, .05);--border-focus: #9333ea;--border-glow: #9333ea;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--accent: #7e22ce;--accent-hover: #6b21a8;--cyan-glow: #7e22ce;--cyan-deep: #6b21a8;--violet-glow: #7e22ce;--btn-primary-bg: #0f172a;--btn-primary-text: #ffffff;--btn-primary-hover: #1e293b;--btn-primary-shadow: 0 1px 3px rgba(15, 23, 42, .12);--btn-sec-bg: #f1f5f9;--btn-sec-hover: #e2e8f0;--btn-sec-text: #0f172a;--badge-cat-bg: rgba(147, 51, 234, .09);--badge-cat-border: transparent;--badge-cat-text: #7e22ce;--badge-tag-bg: rgba(0, 0, 0, .05);--badge-tag-border: transparent;--badge-tag-text: #334155;--badge-shared-bg: rgba(147, 51, 234, .09);--badge-shared-border: transparent;--badge-shared-text: #7e22ce;--badge-verified-bg: rgba(22, 163, 74, .1);--badge-verified-border: transparent;--badge-verified-text: #15803d;--action-card-bg: #ffffff;--action-card-border: rgba(0, 0, 0, .09);--action-card-hover: #fcfcfb;--shadow-glass: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);--shadow-dropdown: 0 20px 40px -8px rgba(15, 23, 42, .12), 0 0 1px rgba(15, 23, 42, .1);--modal-backdrop-bg: rgba(15, 23, 42, .35);--bg-tooltip: #0f172a;--text-tooltip: #ffffff;--border-tooltip: rgba(0, 0, 0, .12);--kbd-bg: #f1f5f9;--kbd-border: #cbd5e1;--kbd-text: #334155;--filter-nav-bg: #f1f5f9;--filter-nav-border: rgba(0, 0, 0, .07);--filter-pill-bg: transparent;--filter-pill-text: #64748b;--filter-pill-border: transparent;--filter-pill-hover-bg: rgba(0, 0, 0, .04);--filter-pill-hover-text: #0f172a;--filter-pill-active-bg: #ffffff;--filter-pill-active-text: #0f172a;--filter-pill-active-border: transparent;--filter-pill-active-shadow: 0 1px 3px rgba(15, 23, 42, .08);--bg-gradient: radial-gradient(circle at 92% 8%, rgba(168, 85, 247, .05) 0%, transparent 40%)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:var(--bg-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.25;letter-spacing:-.015em}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:600}h4{font-size:.875rem;font-weight:600}p{color:var(--text-muted);line-height:1.5;font-size:.875rem}strong,b{font-weight:600;color:var(--text-main)}em,i{font-style:italic}code,kbd{font-family:var(--font-mono);font-size:.8125rem}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.skip-to-content{position:absolute;top:-100px;left:16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;z-index:9999;text-decoration:none;box-shadow:0 4px 14px #0003;transition:top .2s cubic-bezier(.16,1,.3,1)}.skip-to-content:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-tooltip);color:var(--text-tooltip);font-size:.72rem;font-weight:500;padding:4px 8px;border-radius:var(--radius-xs);border:1px solid var(--border-tooltip);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:1000;box-shadow:0 4px 12px #0003}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border:4px solid transparent;border-top-color:var(--bg-tooltip);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:1000}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% + 4px);border-top-color:transparent;border-bottom-color:var(--bg-tooltip);transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:hover:after,[data-tooltip-pos=bottom]:focus-visible:after,[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:focus-visible:before{transform:translate(-50%) translateY(0)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.glass-panel-interactive{transition:all .18s cubic-bezier(.16,1,.3,1)}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-glass)}.kbd-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-xs);background:var(--kbd-bg);border:1px solid var(--kbd-border);color:var(--kbd-text)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-size:.85rem;border:none;border-radius:var(--radius-sm);padding:8px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .18s ease;box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--btn-sec-bg);color:var(--btn-sec-text);font-weight:500;font-size:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .18s ease}.btn-secondary:hover{background:var(--btn-sec-hover);border-color:var(--border-focus);color:var(--text-main)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.category-filter-nav{display:inline-flex;align-items:center;gap:2px;background:var(--filter-nav-bg);padding:3px;border-radius:var(--radius-md);border:1px solid var(--filter-nav-border);box-sizing:border-box}.category-filter-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--filter-pill-border);background:var(--filter-pill-bg);color:var(--filter-pill-text);font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;height:28px;padding:0 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.category-filter-pill:hover:not(.active){background:var(--filter-pill-hover-bg);color:var(--filter-pill-hover-text)}.category-filter-pill.active{background:var(--filter-pill-active-bg);color:var(--filter-pill-active-text);font-weight:600;box-shadow:var(--filter-pill-active-shadow)}.user-trigger-btn{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 12px;color:var(--text-main);cursor:pointer;outline:none;transition:all .18s ease}.user-trigger-btn:hover,.user-trigger-btn.open{border-color:var(--border-focus);background:var(--bg-card-hover)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:.88rem;font-weight:500;color:var(--text-main);background:transparent;border:1px solid transparent;text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;box-sizing:border-box;outline:none}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--bg-subtle-hover);color:var(--text-main)}.dropdown-item:active{transform:translateY(1px)}.dropdown-item.danger{color:#ef4444}[data-theme=light] .dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover,.dropdown-item.danger:focus-visible{background:#ef44441a;color:#ef4444}[data-theme=light] .dropdown-item.danger:hover,[data-theme=light] .dropdown-item.danger:focus-visible{background:#dc262614;color:#dc2626}.dropdown-copy-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-inset);border:1px solid var(--border);padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.76rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.dropdown-copy-btn:hover{border-color:var(--border-focus);background:var(--bg-card-hover)}.input-glass{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-main);font-size:.85rem;font-family:var(--font-sans);width:100%;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-glass:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #a855f733}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;z-index:100;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-modal);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);animation:scaleIn .18s cubic-bezier(.16,1,.3,1);overflow:hidden;max-height:min(92vh,880px);display:flex;flex-direction:column;margin:auto;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes securityPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.badge-security-pulse{animation:securityPulse 2s infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.file-dropzone{border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:20px 16px;text-align:center;cursor:pointer;background:var(--bg-subtle);transition:all .18s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.file-dropzone:hover,.file-dropzone.dragging{border-color:var(--border-focus);background:var(--bg-subtle-hover)}.file-preview-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);gap:12px}.category-tab{padding:7px 12px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;border:1px solid var(--border);background:var(--btn-sec-bg);color:var(--text-muted)}.category-tab:hover{background:var(--btn-sec-hover);color:var(--text-main);border-color:var(--border-focus)}.category-tab.active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600}.user-avatar-dualtone{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#a855f733,#c084fc40);border:1px solid rgba(168,85,247,.35);display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:var(--accent);flex-shrink:0}.app-btn{font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .18s ease;-webkit-user-select:none;user-select:none;text-decoration:none;outline:none;position:relative;white-space:nowrap;box-sizing:border-box}.app-btn:active:not(:disabled){transform:translateY(1px)}.app-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.app-btn-full{width:100%}.app-btn-xs{font-size:.75rem;padding:3px 8px;height:24px}.app-btn-sm{font-size:.8125rem;padding:5px 12px;height:30px}.app-btn-md{font-size:.875rem;padding:7px 16px;height:36px}.app-btn-lg{font-size:.95rem;padding:9px 20px;height:42px}.app-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;border:1px solid transparent}.app-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.app-btn-secondary{background:var(--btn-sec-bg);color:var(--btn-sec-text);font-weight:500;border:1px solid var(--border)}.app-btn-secondary:hover:not(:disabled){background:var(--btn-sec-hover);border-color:var(--border-focus)}.app-btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.app-btn-ghost:hover:not(:disabled){background:var(--bg-subtle-hover);color:var(--text-main)}.app-btn-purple{background:#a855f71f;color:var(--accent);border-color:#a855f740;font-weight:600}.app-btn-purple:hover:not(:disabled){background:#a855f733}.app-btn-success{background:#22c55e1f;color:#22c55e;border-color:#22c55e40;font-weight:600}.app-btn-danger{background:#ef44441f;color:#ef4444;border-color:#ef444440;font-weight:600}.app-btn-tab{background:transparent;color:var(--text-muted);font-weight:500;border:1px solid transparent;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.app-btn-tab:hover:not(:disabled){color:var(--text-main);background:var(--bg-subtle-hover);border-color:var(--border-subtle);transform:translateY(-1px)}.app-btn-tab:active:not(:disabled){transform:translateY(0)}.app-btn-tab.active{color:var(--text-main);background:var(--bg-card);border-color:var(--border-focus);font-weight:600;box-shadow:0 2px 8px #00000040}.app-badge,.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);line-height:1;white-space:nowrap;border-radius:9999px;border:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:all .15s ease}.app-badge-xs{font-size:.72rem;font-weight:500;padding:3px 8px;gap:5px;height:20px}.app-badge-sm{font-size:.78rem;font-weight:500;padding:4px 10px;gap:6px;height:24px}.app-badge-md{font-size:.84rem;font-weight:600;padding:5px 12px;gap:7px;height:28px}.app-badge-dot{width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}.app-badge-dot-only.app-badge-xs{width:8px;height:8px;min-width:8px;padding:0;border-radius:50%}.app-badge-dot-only.app-badge-sm{width:10px;height:10px;min-width:10px;padding:0;border-radius:50%}.app-badge-dot-only.app-badge-md{width:12px;height:12px;min-width:12px;padding:0;border-radius:50%}.app-badge-neutral{background:var(--badge-tag-bg);color:var(--badge-tag-text)}.app-badge-neutral .app-badge-dot,.app-badge-dot-only.app-badge-neutral{background:var(--text-dim)}.app-badge-success{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.app-badge-success .app-badge-dot,.app-badge-dot-only.app-badge-success{background:#22c55e}.app-badge-danger{background:#ef44441f;color:#ef4444}[data-theme=light] .app-badge-danger{background:#dc26261a;color:#b91c1c}.app-badge-danger .app-badge-dot,.app-badge-dot-only.app-badge-danger{background:#ef4444}.app-badge-warning{background:#f59e0b1f;color:#f59e0b}[data-theme=light] .app-badge-warning{background:#d977061a;color:#b45309}.app-badge-warning .app-badge-dot,.app-badge-dot-only.app-badge-warning{background:#f59e0b}.app-badge-purple{background:var(--badge-cat-bg);color:var(--badge-cat-text)}.app-badge-purple .app-badge-dot,.app-badge-dot-only.app-badge-purple{background:var(--accent)}.app-badge-bronze{background:#d977061a;color:#fbbf24}[data-theme=light] .app-badge-bronze{background:#b4530917;color:#92400e}.app-badge-bronze .app-badge-dot,.app-badge-dot-only.app-badge-bronze{background:#f59e0b}.app-badge-blue{background:#38bdf81f;color:#38bdf8}[data-theme=light] .app-badge-blue{background:#0284c71a;color:#0369a1}.app-badge-blue .app-badge-dot,.app-badge-dot-only.app-badge-blue{background:#38bdf8}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.animate-dot-pulse{animation:dotPulse 1.8s ease-in-out infinite}.app-badge-pulse{animation:dotPulse 2s cubic-bezier(.4,0,.6,1) infinite}.brand-title-group{display:flex;flex-direction:column;justify-content:center;gap:1px}.brand-cipherstone{font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-main);line-height:1.1}.brand-securespace{font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);line-height:1.1}.secret-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box;outline:none;box-shadow:0 1px 3px #00000008;position:relative}.secret-card:hover,.secret-card:focus-visible{transform:translateY(-2px);border-color:#a855f759;background:var(--bg-card-hover);box-shadow:0 8px 24px -4px #00000014}[data-theme=dark] .secret-card:hover,[data-theme=dark] .secret-card:focus-visible{box-shadow:0 8px 24px -4px #0006,0 0 1px #a855f740}.secret-card-content{display:flex;flex-direction:column}.secret-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px;position:relative}.secret-card-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card-menu-container{position:relative;display:flex;align-items:center}.card-menu-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.card-menu-btn:hover,.card-menu-btn:focus-visible{background:var(--bg-inset);color:var(--text-main);border-color:var(--border-subtle)}.card-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:140px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 28px -4px #0003,0 0 1px #00000026;padding:4px;z-index:60;display:flex;flex-direction:column;animation:fadeInMenu .12s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-dropdown-item{background:transparent;border:none;width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;font-weight:500;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease;text-align:left}.card-dropdown-item:hover{background:var(--bg-inset);color:var(--text-main)}.card-dropdown-item.danger{color:var(--crimson)}.card-dropdown-item.danger:hover{background:#ef44441a;color:var(--crimson)}.card-dropdown-icon{flex-shrink:0}.card-dropdown-divider{height:1px;background:var(--border-subtle);margin:3px 0}.secret-card-title{font-size:.98rem;font-weight:600;color:var(--text-main);margin-bottom:5px;line-height:1.35;word-break:break-word;letter-spacing:-.01em}.secret-card-folder{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.78rem}.secret-card-footer{border-top:1px solid var(--border-subtle);padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.secret-card-tags{display:flex;flex-wrap:wrap;gap:4px}.secret-card-actions{display:flex;align-items:center;gap:10px}.secret-card-action-btn{background:transparent;border:none;cursor:pointer;padding:0;color:var(--accent);display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.78rem;transition:opacity .15s ease}.secret-card-action-btn:hover{opacity:.8}.secret-card-view-btn{font-size:.78rem;font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;transition:color .15s ease;white-space:nowrap}.secret-card:hover .secret-card-view-btn{color:var(--accent)}.create-secret-card{padding:24px 20px;min-height:200px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;position:relative;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:all .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box;outline:none}.create-secret-card:hover,.create-secret-card:focus-visible{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 20px -4px #00000014}.create-secret-card-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border);color:var(--accent);transition:all .18s ease}.create-secret-card:hover .create-secret-card-icon{border-color:var(--accent);background:#a855f71f;transform:scale(1.05)}.create-secret-card-text{display:flex;flex-direction:column;gap:3px}.create-secret-card-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.create-secret-card-subtitle{font-size:.8125rem;color:var(--text-muted);font-weight:400;margin:0}.deck-wrapper{max-width:460px;width:100%;margin:36px auto;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.deck-tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #0003}.deck-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;outline:none}.deck-tab-btn:hover:not(.is-active){color:var(--text-main);background:var(--bg-subtle-hover);border-color:var(--border-subtle);transform:translateY(-1px)}.deck-tab-btn:active{transform:translateY(0)}.deck-tab-btn.is-active{color:var(--text-main);background:var(--bg-card);border-color:var(--border-focus);font-weight:600;box-shadow:0 2px 8px #00000040}.deck-viewport{position:relative;width:100%}.deck-under-card{position:absolute;top:10px;left:8px;right:8px;bottom:-10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);opacity:.45;filter:blur(.5px);z-index:1;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1)}.deck-tab-bar:hover~.deck-viewport .deck-under-card{bottom:-14px;opacity:.65;border-color:var(--border)}.deck-front-card{position:relative;z-index:2;padding:30px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);text-align:left}@keyframes deckSlideIn{0%{opacity:.35;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.deck-slide-in{animation:deckSlideIn .28s cubic-bezier(.16,1,.3,1) forwards}.ui-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0;border:1px solid transparent;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box!important;flex-shrink:0!important;line-height:1;outline:none;background:transparent;color:var(--text-muted)}.ui-icon-btn-circle{border-radius:50%!important}.ui-icon-btn-rounded{border-radius:var(--radius-sm)!important}.ui-icon-btn-xs{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important}.ui-icon-btn-sm{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important}.ui-icon-btn-md{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}.ui-icon-btn-lg{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}.ui-icon-btn-ghost{background:transparent;color:var(--text-muted)}.ui-icon-btn-ghost:hover:not(:disabled){background:var(--bg-inset);color:var(--text-main);border-color:var(--border-subtle)}.ui-icon-btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}.ui-icon-btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-hover)}.ui-icon-btn-subtle{background:var(--bg-inset);border-color:var(--border-subtle);color:var(--text-muted)}.ui-icon-btn-subtle:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border)}.ui-icon-btn-danger{background:transparent;color:var(--text-muted)}.ui-icon-btn-danger:hover:not(:disabled){background:#ef44441a;color:var(--crimson);border-color:#ef444433}.ui-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ui-field-label{font-size:.74rem;font-weight:600;color:var(--text-muted);display:block;margin-bottom:6px;letter-spacing:.02em}.ui-field-error{font-size:.74rem;color:var(--crimson);margin-top:4px;display:block}.ui-field-helper{font-size:.72rem;color:var(--text-dim);margin-top:4px;display:block}.ui-select-container{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box;text-align:left;outline:none}.ui-select-trigger-sm{padding:6px 10px;font-size:.8rem;min-height:32px}.ui-select-trigger-md{padding:8px 12px;font-size:.85rem;min-height:38px}.ui-select-trigger:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.ui-select-trigger.is-open,.ui-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #a855f72e}.ui-select-trigger.is-disabled{opacity:.5;cursor:not-allowed}.ui-select-trigger-content{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ui-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-chevron{color:var(--text-muted);transition:transform .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.ui-select-chevron.is-rotated{transform:rotate(180deg);color:var(--accent)}.ui-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 28px -4px #00000040,0 0 1px #00000026;padding:4px;z-index:100;max-height:240px;overflow-y:auto;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeInSelect .12s cubic-bezier(.16,1,.3,1)}@keyframes fadeInSelect{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.ui-select-option:hover{background:var(--bg-inset);color:var(--text-main)}.ui-select-option.is-selected{background:#a855f71f;color:var(--accent);font-weight:600}.ui-select-option-left{display:flex;align-items:center;gap:8px;overflow:hidden}.ui-select-option-text{display:flex;flex-direction:column}.ui-select-option-title{font-size:.8125rem}.ui-select-option-desc{font-size:.72rem;color:var(--text-dim)}.ui-select-check{color:var(--accent);flex-shrink:0}.ui-input-group{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.ui-input-wrapper{display:flex;align-items:center;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box;position:relative}.ui-input-wrapper:hover:not(:disabled){border-color:var(--border-hover)}.ui-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #a855f72e}.ui-input-wrapper.has-error{border-color:var(--crimson)!important}.ui-input-wrapper.is-mono .ui-input-element{font-family:var(--font-mono);letter-spacing:.05em}.ui-input-element{flex:1;border:none;background:transparent;color:var(--text-main);font-family:var(--font-sans);outline:none;width:100%;box-sizing:border-box}.ui-input-sm .ui-input-element{padding:6px 10px;font-size:.8rem;min-height:32px}.ui-input-md .ui-input-element{padding:8px 12px;font-size:.85rem;min-height:38px}.ui-input-prefix{display:flex;align-items:center;padding-left:10px;color:var(--text-muted);flex-shrink:0}.ui-input-suffix{display:flex;align-items:center;padding-right:6px;flex-shrink:0;gap:4px}