:root{--color-background: #09090b;--color-surface: #121215;--color-surface-elevated: #18181b;--color-surface-hover: #1f1f23;--color-surface-active: #27272a;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: #27272a;--color-border-subtle: #1e1e24;--color-border-hover: #3f3f46;--color-border-focus: #6366f1;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-subtle: rgba(99, 102, 241, .12);--color-accent-border: rgba(99, 102, 241, .3);--color-accent-text: #818cf8;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-subtle: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .25);--color-success: #10b981;--color-success-hover: #059669;--color-success-subtle: rgba(16, 185, 129, .12);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .6), 0 6px 16px -4px rgba(0, 0, 0, .4);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px var(--color-border);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-fast: .12s var(--ease-spring);--transition-base: .2s var(--ease-spring);--transition-smooth: .28s var(--ease-spring);--sidebar-width: 256px;--header-height: 56px;--max-content-width: 1400px}[data-theme=light]{--color-background: #fafafa;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-hover: #f4f4f5;--color-surface-active: #e4e4e7;--color-text-primary: #09090b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-border: #e4e4e7;--color-border-subtle: #f4f4f5;--color-border-hover: #d4d4d8;--color-border-focus: #4f46e5;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-subtle: rgba(79, 70, 229, .08);--color-accent-border: rgba(79, 70, 229, .2);--color-accent-text: #4f46e5;--color-danger: #e11d48;--color-danger-hover: #be123c;--color-danger-subtle: rgba(225, 29, 72, .08);--color-danger-border: rgba(225, 29, 72, .2);--color-success: #059669;--color-success-hover: #047857;--color-success-subtle: rgba(5, 150, 105, .08);--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .12), 0 4px 10px -2px rgba(0, 0, 0, .06);--shadow-modal: 0 20px 40px -8px rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .06)}:root{--accent: #6366f1;--surface: #121215;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-strong: #27272a;--focus-ring: transparent;--leading-body: 1.4;--radius-control: 1.125rem;--shadow-raised: 0 6px 18px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-spring: .58s}[data-theme=light]{--surface: #ffffff;--border-strong: #e4e4e7;--shadow-raised: 0 6px 18px rgba(0, 0, 0, .065), 0 1px 3px rgba(0, 0, 0, .035)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:var(--color-accent-subtle);color:var(--color-accent-text)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent}code,kbd,pre{font-family:var(--font-mono)}#app{display:flex;min-height:100vh;width:100%}.layout-sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;z-index:30;transition:transform var(--transition-base)}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--color-background)}.layout-header{height:var(--header-height);min-height:var(--header-height);box-sizing:border-box;background-color:#121215cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:20;flex-shrink:0}[data-theme=light] .layout-header{background-color:#ffffffd9}.layout-content{flex:1;padding:var(--space-6) var(--space-8);max-width:var(--max-content-width);width:100%;margin:0 auto}::view-transition-old(root){animation:.38s cubic-bezier(.16,1,.3,1) both themeSwipeOut;z-index:1}::view-transition-new(root){animation:.38s cubic-bezier(.16,1,.3,1) both themeSwipeIn;z-index:2}@keyframes themeSwipeOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);opacity:.9}}@keyframes themeSwipeIn{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.theme-swipe-curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;pointer-events:none;background:var(--color-surface-hover);transform:translate(-100%);transition:transform .32s cubic-bezier(.16,1,.3,1)}.theme-swipe-curtain.wipe-in{transform:translate(0)}.theme-swipe-curtain.wipe-out{transform:translate(100%)}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-star-filled{color:#f59e0b!important}.kbd-shortcut{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);padding:.125rem .375rem;border-radius:var(--radius-xs);background-color:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-muted);line-height:1;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.4375rem .875rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:-.01em;transition:all var(--transition-fast);white-space:nowrap;user-select:none;cursor:pointer;line-height:1.25}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0003,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 2px 6px #6366f14d,inset 0 1px #fff3}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-danger-ghost{color:var(--color-danger)}.btn-danger-ghost:hover:not(:disabled){background-color:var(--color-danger-subtle)}.btn-xs{padding:.25rem .5rem;font-size:var(--text-2xs);border-radius:var(--radius-xs)}.btn-sm{padding:.3125rem .625rem;font-size:var(--text-xs)}.btn-lg{padding:.625rem 1.25rem;font-size:var(--text-base);border-radius:var(--radius-md)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.btn-icon:active{transform:scale(.94)}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5);margin-bottom:var(--space-4);text-align:left}.form-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between}.input-field,.select-field,.textarea-field{padding:.5rem .75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;line-height:1.4}.input-field:hover,.select-field:hover,.textarea-field:hover{border-color:var(--color-border-hover)}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.input-field::placeholder,.textarea-field::placeholder{color:var(--color-text-muted)}.textarea-field{min-height:80px;resize:vertical}.input-password-wrapper{position:relative;display:flex;align-items:center}.input-password-wrapper input{padding-right:36px}.password-toggle-btn{position:absolute;right:6px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--color-text-primary)}.sidebar-header{height:var(--header-height);min-height:var(--header-height);box-sizing:border-box;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2-5);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:-.02em}.sidebar-brand-mark{width:24px;height:24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #6366f166}.sidebar-nav{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-0-5);flex:1;overflow-y:auto}.sidebar-nav-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3) var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4375rem var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);cursor:pointer}.sidebar-nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background-color:var(--color-surface-active);color:var(--color-text-primary)}[data-theme=dark] .sidebar-nav-item.active{background-color:#ffffff0f}.sidebar-nav-item-content{display:flex;align-items:center;gap:var(--space-2-5)}.sidebar-badge-count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted);background-color:var(--color-surface-hover);padding:.125rem .375rem;border-radius:var(--radius-full)}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary)}.sidebar-user-info{display:flex;flex-direction:column;max-width:160px;overflow:hidden}.sidebar-user-email{font-weight:var(--weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-container{display:flex;align-items:center;position:relative;max-width:440px;width:100%}.search-icon-left{position:absolute;left:10px;color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:.4375rem 2.5rem .4375rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);background-color:var(--color-surface-elevated)}.search-shortcut-badge{position:absolute;right:8px;pointer-events:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);line-height:1.2}.badge-clickable{cursor:pointer;transition:all var(--transition-fast)}.badge-clickable:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.badge-active{background-color:var(--color-accent-subtle)!important;border-color:var(--color-accent-border)!important;color:var(--color-accent-text)!important}.badge-type{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.04em;padding:.125rem .375rem}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.resource-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);transition:all var(--transition-fast);cursor:pointer;position:relative;box-shadow:var(--shadow-sm)}.resource-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.resource-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.resource-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card-domain{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.resource-card-notes{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;background-color:var(--color-surface-hover);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-xs);border-left:2px solid var(--color-accent)}.resource-tags-wrap{display:flex;flex-wrap:wrap;gap:var(--space-1)}.resource-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2-5);border-top:1px solid var(--color-border-subtle);font-size:var(--text-2xs);color:var(--color-text-muted);font-family:var(--font-mono)}.resource-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.resource-list-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.resource-list-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.resource-list-main{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.resource-list-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.resource-list-domain{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}dialog.vault-modal{border:none;background:transparent;padding:0;max-width:540px;width:90%;margin:auto;outline:none}dialog.vault-modal::backdrop{background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .18s var(--ease-spring),opacity .18s ease}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;max-height:70vh;flex:1}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.modal-footer .btn{min-height:38px;padding:.5rem 1.125rem}#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-2-5);padding:.625rem 1rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:toastSlideUp .18s var(--ease-spring)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-info{border-left:3px solid var(--color-accent)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);max-width:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.empty-state-icon-wrap{width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-surface-hover);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-text-secondary)}.empty-state-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-5)}.auth-page-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15) 0%,transparent 60%),var(--color-background)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);animation:authCardEnter .24s var(--ease-spring)}@keyframes authCardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-brand-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.auth-tabs{position:relative;display:flex;border-radius:var(--radius-sm);background-color:var(--color-surface-hover);padding:3px;border:1px solid var(--color-border);user-select:none}.auth-tab-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background-color:var(--color-surface);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.auth-tabs[data-tab=signup] .auth-tab-indicator{transform:translate(100%)}.auth-tab-btn{flex:1;position:relative;z-index:2;padding:.4375rem .5rem;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-xs);color:var(--color-text-secondary);transition:color var(--transition-fast);text-align:center;background:transparent!important}.auth-tab-btn:hover{color:var(--color-text-primary)}.auth-tab-btn.active{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.auth-hint-banner{font-size:var(--text-xs);color:var(--color-accent-text);background-color:var(--color-accent-subtle);border:1px solid var(--color-accent-border);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);line-height:1.4;transition:all .2s ease}dialog.onboarding-dialog{border:none;background:transparent;padding:0;max-width:640px;width:92%;margin:auto;outline:none}.onboarding-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--space-8) var(--space-8) var(--space-6);position:relative;overflow:hidden;display:flex;flex-direction:column}.onboarding-stepper{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:var(--space-8);padding:0 var(--space-4)}.onboarding-track{position:absolute;top:24px;left:60px;right:60px;height:2px;background-color:var(--color-border);z-index:1}.onboarding-track-fill{height:100%;background:var(--color-text-primary);transition:width .3s cubic-bezier(.16,1,.3,1)}.onboarding-step-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:2;cursor:pointer;background:transparent;border:none;padding:0;color:inherit}.onboarding-step-circle{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .24s cubic-bezier(.16,1,.3,1)}.onboarding-step-node.active .onboarding-step-circle{border-color:#fff;background-color:#fff;color:#09090b;box-shadow:0 0 0 5px #ffffff24;transform:scale(1.06)}[data-theme=light] .onboarding-step-node.active .onboarding-step-circle{border-color:#09090b;background-color:#09090b;color:#fff;box-shadow:0 0 0 5px #0000001f}.onboarding-step-node.completed .onboarding-step-circle{border-color:var(--color-text-secondary);background-color:var(--color-surface-hover);color:var(--color-text-primary)}.onboarding-step-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:color .2s ease}.onboarding-step-node.active .onboarding-step-label{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.onboarding-step-node.completed .onboarding-step-label{color:var(--color-text-secondary)}.onboarding-step-content{min-height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--space-2) 0}.onboarding-step-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-2)}.onboarding-step-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-5);line-height:1.5}.onboarding-card-box{text-align:left;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:0 auto;max-width:500px;width:100%}.onboarding-divider{height:1px;background-color:var(--color-border);margin:var(--space-6) 0 var(--space-4)}.onboarding-footer{display:flex;align-items:center;justify-content:space-between}.onboarding-counter{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--space-3)}.pagination-info{font-size:var(--text-xs);color:var(--color-text-secondary)}.pagination-info span{font-weight:var(--weight-semibold);color:var(--color-text-primary);font-family:var(--font-mono)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-page-pills{display:flex;align-items:center;gap:4px}.pagination-pill{min-width:32px;height:32px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);cursor:pointer;transition:all var(--duration-fast) ease}.pagination-pill:hover:not(.active){background-color:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.pagination-pill.active{background-color:var(--color-accent);color:#fff;font-weight:var(--weight-bold);border-color:var(--color-accent);box-shadow:0 1px 3px #6366f14d}.pagination-ellipsis{padding:0 4px;font-size:var(--text-xs);color:var(--color-text-muted)}.header-brand-wrap{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:130px}.header-search-wrap{flex:1;display:flex;justify-content:center;max-width:580px;margin:0 auto;padding:0 var(--space-4);width:100%}.header-search-wrap .search-container{max-width:100%;width:100%}.header-actions-wrap{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;font-size:10px;font-weight:var(--weight-bold);min-width:17px;height:17px;padding:0 4px;border-radius:9999px;margin-left:2px}.btn-active-filter{border-color:var(--color-accent)!important;color:var(--color-accent)!important;background-color:var(--color-accent-subtle)!important}.active-filters-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.active-filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary);font-weight:var(--weight-medium)}.active-filter-chip-remove{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:12px;margin-left:2px;transition:color var(--transition-fast)}.active-filter-chip-remove:hover{color:var(--color-danger)}.domain-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.domain-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.domain-icon-wrap{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:#6366f11f;color:#818cf8;flex-shrink:0;border:1px solid rgba(99,102,241,.2)}.domain-info{display:flex;flex-direction:column;min-width:0;flex:1}.domain-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.domain-count-label{font-size:var(--text-2xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:2px}.clickable-domain-badge{cursor:pointer;transition:all var(--transition-fast)}.clickable-domain-badge:hover{color:var(--color-accent)!important;text-decoration:underline}#mobile-sidebar-toggle-btn,.sidebar-backdrop,.mobile-only-btn{display:none}@media(max-width:1024px){:root{--sidebar-width: 220px}.layout-content{padding:var(--space-6)}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){#app{flex-direction:column}#mobile-sidebar-toggle-btn{display:inline-flex!important;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex-shrink:0}.mobile-only-btn{display:inline-flex!important}.hide-on-mobile{display:none!important}.layout-sidebar{position:fixed!important;inset:0 0 0 auto!important;width:280px!important;height:100vh!important;max-height:100vh!important;z-index:1000!important;background:var(--color-bg)!important;border-left:1px solid var(--color-border)!important;border-right:none!important;border-bottom:none!important;transform:translate(100%);transition:transform .26s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #0009;display:flex!important;flex-direction:column!important}.layout-sidebar.mobile-open{transform:translate(0)!important}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);z-index:999}.sidebar-backdrop.active{display:block!important}.sidebar-header{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.sidebar-nav{flex:1;flex-direction:column!important;overflow-y:auto!important;padding:var(--space-3) var(--space-3)!important;gap:4px!important;-webkit-overflow-scrolling:touch}.sidebar-nav-title{display:block!important;padding:var(--space-2) var(--space-3) 4px;font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em}.sidebar-nav-item{width:100%;padding:.5rem var(--space-3);border-radius:var(--radius-sm)}.sidebar-footer{display:flex!important;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.layout-header{padding:var(--space-2) var(--space-4);height:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.header-brand-wrap{display:flex!important}.header-search-wrap{max-width:100%!important;order:3;width:100%;margin:4px 0 0!important;padding:0!important}.search-container{max-width:100%;width:100%}.layout-content{padding:var(--space-4)}.filter-bar{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.resource-grid{grid-template-columns:1fr}.resource-list-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.resource-list-main{width:100%}dialog.vault-modal{width:95%;max-height:85vh}.modal-body{padding:var(--space-4)}}@media(max-width:480px){.auth-card{padding:var(--space-5);border-radius:var(--radius-md)}.auth-page-container{padding:var(--space-3)}.filter-group{overflow-x:auto;width:100%;padding-bottom:var(--space-1);flex-wrap:nowrap}.badge{white-space:nowrap}}._root_rjn5g_3{position:relative;display:flex;flex-direction:column;width:100%;font-family:inherit;color:var(--color-text-primary, #f4f4f5);background:transparent;user-select:none}._header_rjn5g_14{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}._summary_rjn5g_22{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:500;margin:0;color:var(--color-text-secondary, #a1a1aa)}._total_rjn5g_32{font-weight:600;color:var(--color-text-primary, #f4f4f5)}._period_rjn5g_37{color:var(--color-text-secondary, #a1a1aa)}._srOnly_rjn5g_41{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._actions_rjn5g_53{display:flex;align-items:center;gap:8px}._scroller_rjn5g_59{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;padding-bottom:6px}._canvas_rjn5g_66{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;position:relative;width:max-content}._months_rjn5g_74{grid-column:2;grid-row:1;position:relative;height:18px;font-size:11px;color:var(--color-text-muted, #71717a);pointer-events:none}._month_rjn5g_74{position:absolute;left:calc(var(--col) * 14px);white-space:nowrap}._weekdays_rjn5g_90{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;padding-right:8px;font-size:10px;color:var(--color-text-muted, #71717a);pointer-events:none;height:95px}._weekday_rjn5g_90{height:11px;line-height:11px}._plot_rjn5g_108{grid-column:2;grid-row:2;position:relative;display:inline-block}._grid_rjn5g_115{display:flex;flex-direction:column;gap:3px}._row_rjn5g_121{display:flex;gap:3px}._cell_rjn5g_126{width:11px;height:11px;border-radius:2px;background-color:#ffffff0d;transition:transform .1s ease,background-color .15s ease;cursor:pointer;outline:none;border:1px solid rgba(255,255,255,.04)}[data-theme=light] ._cell_rjn5g_126{background-color:#0000000a;border-color:#00000008}._cell_rjn5g_126[data-empty=""]{background:transparent!important;border:none!important;cursor:default;pointer-events:none}._cell_rjn5g_126[data-level="0"]{background-color:#ffffff0a}[data-theme=light] ._cell_rjn5g_126[data-level="0"]{background-color:#0000000a}._cell_rjn5g_126[data-level="1"]{background-color:#6366f147;border-color:#6366f159}._cell_rjn5g_126[data-level="2"]{background-color:#6366f185;border-color:#6366f199}._cell_rjn5g_126[data-level="3"]{background-color:#6366f1c7;border-color:#6366f1d9}._cell_rjn5g_126[data-level="4"]{background-color:#6366f1;border-color:#818cf8;box-shadow:0 0 4px #6366f166}._cell_rjn5g_126:hover,._cell_rjn5g_126:focus-visible{transform:scale(1.22);z-index:10;box-shadow:0 0 0 2px var(--color-text-primary, #ffffff)}._grid_rjn5g_115[data-highlight="0"] ._cell_rjn5g_126:not([data-level="0"]),._grid_rjn5g_115[data-highlight="1"] ._cell_rjn5g_126:not([data-level="1"]),._grid_rjn5g_115[data-highlight="2"] ._cell_rjn5g_126:not([data-level="2"]),._grid_rjn5g_115[data-highlight="3"] ._cell_rjn5g_126:not([data-level="3"]),._grid_rjn5g_115[data-highlight="4"] ._cell_rjn5g_126:not([data-level="4"]){opacity:.2}._ring_rjn5g_192{position:absolute;top:0;left:0;width:15px;height:15px;border:2px solid #818cf8;border-radius:4px;pointer-events:none;transform:translate(calc(var(--col) * 14px - 2px),calc(var(--row) * 14px - 2px));transition:transform .14s cubic-bezier(.16,1,.3,1),opacity .14s ease;opacity:0}._ring_rjn5g_192[data-shown]{opacity:1}._legend_rjn5g_210{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12px}._caption_rjn5g_218{color:var(--color-text-secondary, #a1a1aa);font-size:12px}._captionLong_rjn5g_223{display:inline}._captionShort_rjn5g_227{display:none}._scale_rjn5g_231{display:flex;align-items:center;gap:6px}._legendText_rjn5g_237{font-size:11px;color:var(--color-text-muted, #71717a)}._swatches_rjn5g_242{display:flex;gap:3px}._swatch_rjn5g_242{width:11px;height:11px;border-radius:2px;border:1px solid rgba(255,255,255,.08);cursor:pointer;padding:0;transition:transform .1s ease}._swatch_rjn5g_242:hover,._swatch_rjn5g_242:focus-visible{transform:scale(1.25);outline:none;box-shadow:0 0 0 2px var(--color-text-primary, #ffffff)}._swatch_rjn5g_242[data-level="0"]{background-color:#ffffff0d}[data-theme=light] ._swatch_rjn5g_242[data-level="0"]{background-color:#0000000d}._swatch_rjn5g_242[data-level="1"]{background-color:#6366f147}._swatch_rjn5g_242[data-level="2"]{background-color:#6366f185}._swatch_rjn5g_242[data-level="3"]{background-color:#6366f1c7}._swatch_rjn5g_242[data-level="4"]{background-color:#6366f1}._swatch_rjn5g_242[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-text-primary, #ffffff)}._tip_rjn5g_287{position:absolute;top:0;left:0;pointer-events:none;z-index:50}._bubble_rjn5g_295{position:absolute;bottom:calc(100% + 8px);background-color:var(--color-surface-elevated, #18181b);border:1px solid var(--color-border, #27272a);border-radius:6px;padding:6px 10px;box-shadow:var(--shadow-modal);pointer-events:none;white-space:nowrap}._tipBody_rjn5g_307{display:flex;flex-direction:column;gap:2px}._tipMeasure_rjn5g_313{visibility:hidden;height:0;overflow:hidden;display:flex;flex-direction:column}._tipLines_rjn5g_321{display:flex;flex-direction:column}._tipPrimary_rjn5g_326{font-size:12px;font-weight:600;color:var(--color-text-primary, #f4f4f5)}._tipSecondary_rjn5g_332{font-size:11px;color:var(--color-text-muted, #71717a)}._rollingFrame_rjn5g_337{display:inline-block;overflow:hidden;vertical-align:bottom}._rolling_rjn5g_337{display:inline-flex}._place_rjn5g_347{display:inline-block;position:relative}._placeChar_rjn5g_352{display:inline-block}._rise_rjn5g_356{display:inline-block;overflow:hidden;vertical-align:bottom}._riseLine_rjn5g_362{display:inline-block}