@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";
:root{--bg-deep:#0a0c10;--bg-base:#0d1117;--bg-surface:#161b2299;--bg-elevated:#21262dd9;--glass-bg:#ffffff0d;--glass-bg-hover:#ffffff14;--glass-border:#ffffff1f;--glass-blur:24px;--glass-glow:0 0 40px #3b82f626;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-accent:#60a5fa;--brand-primary:#3b82f6;--brand-glow:#3b82f6a1;--brand-hover:#60a5fa;--brand-subtle:#3b82f61a;--status-active:#10b981;--status-paused:#f59e0b;--status-done:#64748b;--status-error:#ef4444;--project-1:#3b82f6;--project-2:#8b5cf6;--project-3:#10b981;--project-4:#f59e0b;--project-5:#ec4899;--project-6:#06b6d4;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--transition-normal:.4s var(--ease-out-expo);--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--spacing-lg:20px;--spacing-md:12px;--spacing-sm:6px;--spacing-xl:24px;--spacing-2xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(circle at 15% 15%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 85% 85%,#8b5cf626 0%,#0000 50%),radial-gradient(circle,#0d1117 0%,#0a0c10 100%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";opacity:.015;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}code,.mono{font-family:Fira Code,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 8px 32px #0000004d}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:0 12px 40px 0 #0006, var(--glass-glow);border-color:#ffffff26;transform:translateY(-4px)scale(1.01)}.glass-card--interactive{cursor:pointer}.app-container{width:100%;padding:var(--spacing-lg) var(--spacing-xl);min-height:100vh}.app-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.app-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.app-title span{color:var(--brand-primary);-webkit-text-fill-color:var(--brand-primary)}.focused-indicator{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.focused-dot{background:var(--brand-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.main-layout{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:1200px){.main-layout{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:1px solid #0000;padding:10px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-primary) 0%, #2563eb 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg, var(--brand-hover) 0%, var(--brand-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-ghost{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#fff3}.quick-input-container{margin-bottom:var(--spacing-xl)}.quick-input-wrapper{gap:var(--spacing-md);align-items:stretch;display:flex}.quick-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px var(--spacing-lg);color:var(--text-primary);transition:all var(--transition-normal);resize:none;flex:1;min-height:52px;font-family:Inter,sans-serif;font-size:14px}.quick-input:focus{border-color:var(--brand-primary);background:var(--glass-bg-hover);outline:none;box-shadow:0 0 20px #3b82f61a}.btn-sm{padding:6px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--border-default)}.filter-nav{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);background:#ffffff08;border-radius:9999px;width:fit-content;padding:4px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;display:flex}.filter-btn:hover{color:var(--text-primary);background:#ffffff0d}.filter-btn.is-active{background:var(--glass-bg-hover);color:var(--brand-primary);border-color:#ffffff1a;box-shadow:0 4px 12px #3b82f626}.filter-count{opacity:.5;background:#ffffff1a;border-radius:10px;padding:1px 6px;font-size:11px}.filter-btn.is-active .filter-count{opacity:1;background:#3b82f633}.projects-grid{grid-template-columns:repeat(var(--col-count,4), 1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);transition:all .4s var(--ease-out-expo);display:grid}.projects-grid.is-filtered .project-card{cursor:default!important}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{border-left:4px solid var(--project-color,var(--brand-primary));padding:var(--spacing-md);background:var(--glass-bg);border-radius:var(--radius-lg);transition:opacity var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);position:relative}.project-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.project-card-name{color:var(--text-primary);font-size:15px;font-weight:600}.status-badge{border-radius:9999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-badge--active{color:var(--status-active);background:#10b9811f}.status-badge--paused{color:var(--status-paused);background:#f59e0b1f}.status-badge--done{color:var(--status-done);background:#6b72801f}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.next-action-section{margin-bottom:var(--spacing-md)}.next-action-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500}.next-action-text{color:var(--text-primary);min-height:22px;font-size:16px;font-weight:600;line-height:1.4}.next-action-text.empty{color:var(--text-muted);font-size:13px;font-style:italic;font-weight:400}.latest-log-section{padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.latest-log-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.latest-log-text{color:var(--text-secondary);white-space:pre-wrap;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Fira Code,monospace;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.log-count{color:var(--text-muted);margin-top:var(--spacing-sm);font-size:12px}.detail-panel{background:var(--bg-surface);border-left:1px solid var(--border-subtle);z-index:100;width:480px;max-width:100vw;height:100vh;animation:.25s ease-out slideInRight;position:fixed;top:0;right:0;overflow-y:auto}.detail-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.detail-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.detail-title{font-size:18px;font-weight:600}.detail-body{padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-size:12px;font-weight:500}.detail-next-action{background:var(--brand-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid #3b82f633}.detail-next-action-input{width:100%;color:var(--text-primary);background:0 0;border:none;font-family:Fira Sans,sans-serif;font-size:15px;font-weight:500;line-height:1.5}.detail-next-action-input:focus{outline:none}.detail-next-action-input::placeholder{color:var(--text-muted)}.log-timeline{flex-direction:column;gap:2px;display:flex}.log-entry{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background var(--transition-fast);animation:.2s ease-out slideInLeft;display:flex;position:relative}.log-entry:hover{background:var(--glass-bg)}.log-timestamp{color:var(--text-muted);flex-shrink:0;min-width:46px;padding-top:2px;font-family:Fira Code,monospace;font-size:11px}.log-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;flex:1;font-family:Fira Code,monospace;font-size:13px;line-height:1.6}.log-delete{opacity:0;transition:opacity var(--transition-fast);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px}.log-entry:hover .log-delete{opacity:1}.log-delete:hover{color:var(--status-error)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:420px;max-width:90vw;animation:.2s ease-out scaleIn;box-shadow:0 24px 48px #0006}.modal-title{margin-bottom:var(--spacing-lg);font-size:18px;font-weight:600}.modal-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;padding:12px var(--spacing-md);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-family:Fira Sans,sans-serif;font-size:14px}.modal-input:focus{border-color:var(--brand-primary);outline:none}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.toast-container{bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:300;gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px var(--spacing-md);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-size:13px;animation:.25s ease-out toastIn;display:flex;box-shadow:0 8px 24px #0000004d}.toast--exit{animation:.2s ease-in forwards toastOut}.status-select{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:2px 10px;font-size:11px;font-weight:500}.status-select.active{color:var(--status-active);background:#10b9811f}.status-select.paused{color:var(--status-paused);background:#f59e0b1f}.status-select.done{color:var(--status-done);background:#6b72801f}.add-project-card{border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;min-height:160px;transition:all var(--transition-normal);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:14px;display:flex}.add-project-card:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-subtle)}.clipboard-banner{background:var(--brand-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-primary);border:1px solid #3b82f633;justify-content:space-between;align-items:center;font-size:13px;animation:.2s ease-out slideDown;display:flex}.clipboard-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-family:Fira Code,monospace;font-size:12px;overflow:hidden}@keyframes fadeIn{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card-enter{animation:.3s ease-out forwards fadeSlideUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.app-container{padding:var(--spacing-md)}.projects-grid{grid-template-columns:1fr}.quick-input-wrapper{flex-direction:column}.detail-panel{width:100vw}.app-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}@media (max-width:480px){.app-title{font-size:18px}}.card-inline-input{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;min-height:50px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.card-inline-input:focus{border-color:var(--project-color,var(--text-accent));background:#ffffff0f}.card-log-input-area{margin-bottom:12px}.card-next-action-input{width:100%;font-family:var(--font-base);color:var(--text-primary);background:0 0;border:none;outline:none;padding:4px 0;font-size:16px;font-weight:600}.card-next-action-input::placeholder{color:var(--text-muted);font-size:13px;font-style:italic;font-weight:400}.card-timeline{border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;max-height:250px;margin-top:16px;padding-top:12px;display:flex;overflow-y:auto}.card-timeline-item{border-radius:var(--radius-sm);cursor:default;align-items:flex-start;gap:10px;padding:6px 8px;font-size:12px;transition:background .2s;display:flex}.card-timeline-item:hover{background:#ffffff0d}.card-timeline-time{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;min-width:44px;margin-top:2px;font-size:11px}.card-timeline-content{color:var(--text-secondary);word-break:break-all;white-space:pre-wrap;flex:1}.card-timeline-actions{opacity:0;gap:2px;transition:opacity .2s;display:flex}.card-timeline-item:hover .card-timeline-actions{opacity:1}.card-timeline-action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;transition:all .2s}.card-timeline-action:hover{color:var(--text-primary);background:#ffffff0d}.card-timeline-delete:hover{color:var(--status-error);background:#ef44441a}.card-submit-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:6px}.card-log-input-area:hover .card-submit-btn,.card-inline-input:focus+.card-submit-btn{opacity:1}.card-submit-btn:disabled{background:var(--glass-border);color:var(--text-muted);cursor:not-allowed}.card-submit-btn:not(:disabled):hover{background:var(--brand-hover);transform:translateY(-1px)}.card-timeline-item.is-announcement{border-radius:var(--radius-md);box-shadow:0 4px 20px -5px #0000004d;border:1px solid var(--brand-primary)!important;background:#ffffff14!important;margin:8px 0!important;padding:12px 16px!important}.card-timeline-item.is-announcement .card-timeline-content{letter-spacing:-.02em;color:#fff!important;font-size:18px!important;font-weight:800!important}.card-timeline-item.is-announcement .card-timeline-time{opacity:.7;font-size:12px}.card-timeline-item.is-announcement .card-timeline-content{color:var(--text-primary);font-size:14px;font-weight:600}.drag-overlay-card{pointer-events:none;animation:.2s cubic-bezier(.2,0,0,1) forwards drag-lift}@keyframes drag-lift{0%{scale:1;box-shadow:0 4px 12px #0003}to{scale:1.04;box-shadow:0 30px 60px -12px #0009}}.card-timeline-item{cursor:pointer;-webkit-user-select:none;user-select:none}.card-timeline-item.is-completed .card-timeline-content{opacity:.45;color:var(--text-muted)}.card-timeline-item.is-completed .card-timeline-time{opacity:.35}.project-card.is-placeholder{box-shadow:none!important;opacity:.1!important;background:#ffffff05!important;border:1.5px dashed #fff3!important;min-height:180px!important;scale:1!important}.project-card:active{z-index:100;transition:scale .15s cubic-bezier(.2,0,0,1)!important;scale:1.02!important}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.fixed{position:fixed}.bottom-8{bottom:2rem}.right-8{right:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-24{gap:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-4{margin-bottom:1rem}.m-0{margin:0}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.w-full{width:100%}.h-6{height:1.5rem}.w-px{width:1px}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.border-white\/10{border:1px solid #ffffff1a}.border-white\/5{border:1px solid #ffffff0d}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.transition-all{transition:all .3s}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.z-\[1000\]{z-index:1000}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.card-log-input-area{margin-bottom:8px;animation:.3s cubic-bezier(.2,0,0,1) forwards input-appear;overflow:hidden}@keyframes input-appear{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.card-inline-input{color:var(--text-primary);resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;transition:all .2s}.card-inline-input:focus{border-color:var(--project-color);box-shadow:0 0 0 3px rgba(var(--project-color-rgb), .15);background:#ffffff14;outline:none}.brain-hub-glass{-webkit-backdrop-filter:blur(40px)saturate(180%);transition:all .5s var(--ease-out-expo);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 4px 24px -1px #0000004d,0 0 80px -10px #ffffff05}.brain-hub-glass:hover{background:#ffffff0d;border:1px solid #ffffff26;box-shadow:0 8px 32px -1px #0006,0 0 100px -5px #ffffff0d}.hub-tab-active{color:#fff;text-shadow:0 0 10px #ffffff4d;background:#ffffff1a}@keyframes hub-entrance{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-45%)scale(.95)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.animate-hub-entrance{animation:hub-entrance .6s var(--ease-out-expo) forwards}.init-container{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.init-text{color:var(--text-muted);font-size:14px;font-family:var(--font-outfit)}.hub-trigger-container{z-index:999;pointer-events:auto;align-items:center;gap:16px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.hub-trigger-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 20px 40px #0006}.hub-trigger-btn:hover{color:#fff;background:#fff3}.hub-overlay-container{z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hub-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;background:#0009;position:absolute;inset:0}.hub-panel{pointer-events:auto;background:var(--bg-deep);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009,inset 0 1px #ffffff0d}.hub-header{align-items:center;gap:8px;padding:16px 16px 8px;display:flex}.hub-tab-btn{transition:all var(--transition-short);font-family:var(--font-outfit);letter-spacing:.05em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.hub-tab-btn:hover{background:#ffffff0d}.hub-tab-btn.active{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0003}.hub-input-area{padding:16px 24px;position:relative}.hub-input{width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font-outfit);transition:all var(--transition-short);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px 48px 16px 20px}.hub-input:focus{background:#ffffff1a;border-color:#ffffff4d;outline:none}.hub-input-submit{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.hub-input-submit.active{color:#fff;background:#fff3}.hub-list-container{flex-direction:column;flex:1;gap:8px;padding:0 24px 24px;display:flex;overflow-y:auto}.hub-list-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.hub-list-item:hover{background:#ffffff0d;border-color:#ffffff1a}.hub-item-content{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.hub-item-actions{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.hub-list-item:hover .hub-item-actions{opacity:1}.hub-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.hub-action-btn:hover{color:#fff;background:#ffffff1a}.hub-action-btn.send:hover{color:var(--brand-primary)}.hub-action-btn.delete:hover{color:#f87171}.react-flow__controls{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 4px 16px #0006}.react-flow__controls-button{border-bottom:1px solid var(--glass-border)!important;color:var(--text-primary)!important;fill:var(--text-primary)!important;background:0 0!important;transition:all .2s!important}.react-flow__controls-button:hover{fill:var(--brand-primary)!important;color:var(--brand-primary)!important;background:#ffffff1a!important}.react-flow__controls-button:last-child{border-bottom:none!important}.react-flow__controls-button svg{fill:currentColor}.premium-log-item{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.premium-log-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003,inset 0 0 0 1px #ffffff0d}.premium-log-item.is-dragging{opacity:.8;z-index:100;transform:scale(1.02);box-shadow:0 16px 32px #0006, 0 0 0 1px var(--brand-primary) inset!important;cursor:grabbing!important}.premium-log-item.is-completed{opacity:.6;background:#ffffff03}.premium-log-item.is-completed:hover{opacity:.8;transform:none}.premium-checkbox{cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.premium-checkbox:hover{border-color:#ffffff80;transform:scale(1.1)}.premium-checkbox.is-checked{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 10px #3b82f666}.premium-checkbox.is-checked:hover{transform:scale(1.1)}.premium-tabs-container{margin-bottom:var(--spacing-md);scrollbar-width:none;background:#0003;border:1px solid #ffffff0d;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.premium-tabs-container::-webkit-scrollbar{display:none}.premium-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.premium-tab:hover{color:var(--text-primary);background:#ffffff0d}.premium-tab.is-active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 1px 3px #0003,inset 0 0 0 1px #ffffff0d}.premium-tab.is-drop-over{background:var(--brand-subtle);color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary) inset, 0 4px 12px #3b82f633;transform:scale(1.05)}