@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--hue-brand:226;--hue-success:160;--hue-warning:38;--hue-danger:0;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.38s;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 32px #00000040;--shadow-lg:0 25px 50px -12px #00000080}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#26282b;--bg-gradient:radial-gradient(at 0% 0%, #26282b 0, transparent 50%), radial-gradient(at 50% 0%, #35394180 0, transparent 50%), radial-gradient(at 100% 0%, #3539414d 0, transparent 50%);--surface-1:#353941b3;--surface-2:#353941e6;--surface-3:#5f85db1a;--surface-4:#eeeeee0a;--surface-hover:#eeeeee14;--surface-active:#eeeeee1a;--overlay-light-03:#eeeeee08;--overlay-light-05:#eeeeee0d;--overlay-light-08:#eeeeee14;--overlay-light-10:#eeeeee1a;--overlay-dark-20:#26282b33;--overlay-dark-35:#26282b59;--modal-overlay:#0b0f19cc;--text-primary:#eee;--text-secondary:#eeeeeea6;--text-on-accent:#222831;--glass-border:#eeeeee1a;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:16px;--brand:#5f85db;--brand-hover:#90b8f8;--brand-soft:#5f85db40;--brand-softer:#5f85db1f;--brand-border:#5f85db80;--brand-text:#fff;--brand-gradient:linear-gradient(to right, #60a5fa, #c084fc);--success:#10b981;--success-soft:#10b98126;--success-text:#34d399;--warning:#f59e0b;--warning-soft:#f59e0b26;--warning-text:#fbbf24;--danger:#ef4444;--danger-soft:#ef444426;--danger-text:#f87171;--info:#3b82f6;--info-soft:#3b82f626;--info-text:#60a5fa;--scrollbar-thumb:#eee3;--scrollbar-thumb-hover:#eeeeee4d;--input-color-scheme:dark;--select-option-bg:#353941;--select-option-color:#eee;--accent-color-rgb:95, 133, 219}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#fff9d2;--bg-gradient:radial-gradient(at 0% 0%, #fff9d2 0, transparent 50%), radial-gradient(at 50% 0%, #ffebcccc 0, transparent 50%), radial-gradient(at 100% 0%, #bfddf080 0, transparent 50%);--surface-1:#ffffffbf;--surface-2:#ffffffa6;--surface-3:#ffffff8c;--surface-4:#0f172a08;--surface-hover:#0f172a0d;--surface-active:#0f172a14;--overlay-light-03:#0f172a08;--overlay-light-05:#0f172a0d;--overlay-light-08:#0f172a12;--overlay-light-10:#0f172a17;--overlay-dark-20:#ffffff59;--overlay-dark-35:#fff6;--modal-overlay:#0f172a40;--text-primary:#0f172a;--text-secondary:#64748b;--text-on-accent:#fff;--glass-border:#0f172a1a;--glass-shadow:0 8px 32px 0 #0f172a1f;--brand:#8cc0eb;--brand-hover:#bfddf0;--brand-soft:#8cc0eb26;--brand-softer:#8cc0eb14;--brand-border:#8cc0eb80;--brand-text:#0f172a;--brand-gradient:linear-gradient(to right, #4f46e5, #9333ea);--success:#059669;--success-soft:#0596691f;--success-text:#047857;--warning:#d97706;--warning-soft:#d977061f;--warning-text:#b45309;--danger:#dc2626;--danger-soft:#dc26261a;--danger-text:#b91c1c;--info:#2563eb;--info-soft:#2563eb1a;--info-text:#1d4ed8;--scrollbar-thumb:#0f172a33;--scrollbar-thumb-hover:#0f172a52;--input-color-scheme:light;--select-option-bg:#fff;--select-option-color:#0f172a;--accent-color-rgb:140, 192, 235}:root{--bg-dark:var(--bg-app);--bg-panel:var(--surface-1);--glass-bg:var(--surface-1);--accent-color:var(--brand);--accent-hover:var(--brand-hover);--accent-color-rgb:118, 171, 174;--success-color:var(--success);--error-color:var(--danger);--bg-surface:var(--select-option-bg);--border-color:var(--glass-border)}*{box-sizing:border-box;margin:0;padding:0}html{transition:background-color var(--duration-normal) ease}body{font-family:var(--font-family);background-color:var(--bg-app);background-image:var(--bg-gradient);color:var(--text-primary);height:100vh;transition:background-color var(--duration-normal) ease, color var(--duration-normal) ease;flex-direction:column;display:flex;overflow:hidden}#root{flex-direction:column;gap:1rem;width:100%;height:100%;padding:1rem;display:flex}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.app-header{justify-content:space-between;align-items:center;height:80px;padding:1rem 2rem;display:flex}.header-title{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.api-controls{align-items:center;gap:1rem;display:flex}.api-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;outline:none;width:300px;padding:.5rem 1rem;font-family:inherit;transition:border-color .3s}.api-input:focus{border-color:var(--accent-color)}.btn{background:linear-gradient(135deg, var(--accent-color), var(--info));color:#fff;box-shadow:0 4px 16px rgba(var(--accent-color-rgb), .3);cursor:pointer;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1.25rem;font-family:inherit;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn:hover{box-shadow:0 8px 24px rgba(var(--accent-color-rgb), .5);filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.danger{background:linear-gradient(135deg, var(--danger), #f43f5e);box-shadow:0 4px 16px #ef44444d}.btn.danger:hover{box-shadow:0 8px 24px #ef444480}.btn.success{background:linear-gradient(135deg, var(--success), #34d399);box-shadow:0 4px 16px #10b9814d}.btn.success:hover{box-shadow:0 8px 24px #10b98180}.status-indicator{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-dot{background:var(--text-secondary);border-radius:50%;width:10px;height:10px;transition:background .3s}.status-dot.connected{background:var(--success-color);box-shadow:0 0 10px var(--success-color)}.status-dot.error{background:var(--error-color);box-shadow:0 0 10px var(--error-color)}.main-content{flex:1;gap:1rem;min-height:0;display:flex}.live2d-container{isolation:isolate;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.live2d-container:before{content:"";z-index:-1;opacity:.3;-webkit-mask-image:radial-gradient(circle 150px at var(--mouse-x,-999px) var(--mouse-y,-999px), transparent 0%, black 100%);-webkit-mask-image:radial-gradient(circle 150px at var(--mouse-x,-999px) var(--mouse-y,-999px), transparent 0%, black 100%);mask-image:radial-gradient(circle 150px at var(--mouse-x,-999px) var(--mouse-y,-999px), transparent 0%, black 100%);background-image:radial-gradient(circle, transparent 20%, var(--bg-app) 20%, var(--bg-app) 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, var(--bg-app) 20%, var(--bg-app) 80%, transparent 80%, transparent), linear-gradient(var(--brand) 2px, transparent 2px), linear-gradient(90deg, var(--brand) 2px, var(--bg-app) 2px);background-position:0 0,25px 25px,0 -1px,-1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px;animation:4s linear infinite moveHiyoriBg;position:absolute;inset:0}@keyframes moveHiyoriBg{0%{background-position:0 0,25px 25px,0 -1px,-1px 0}to{background-position:50px -50px,75px -25px,50px -51px,49px -50px}}.live2d-canvas{object-fit:contain;cursor:crosshair;width:100%;height:100%}.tools-container{flex-direction:column;flex:3;gap:1rem;padding:1.5rem;display:flex}.tab-navigation{border-bottom:1px solid var(--glass-border);scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.tab-btn:hover{background:var(--overlay-light-05)}.tab-btn.active{color:var(--text-primary);background:var(--overlay-light-10);box-shadow:inset 0 -2px 0 var(--accent-color)}.tab-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.todo-container{flex-direction:column;flex:1;gap:1rem;display:flex;overflow:hidden}.todo-header{justify-content:space-between;align-items:center;display:flex}.todo-header h2{font-size:1.25rem;font-weight:600}.todo-count{color:var(--text-secondary);background:var(--overlay-light-10);border-radius:12px;padding:.25rem .75rem;font-size:.875rem}.todo-list{flex-direction:column;flex:1;gap:.5rem;padding-right:.5rem;display:flex;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.empty-state{text-align:center;color:var(--text-secondary);margin-top:2rem;font-style:italic}.todo-item{background:var(--surface-3);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;flex-shrink:0;gap:0;padding:0;transition:background-color .2s,border-color .2s,opacity .2s,box-shadow .2s;display:flex;overflow:hidden}.todo-item:hover{background:var(--surface-2)}.todo-item.expanded{border-color:var(--brand-border);box-shadow:0 0 20px var(--brand-softer)}.todo-item-main{align-items:center;gap:.75rem;min-height:48px;padding:.75rem 1rem;display:flex}.todo-section{flex-direction:column;gap:.5rem;display:flex}.todo-section-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.9;margin:0;padding:.5rem .5rem 0;font-size:.8rem;font-weight:600}.todo-section-list{flex-direction:column;gap:.5rem;display:flex}.todo-item.is-dragging{opacity:.4;background:var(--brand-soft);border-color:var(--accent-color)}.todo-item.drop-target{border-top:2px solid var(--accent-color);margin-top:-1px}.drag-handle{color:var(--text-secondary);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.drag-handle:hover{color:var(--text-primary);background:var(--overlay-light-08)}.drag-handle:active{cursor:grabbing}.todo-item.completed{opacity:.6}.todo-item.completed .todo-text{color:var(--text-secondary);text-decoration:line-through}.todo-checkbox{border:2px solid var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.todo-item.completed .todo-checkbox{background:var(--success-color);border-color:var(--success-color);color:#fff}.todo-content{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.todo-text{word-break:break-word;font-size:.9375rem;line-height:1.4}.kanban-badge{background:var(--brand-soft);color:var(--info-text);border:1px solid var(--brand-border);white-space:nowrap;letter-spacing:.3px;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.todo-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.todo-meta-date{color:var(--text-secondary);opacity:.7;font-size:.7rem}.deadline-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.675rem;font-weight:500;line-height:1;display:inline-flex}.deadline-badge.safe{background:var(--success-soft);color:var(--success-text)}.deadline-badge.warning{background:var(--warning-soft);color:var(--warning-text)}.deadline-badge.urgent{background:var(--danger-soft);color:var(--danger-text);animation:2s ease-in-out infinite pulse-badge}.deadline-badge.overdue{background:var(--danger-soft);color:var(--danger);animation:1.5s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.reminder-badge{border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:.675rem;display:inline-flex}.reminder-badge.active{background:var(--brand-soft);color:var(--info-text);animation:3s ease-in-out infinite pulse-bell}.reminder-badge.fired{background:var(--warning-soft);color:var(--warning-text)}@keyframes pulse-bell{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.subtask-badge{color:var(--text-secondary);align-items:center;gap:5px;font-size:.675rem;display:inline-flex}.subtask-progress-mini{background:var(--overlay-light-10);border-radius:2px;width:32px;height:3px;overflow:hidden}.subtask-progress-fill{background:var(--success-color);border-radius:2px;height:100%;transition:width .3s}.subtask-count{opacity:.7;font-size:.65rem}.todo-expand-btn{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:transform .3s,color .2s,background .2s,opacity .2s;display:flex}.todo-expand-btn:hover{color:var(--text-primary);background:var(--overlay-light-08);opacity:1}.todo-expand-btn.rotated{transform:rotate(180deg)}.todo-delete-btn{color:var(--error-color);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s;display:flex}.todo-item:hover .todo-delete-btn,.todo-item:hover .todo-expand-btn{opacity:.8}.todo-delete-btn:hover{opacity:1;transform:scale(1.1)}.todo-detail-section{border-top:1px solid var(--overlay-light-05);flex-direction:column;gap:.75rem;margin-top:0;padding:0 1rem 1rem 3.25rem;animation:.25s forwards slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-field{flex-direction:column;gap:6px;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.detail-input-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail-datetime-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);color-scheme:var(--input-color-scheme);border-radius:8px;outline:none;flex:1;max-width:100%;padding:6px 10px;font-family:inherit;font-size:.8125rem;transition:border-color .3s}.detail-datetime-input:focus{border-color:var(--accent-color)}.detail-clear-btn{background:var(--danger-soft);color:var(--error-color);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.detail-clear-btn:hover{background:var(--danger-soft)}.detail-deadline-info{font-size:.7rem;font-weight:500}.detail-deadline-info.safe{color:var(--success-text)}.detail-deadline-info.warning{color:var(--warning-text)}.detail-deadline-info.urgent{color:var(--danger-text)}.detail-deadline-info.overdue{color:var(--danger)}.detail-reminder-info{font-size:.7rem;font-weight:500}.detail-reminder-info.active{color:var(--info-text)}.detail-reminder-info.fired{color:var(--warning-text)}.subtask-section{gap:8px}.subtask-progress-label{color:var(--text-secondary);opacity:.7;margin-left:4px;font-size:.675rem;font-weight:400}.subtask-progress-bar{background:var(--overlay-light-08);border-radius:4px;width:100%;height:4px;overflow:hidden}.subtask-progress-bar-fill{background:linear-gradient(90deg, var(--accent-color), var(--success-color));border-radius:4px;height:100%;transition:width .4s}.subtask-list{flex-direction:column;gap:4px;display:flex}.subtask-item{background:var(--overlay-light-03);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;animation:.2s forwards fadeIn;display:flex}.subtask-item:hover{background:var(--surface-hover)}.subtask-item.completed .subtask-text{color:var(--text-secondary);opacity:.6;text-decoration:line-through}.subtask-checkbox{border:2px solid var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.subtask-item.completed .subtask-checkbox{background:var(--success-color);border-color:var(--success-color);color:#fff}.subtask-text{color:var(--text-primary);word-break:break-word;flex:1;font-size:.8125rem;line-height:1.4}.subtask-delete-btn{color:var(--error-color);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:opacity .2s;display:flex}.subtask-item:hover .subtask-delete-btn{opacity:.7}.subtask-delete-btn:hover{opacity:1}.subtask-input-area{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subtask-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;min-width:150px;padding:6px 10px;font-family:inherit;font-size:.8125rem;transition:border-color .3s}.subtask-input:focus{border-color:var(--accent-color)}.subtask-add-btn{background:var(--success-soft);cursor:pointer;width:30px;height:30px;color:var(--success-color);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.subtask-add-btn:hover:not(:disabled){background:var(--success-soft)}.subtask-add-btn:disabled{opacity:.3;cursor:not-allowed}.todo-input-area{flex-shrink:0;gap:.5rem;margin-top:auto;display:flex}.todo-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;transition:border-color .3s}.todo-input:focus{border-color:var(--success-color)}.btn-add-todo{background:var(--success-color);cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.btn-add-todo:hover:not(:disabled){transform:scale(1.05)}.btn-add-todo:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.message{word-wrap:break-word;border-radius:16px;max-width:80%;padding:.75rem 1.25rem;line-height:1.5;animation:.3s forwards fadeIn}.message p{margin:0}.message p+p{margin-top:.5rem}.message ol,.message ul{margin:.25rem 0;padding-inline-start:1.5rem}.message li+li{margin-top:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message.ai{background:var(--overlay-light-10);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{flex-shrink:0;gap:.5rem;margin-top:auto;display:flex}.chat-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:24px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;transition:border-color .3s}.chat-input:focus{border-color:var(--accent-color)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.btn-send{background:var(--accent-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.btn-send:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.btn-send:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}.btn-send svg{fill:#fff;width:20px;height:20px}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.5rem;transition:background .2s}.clickable:hover{background:var(--overlay-light-05)}.api-input-group{gap:.5rem;animation:.2s fadeIn;display:flex}.minimalist{border:none;border-bottom:1px solid var(--glass-border);background:0 0;border-radius:0;width:200px;padding:.25rem .5rem}.minimalist:focus{border-bottom:1px solid var(--accent-color)}.minimalist-btn{background:var(--overlay-light-10);color:var(--text-secondary);box-shadow:none;border:1px solid #0000;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.minimalist-btn:hover{background:var(--scrollbar-thumb);color:var(--text-primary);box-shadow:none;filter:none;transform:translateY(0)}.toggle-live2d-btn{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;position:absolute;top:1rem;left:1rem}.show-live2d-wrapper{align-items:flex-start;padding-top:1rem;display:flex}.show-live2d-wrapper .toggle-live2d-btn{position:relative;top:0;left:0}.icon-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;display:flex}.icon-btn svg{opacity:.8;transition:opacity .2s}.icon-btn:hover svg{opacity:1}.resizer{cursor:col-resize;z-index:10;background-color:#0000;border-radius:4px;flex-shrink:0;width:6px;margin:0 -3px;transition:background-color .2s}.resizer:hover,.resizer:active{background-color:var(--scrollbar-thumb)}body.streaming-mode{background-color:var(--stream-bg,#0f0)!important;background-image:none!important}body.streaming-mode #root{gap:0!important;padding:0!important}body.streaming-mode .main-content{gap:0;height:100%;padding:0;position:relative}.stream-live2d{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;flex:1!important}.stream-chat-overlay{z-index:100;width:400px;height:70vh;max-height:800px;transition:all .3s;position:absolute;bottom:20px;right:20px;background:var(--surface-1)!important;border-radius:12px!important;box-shadow:0 10px 40px #00000080!important}.overlay-minimize-btn{z-index:10;background:var(--overlay-light-05);position:absolute;top:15px;right:15px}.overlay-minimize-btn:hover{background:var(--overlay-light-10)}.stream-chat-overlay.minimized{border-radius:50%!important;width:auto!important;height:auto!important;padding:.25rem!important}.stream-chat-overlay.minimized .tab-navigation,.stream-chat-overlay.minimized .tab-content{display:none!important}.stream-chat-overlay.minimized .overlay-minimize-btn{background:0 0;position:static}.stream-controls{z-index:999;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:20px}.exit-stream-btn{background:#00000080;border-radius:8px;padding:.5rem 1rem}.stream-color-picker{appearance:none;cursor:pointer;background-color:#00000080;border:none;border-radius:8px;width:36px;height:36px;padding:2px}.stream-color-picker::-webkit-color-swatch-wrapper{padding:0}.stream-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.exit-stream-btn:hover{background:var(--danger)}.typing-indicator span{animation:1.4s infinite both typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.todo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;background:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.todo-modal-content{background:var(--surface-1);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--overlay-light-05);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{color:var(--text-primary);word-break:break-word;margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--overlay-light-10);color:var(--text-primary)}.todo-detail-section.modal-version{border-top:none;padding:1.25rem;animation:none;overflow-y:auto}.money-management-container{flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex}.balance-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.balance-card h3{color:var(--text-secondary);margin:0;font-size:1rem}.balance-amount{color:var(--text-primary);margin:.5rem 0 1rem;font-size:2.5rem;font-weight:700}.balance-amount.positive{color:var(--success)}.balance-amount.negative{color:var(--danger)}.balance-details{border-top:1px solid var(--glass-border);justify-content:space-between;padding-top:1rem;display:flex}.balance-details .detail{flex-direction:column;flex:1;align-items:center;display:flex}.balance-details .detail span:first-child{color:var(--text-secondary);margin-bottom:.25rem;font-size:.85rem}.balance-details .detail span:last-child{font-weight:600}.balance-details .detail.income span:last-child{color:var(--success)}.balance-details .detail.expense span:last-child{color:var(--danger)}.transaction-form{flex-wrap:wrap;gap:.75rem;display:flex}.transaction-form input,.transaction-form select{flex:1;min-width:120px}.transaction-list{flex-direction:column;flex:1;gap:.75rem;display:flex}.transaction-item{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.transaction-item:hover{background:var(--overlay-light-05)}.transaction-info{flex-direction:column;flex:1;display:flex}.transaction-name{color:var(--text-primary);margin-bottom:.2rem;font-weight:500}.transaction-date{color:var(--text-secondary);font-size:.75rem}.transaction-amount{margin-right:1rem;font-weight:600}.transaction-amount.income{color:var(--success)}.transaction-amount.expense{color:var(--danger)}.form-row{gap:.75rem;width:100%;display:flex}.full-width{width:100%}.transaction-item.clickable{cursor:pointer}.transaction-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.8rem;font-style:italic}.transaction-actions{align-items:center;display:flex}.bullet{opacity:.5;margin:0 .25rem}.finance-modal{max-width:400px}.finance-modal h2{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.finance-edit-form{flex-direction:column;gap:1rem;display:flex}.finance-edit-form label{color:var(--text-secondary);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.finance-edit-form input,.finance-edit-form select,.finance-edit-form textarea{font-size:.95rem}.finance-edit-form .textarea-field{resize:vertical;min-height:60px}.wallet-list{flex-direction:column;gap:.5rem;display:flex}.wallet-item{background:var(--overlay-light-05);border:1px solid var(--glass-border);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.wallet-item span{color:var(--text-primary);font-weight:500}.modal-title-input{border:none;border-bottom:1px dashed var(--scrollbar-thumb-hover);color:var(--text-primary);background:0 0;outline:none;width:100%;padding:.2rem 0;font-size:1.2rem;font-weight:700;transition:border-color .2s}.modal-title-input:focus{border-bottom-color:var(--text-primary)}.pagination-controls{border-top:1px dashed var(--overlay-light-10);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.page-indicator{color:var(--text-secondary);font-size:.9rem}select option,.api-input option{background-color:var(--select-option-bg);color:var(--select-option-color)}@media (width<=768px){body{height:100dvh}#root{gap:.5rem;padding:.5rem}.app-header{flex-direction:column;gap:.75rem;height:auto;padding:.75rem 1rem}.api-controls{flex-wrap:wrap;justify-content:center;width:100%}.main-content{flex-direction:column;gap:.5rem;min-height:0}.tools-container{min-height:0;padding:.75rem}.form-row{flex-direction:column}.api-input{width:100%}.chat-input-container{flex-wrap:wrap}.chat-input{width:100%;min-width:0}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-actions{justify-content:space-between;width:100%}.balance-card h1{font-size:2rem!important}}@keyframes pageStaggerIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.chat-messages .message{animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn}.chat-messages .message:first-child{animation-delay:40ms}.chat-messages .message:nth-child(2){animation-delay:80ms}.chat-messages .message:nth-child(3){animation-delay:.12s}.chat-messages .message:nth-child(4){animation-delay:.16s}.chat-messages .message:nth-child(5){animation-delay:.2s}.chat-messages .message:nth-child(6){animation-delay:.24s}.chat-messages .message:nth-child(7){animation-delay:.28s}.chat-messages .message:nth-child(8){animation-delay:.32s}.chat-messages .message:nth-child(9){animation-delay:.36s}.chat-messages .message:nth-child(10){animation-delay:.4s}.chat-input-area{animation:.38s cubic-bezier(.16,1,.3,1) .15s backwards pageStaggerIn}.todo-section{animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn}.todo-section:first-child{animation-delay:50ms}.todo-section:nth-child(2){animation-delay:.1s}.todo-section:nth-child(3){animation-delay:.15s}.todo-section:nth-child(4){animation-delay:.2s}.todo-section:nth-child(5){animation-delay:.25s}.todo-section-list .todo-item{animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn}.todo-section-list .todo-item:first-child{animation-delay:50ms}.todo-section-list .todo-item:nth-child(2){animation-delay:90ms}.todo-section-list .todo-item:nth-child(3){animation-delay:.13s}.todo-section-list .todo-item:nth-child(4){animation-delay:.17s}.todo-section-list .todo-item:nth-child(5){animation-delay:.21s}.todo-section-list .todo-item:nth-child(6){animation-delay:.25s}.todo-section-list .todo-item:nth-child(7){animation-delay:.29s}.todo-section-list .todo-item:nth-child(8){animation-delay:.33s}.todo-section-list .todo-item:nth-child(9){animation-delay:.37s}.todo-section-list .todo-item:nth-child(10){animation-delay:.41s}.todo-item.is-dragging,.todo-item.is-ghost{animation:none!important}.balance-card{animation:.4s cubic-bezier(.16,1,.3,1) 50ms backwards pageStaggerIn}.transaction-form{animation:.4s cubic-bezier(.16,1,.3,1) .1s backwards pageStaggerIn}.transaction-list .transaction-item{animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn}.transaction-list .transaction-item:first-child{animation-delay:50ms}.transaction-list .transaction-item:nth-child(2){animation-delay:90ms}.transaction-list .transaction-item:nth-child(3){animation-delay:.13s}.transaction-list .transaction-item:nth-child(4){animation-delay:.17s}.transaction-list .transaction-item:nth-child(5){animation-delay:.21s}.transaction-list .transaction-item:nth-child(6){animation-delay:.25s}.transaction-list .transaction-item:nth-child(7){animation-delay:.29s}.transaction-list .transaction-item:nth-child(8){animation-delay:.33s}.transaction-list .transaction-item:nth-child(9){animation-delay:.37s}.transaction-list .transaction-item:nth-child(10){animation-delay:.41s}.pomodoro-tab-container{flex-direction:column;gap:1.5rem;height:100%;padding:1rem;display:flex;overflow-y:auto}.pomodoro-timer-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;align-items:center;padding:2rem;display:flex}.pomodoro-modes{gap:1rem;margin-bottom:1.5rem;display:flex}.pomodoro-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.pomodoro-btn:hover{color:var(--text-primary);background:var(--overlay-light-05)}.pomodoro-btn.active{color:var(--accent-color);background:rgba(var(--accent-color-rgb), .1)}.pomodoro-time-display{color:var(--text-primary);text-shadow:0 2px 10px #0003;margin-bottom:2rem;font-family:monospace;font-size:4rem;font-weight:700}.pomodoro-controls{gap:1rem;display:flex}.pomodoro-action-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.pomodoro-action-btn.primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-color-rgb), .3)}.pomodoro-action-btn.primary:hover{box-shadow:0 6px 16px rgba(var(--accent-color-rgb), .4);transform:translateY(-2px)}.pomodoro-action-btn.secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.pomodoro-action-btn.secondary:hover{background:var(--overlay-light-10)}.pomodoro-tasks-section{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex:1;padding:1.5rem}.pomodoro-task-list{flex-direction:column;gap:.75rem;display:flex}.pomodoro-empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.finance-report{flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.report-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.report-title svg{color:var(--accent-color)}.period-picker{align-items:center;gap:.5rem;display:flex}.period-picker button{background:var(--surface-hover);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.period-picker button:hover{background:var(--overlay-light-10);border-color:var(--accent-color)}.period-label{color:var(--text-primary);text-align:center;background:var(--surface-4);border:1px solid var(--glass-border);border-radius:10px;min-width:160px;padding:.5rem 1rem;font-size:1.05rem;font-weight:600}.report-summary-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.report-summary-card{background:var(--surface-4);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:.4rem;padding:1.2rem;transition:all .25s;animation:.4s ease-out backwards reportCardIn;display:flex}.report-summary-card:first-child{animation-delay:50ms}.report-summary-card:nth-child(2){animation-delay:.1s}.report-summary-card:nth-child(3){animation-delay:.15s}.report-summary-card:nth-child(4){animation-delay:.2s}@keyframes reportCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.report-summary-card:hover{background:var(--surface-hover);transform:translateY(-2px)}.report-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.report-card-value{font-size:1.3rem;font-weight:700}.report-card-value.income{color:var(--success-color)}.report-card-value.expense{color:var(--error-color)}.report-card-value.balance{color:var(--accent-color)}.report-card-value.count{color:var(--brand-text)}.report-card-sub{color:var(--text-secondary);font-size:.75rem}.report-charts{flex-direction:column;gap:1.5rem;display:flex}.chart-card{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;animation:.5s ease-out .2s backwards reportCardIn;display:flex}.donut-card-content{grid-template-columns:auto 1fr;align-items:center;gap:2rem;display:grid}@media (width<=768px){.donut-card-content{grid-template-columns:1fr;gap:1.2rem}}.chart-card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.chart-card-title svg{color:var(--accent-color);width:18px;height:18px}.chart-canvas-container{justify-content:center;align-items:center;display:flex;position:relative}.chart-canvas-container canvas{max-width:100%;height:auto!important}.donut-center-text{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-text .donut-label{color:var(--text-secondary);font-size:.75rem}.donut-center-text .donut-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.category-legend{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.chart-card:first-child{animation-delay:.15s}.chart-card:nth-child(2){animation-delay:.25s}.category-legend-item{cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .7rem;transition:all .2s;animation:.35s ease-out backwards reportCardIn;display:flex}.category-legend-item:first-child{animation-delay:.15s}.category-legend-item:nth-child(2){animation-delay:.19s}.category-legend-item:nth-child(3){animation-delay:.23s}.category-legend-item:nth-child(4){animation-delay:.27s}.category-legend-item:nth-child(5){animation-delay:.31s}.category-legend-item:nth-child(6){animation-delay:.35s}.category-legend-item:nth-child(7){animation-delay:.39s}.category-legend-item:nth-child(8){animation-delay:.43s}.category-legend-item:hover{background:var(--surface-hover)}.category-color-dot{border-radius:4px;flex-shrink:0;width:12px;height:12px}.category-legend-name{color:var(--text-primary);flex:1;font-size:.85rem;font-weight:500}.category-legend-amount{color:var(--text-secondary);font-size:.85rem;font-weight:600}.category-legend-pct{color:var(--text-secondary);text-align:right;min-width:40px;font-size:.75rem}.category-detail-section{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:14px;padding:1.2rem;animation:.4s ease-out reportCardIn}.category-detail-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.category-detail-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.category-detail-close{background:var(--surface-hover);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.category-detail-close:hover{color:var(--error-color);background:#ff4b4b26}.category-detail-list{flex-direction:column;gap:.4rem;display:flex}.category-detail-item{background:var(--overlay-light-03);border:1px solid var(--surface-4);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.category-detail-item-name{color:var(--text-primary);font-size:.85rem}.category-detail-item-date{color:var(--text-secondary);font-size:.75rem}.category-detail-item-amount{font-size:.85rem;font-weight:600}.category-detail-item-amount.expense{color:var(--error-color)}.category-detail-item-amount.income{color:var(--success-color)}.report-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:3rem;display:flex}.report-loading-spinner{border:3px solid var(--overlay-light-10);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite reportSpin}@keyframes reportSpin{to{transform:rotate(360deg)}}.report-loading-text{font-size:.9rem;font-weight:500}.report-loading-sub{color:var(--text-secondary);opacity:.7;font-size:.8rem}.report-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.report-empty svg{color:var(--text-secondary);opacity:.4}.report-empty-title{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.report-empty-text{color:var(--text-secondary);opacity:.7;font-size:.85rem}.report-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.report-error-text{color:var(--error-color);font-size:.9rem}.report-retry-btn{background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--accent-color);cursor:pointer;border-radius:10px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.report-retry-btn:hover{background:var(--brand-soft)}.report-filter-row{flex-wrap:wrap;gap:.5rem;display:flex}.report-filter-chip{border:1px solid var(--glass-border);background:var(--surface-4);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.report-filter-chip.active{background:var(--brand-soft);border-color:var(--accent-color);color:var(--accent-color)}.report-filter-chip:hover:not(.active){background:var(--overlay-light-08);color:var(--text-primary)}@media (width<=768px){.report-summary-grid{grid-template-columns:repeat(2,1fr)}.report-charts{grid-template-columns:1fr}.report-header{flex-direction:column;align-items:flex-start}.period-label{min-width:140px;font-size:.95rem}.report-card-value{font-size:1.1rem}.finance-report{gap:1rem;padding:1rem}}@media (width<=480px){.report-summary-grid{grid-template-columns:1fr 1fr;gap:.5rem}.report-summary-card{padding:.9rem}.report-card-value{font-size:1rem}}.productivity-section{background:var(--bg-surface,var(--select-option-bg));border:1px solid var(--border-color,var(--glass-border));border-radius:16px;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:flex}.productivity-header{color:var(--text-primary);align-items:center;gap:.75rem;display:flex}.productivity-header h3{margin:0;font-size:1.1rem;font-weight:600}.productivity-header svg{color:var(--success)}.productivity-empty{color:var(--text-secondary);text-align:center;background:var(--overlay-dark-35);border:1px dashed var(--border-color,var(--glass-border));border-radius:12px;padding:2rem 0;font-size:.95rem}.productivity-list{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.productivity-list::-webkit-scrollbar{width:6px}.productivity-list::-webkit-scrollbar-track{background:0 0}.productivity-list::-webkit-scrollbar-thumb{background:var(--border-color,var(--glass-border));border-radius:3px}.productivity-item{background:var(--surface-3);border:1px solid var(--border-color,var(--glass-border));border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.productivity-item:hover{background:var(--surface-1);transform:translateY(-1px)}.productivity-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.report-note-item .productivity-item-icon{background:var(--brand-soft);color:var(--brand-text)}.report-todo-item .productivity-item-icon{background:var(--success-soft);color:var(--success-text)}.productivity-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.productivity-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.productivity-item-date{color:var(--text-secondary);font-size:.8rem}.productivity-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.note-badge{background:var(--brand-soft);color:var(--brand-text);border:1px solid var(--brand-border)}.todo-badge{background:var(--success-soft);color:var(--success-text);border:1px solid var(--success-soft)}.report-type-cards{gap:1rem;margin-bottom:1.5rem;display:flex}.type-card{background:var(--bg-surface,var(--select-option-bg));border:1px solid var(--border-color,var(--glass-border));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;flex:1;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.type-card:hover{background:#1e293bcc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.type-card.active{border-color:var(--brand);background:var(--brand-softer);box-shadow:0 0 0 1px var(--brand)}.type-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.finance-icon{background:var(--brand-soft);color:var(--brand-text)}.productivity-icon{background:var(--success-soft);color:var(--success-text)}.type-card-content{flex-direction:column;gap:.25rem;display:flex}.type-card-content h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.type-card-sub{color:var(--text-secondary);font-size:1.1rem;font-weight:700}@media (width<=480px){.report-type-cards{flex-direction:column;gap:.75rem}}.cashflow-chart-container{flex-direction:column;gap:1.2rem;width:100%;display:flex}.cashflow-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.cashflow-title-wrapper{align-items:center;gap:.6rem;display:flex}.cashflow-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.cashflow-title svg{color:var(--accent-color)}.cashflow-mode-tabs{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:12px;gap:3px;padding:3px;display:flex}.cashflow-mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.cashflow-mode-btn:hover{color:var(--text-primary);background:var(--overlay-light-05)}.cashflow-mode-btn.active{background:linear-gradient(135deg, var(--brand-soft), var(--brand-soft));color:var(--text-primary);border:1px solid var(--brand-border);box-shadow:0 2px 10px var(--brand-soft)}.cashflow-stats-bar{flex-wrap:wrap;gap:1rem;display:flex}.cashflow-stat-chip{background:var(--overlay-light-03);border:1px solid var(--surface-hover);border-radius:12px;flex-direction:column;flex:1;gap:.2rem;min-width:150px;padding:.75rem 1rem;display:flex}.cashflow-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:500}.cashflow-stat-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.cashflow-stat-value.expense{color:var(--error-color)}.cashflow-stat-value.income{color:var(--success-color)}.cashflow-svg-box{background:var(--overlay-dark-35);border:1px solid var(--surface-hover);border-radius:14px;width:100%;padding:1rem .5rem .5rem;position:relative;overflow:hidden}.cashflow-svg{width:100%;height:280px;display:block;overflow:visible}.chart-hover-line{stroke:var(--scrollbar-thumb-hover);stroke-dasharray:4 4;stroke-width:1.5px;pointer-events:none}.chart-hover-zone{fill:#0000;cursor:pointer}.chart-hover-zone:hover{fill:var(--overlay-light-03)}.cashflow-tooltip{background:var(--surface-1);-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-light-10);pointer-events:none;z-index:20;border-radius:12px;min-width:210px;padding:.9rem 1.1rem;animation:.2s ease-out tooltipFadeIn;position:absolute;top:15px;right:15px;box-shadow:0 10px 30px #00000080}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-date{color:var(--text-primary);border-bottom:1px solid var(--overlay-light-10);margin-bottom:.5rem;padding-bottom:.4rem;font-size:.85rem;font-weight:700}.tooltip-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.82rem;display:flex}.tooltip-row-label{color:var(--text-secondary);align-items:center;gap:.4rem;display:flex}.tooltip-dot{border-radius:50%;width:8px;height:8px}.tooltip-dot.income{background:var(--success-color)}.tooltip-dot.expense{background:var(--error-color)}.tooltip-dot.net{background:var(--brand)}.tooltip-val{font-weight:700}.tooltip-val.income{color:var(--success-color)}.tooltip-val.expense{color:var(--error-color)}.tooltip-net{border-top:1px dashed var(--overlay-light-10);margin-top:.45rem;padding-top:.45rem}.tooltip-hint{color:var(--text-secondary);text-align:center;margin-top:.3rem;font-size:.72rem;font-style:italic}@media (width<=768px){.cashflow-header{flex-direction:column;align-items:flex-start}.cashflow-mode-tabs{justify-content:space-between;width:100%}.cashflow-mode-btn{flex:1;justify-content:center}.cashflow-svg{height:230px}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.second-brain{flex-direction:column;height:100%;display:flex;overflow:hidden}.brain-sub-nav{border-bottom:1px solid var(--glass-border);flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.brain-sub-btn{background:var(--surface-4);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.brain-sub-btn:hover{background:var(--overlay-light-08);color:var(--text-primary)}.brain-sub-btn.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--accent-color)}.brain-sub-btn svg{width:16px;height:16px}.notes-view{flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex;overflow-y:auto}.note-form{background:var(--surface-4);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1.2rem;animation:.38s cubic-bezier(.16,1,.3,1) 50ms backwards pageStaggerIn;display:flex}.note-form-header{justify-content:space-between;align-items:center;display:flex}.note-form-title{color:var(--text-primary);align-items:center;gap:.4rem;font-size:1rem;font-weight:600;display:flex}.note-form-title svg{color:var(--accent-color)}.note-form-row{flex-wrap:wrap;gap:.5rem;display:flex}.note-form-row>*{flex:1;min-width:120px}.note-form input[type=text],.note-form input[type=number],.note-form textarea,.note-form select{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.note-form input[type=text]:focus,.note-form input[type=number]:focus,.note-form textarea:focus,.note-form select:focus{border-color:var(--accent-color)}.note-form textarea{resize:vertical;min-height:80px}.note-form select option{background:var(--select-option-bg)}.note-form-actions{justify-content:flex-end;gap:.5rem;display:flex}.note-form-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.note-form-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.note-form-btn.secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--glass-border)}.note-form-btn.secondary:hover{background:var(--overlay-light-10);color:var(--text-primary)}.note-form-btn.danger{background:var(--danger);color:#fff}.note-tags-input-wrapper{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:36px;padding:.4rem .6rem;transition:border-color .2s;display:flex}.note-tags-input-wrapper:focus-within{border-color:var(--accent-color)}.note-tag-chip{background:var(--brand-soft);color:var(--accent-color);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.75rem;transition:background .2s;display:flex}.note-tag-chip:hover{background:var(--brand-soft)}.note-tag-chip .remove-tag{font-size:.9rem;line-height:1}.note-tags-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:.2rem 0;font-size:.8rem}.note-tags-dropdown{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border-radius:12px;flex-direction:column;gap:3px;max-height:200px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px #00000073}.note-tags-dropdown-item{color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.note-tags-dropdown-item:hover,.note-tags-dropdown-item.selected{background:var(--brand-soft);color:var(--accent-color)}.note-tags-dropdown-item .tag-count{color:var(--text-secondary);background:var(--surface-hover);border-radius:6px;padding:.1rem .45rem;font-size:.7rem}.notes-list-header{justify-content:space-between;align-items:center;gap:.5rem;animation:.38s cubic-bezier(.16,1,.3,1) .1s backwards pageStaggerIn;display:flex}.notes-list-title{color:var(--text-primary);font-size:1rem;font-weight:600}.notes-search-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;outline:none;width:200px;padding:.45rem .75rem;font-size:.8rem;transition:border-color .2s}.notes-filter-btn:focus{border-color:var(--accent-color)}.container-folder-content{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:1rem;padding-top:.5rem;display:grid}.container-folder-content .notes-empty{grid-column:1/-1}.notes-filter-bar{flex-wrap:wrap;gap:.4rem;animation:.38s cubic-bezier(.16,1,.3,1) .12s backwards pageStaggerIn;display:flex}.notes-filter-btn{background:var(--surface-4);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.notes-filter-btn:hover{background:var(--overlay-light-08)}.notes-filter-btn.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--accent-color)}.notes-tags-filter-bar{flex-wrap:wrap;align-items:center;gap:.35rem;animation:.38s cubic-bezier(.16,1,.3,1) .14s backwards pageStaggerIn;display:flex}.notes-tags-filter-label{color:var(--text-secondary);align-items:center;gap:.3rem;margin-right:.2rem;font-size:.72rem;display:flex}.notes-tag-filter-chip{background:var(--brand-softer);border:1px solid var(--brand-soft);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.22rem .6rem;font-size:.72rem;font-weight:500;transition:all .2s}.notes-tag-filter-chip:hover{background:var(--brand-soft);color:var(--text-primary);border-color:var(--brand-soft)}.notes-tag-filter-chip.active{background:var(--brand-soft);border-color:var(--accent-color);color:var(--accent-color);font-weight:600}.notes-tag-reset-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:.2rem;font-size:.72rem;text-decoration:underline}.notes-tag-reset-btn:hover{color:var(--text-primary)}.para-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.para-badge.project{background:var(--info-soft);color:var(--info-text)}.para-badge.area{background:var(--success-soft);color:var(--success-text)}.para-badge.resource{background:var(--warning-soft);color:var(--warning-text)}.para-badge.archive{color:var(--text-secondary);background:#6b728026}.note-card{background:var(--overlay-light-03);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;flex-direction:column;gap:.35rem;max-width:600px;padding:.9rem 1rem;transition:all .2s;animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex}.note-card:hover{background:var(--surface-hover);border-color:var(--brand-border);transform:translateY(-1px)}.note-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.note-card-title{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600}.note-card-snippet{color:var(--text-secondary);-webkit-line-clamp:3;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.note-card-meta{align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.note-card-container{color:var(--text-secondary);opacity:.7;font-size:.7rem}.note-card-tags{flex-wrap:wrap;gap:.25rem;display:flex}.note-card-tag{color:var(--accent-color);background:var(--brand-softer);border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.note-card-actions{opacity:0;gap:.3rem;transition:opacity .2s;display:flex}.note-card:hover .note-card-actions{opacity:1}.note-action-btn{background:var(--surface-hover);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.note-action-btn:hover{background:var(--overlay-light-10);color:var(--text-primary)}.note-action-btn.delete:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.notes-empty{text-align:center;color:var(--text-secondary);opacity:.7;padding:2rem;font-style:italic}.notes-para-group{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:1rem;animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:grid}.notes-para-group-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);grid-column:1/-1;align-items:center;gap:.4rem;padding:.4rem .5rem 0;font-size:.75rem;font-weight:600;display:flex}.notes-para-group-count{background:var(--surface-hover);color:var(--text-secondary);border-radius:6px;padding:.1rem .4rem;font-size:.7rem}.notes-pagination{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:.4rem .5rem;display:flex}.notes-page-btn{background:var(--overlay-light-05);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.notes-page-btn:hover:not(:disabled){background:var(--brand-soft);color:var(--accent-color);border-color:var(--brand-border)}.notes-page-btn:disabled{opacity:.35;cursor:not-allowed}.notes-page-numbers{align-items:center;gap:.25rem;display:flex}.notes-page-num-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 .3rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.notes-page-num-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.notes-page-num-btn.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--accent-color);font-weight:600}.notes-page-ellipsis{color:var(--text-secondary);padding:0 .2rem;font-size:.75rem}.whiteboard-view{height:100%;display:flex;overflow:hidden}.wb-sidebar{border-right:1px solid var(--glass-border);background:var(--overlay-dark-35);flex-direction:column;width:280px;min-width:280px;display:flex;position:relative;overflow:hidden}.wb-sidebar-header{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.wb-sidebar-title{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.wb-sidebar-search{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:.4rem .7rem;font-size:.8rem;transition:border-color .2s}.wb-sidebar-search:focus{border-color:var(--accent-color)}.wb-sidebar-filters{flex-wrap:wrap;gap:.3rem;display:flex}.wb-filter-chip{background:var(--surface-4);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:500;transition:all .2s}.wb-filter-chip:hover{background:var(--overlay-light-08)}.wb-filter-chip.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--accent-color)}.wb-sidebar-list{flex-direction:column;flex:1;gap:.4rem;padding:.5rem;display:flex;overflow-y:auto}.wb-sidebar-item{background:var(--overlay-light-03);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;flex-direction:column;gap:.2rem;padding:.6rem .7rem;transition:all .2s;display:flex;position:relative}.wb-sidebar-item:hover{background:var(--brand-softer);border-color:var(--brand-soft)}.wb-sidebar-item:active{transform:scale(.985)}.wb-sidebar-item-row{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.wb-sidebar-item-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.wb-sidebar-item-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:500;overflow:hidden}.wb-sidebar-item-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.wb-sidebar-item.is-on-board{opacity:.65;border-color:var(--brand-border)}.wb-add-card-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.wb-add-card-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-on-accent);transform:scale(1.08)}.wb-remove-card-btn{background:var(--danger-soft);border:1px solid var(--brand-border);color:var(--danger);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.wb-remove-card-btn:hover{background:var(--danger);border-color:var(--danger);color:var(--text-on-accent);transform:scale(1.08)}.whiteboard-view.is-fullscreen{z-index:999999!important;background:var(--bg-app)!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.wb-canvas-area{flex:1;position:relative;overflow:hidden}.react-flow__controls{overflow:hidden;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-radius:14px!important;flex-direction:column!important;gap:6px!important;padding:6px!important;display:flex!important;box-shadow:0 8px 32px #00000073!important}.react-flow__controls-button{background:var(--overlay-light-08)!important;border:1px solid var(--overlay-light-10)!important;width:34px!important;height:34px!important;color:var(--text-primary)!important;fill:var(--text-primary)!important;cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.react-flow__controls-button svg{fill:var(--text-primary)!important;max-width:15px!important;max-height:15px!important}.react-flow__controls-button:hover{transform:scale(1.06);background:var(--brand-soft)!important;border-color:var(--brand-border)!important}.react-flow__controls-button:hover svg{fill:var(--text-on-accent)!important}.react-flow__controls-button:active{transform:scale(.95)}.react-flow__minimap{overflow:hidden;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-radius:14px!important;margin:14px!important;box-shadow:0 8px 32px #00000073!important}.wb-toolbar{z-index:10;gap:.4rem;display:flex;position:absolute;top:.75rem;right:.75rem}.wb-toolbar-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.wb-toolbar-btn:hover{background:var(--overlay-light-10);color:var(--text-primary)}.wb-toolbar-btn.primary{background:var(--brand-soft);border-color:var(--brand-border);color:var(--accent-color)}.wb-toolbar-btn.primary:hover{background:var(--brand-soft)}.wb-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.note-rf-node{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:180px;max-width:250px;padding:.8rem;transition:all .2s}.note-rf-node:hover{border-color:var(--brand-border);box-shadow:0 4px 20px #0000004d}.note-rf-node-title{color:var(--text-primary);margin-bottom:.3rem;font-size:.82rem;font-weight:600}.note-rf-node-content{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.note-rf-node-footer{justify-content:space-between;align-items:center;display:flex}.note-rf-node-remove{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.note-rf-node:hover .note-rf-node-remove{opacity:1}.note-rf-node-remove:hover{color:var(--danger);background:var(--danger-soft)}.wb-canvas-area .react-flow__background{background:0 0!important}.wb-canvas-area .react-flow__edge-path{stroke-width:2px}.wb-canvas-area .react-flow__edge.suggested .react-flow__edge-path{stroke:var(--scrollbar-thumb-hover);stroke-dasharray:6 4}.wb-canvas-area .react-flow__edge.confirmed .react-flow__edge-path{stroke:var(--accent-color)}.wb-edge-label{background:var(--surface-1);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:6px;max-width:140px;padding:.2rem .5rem;font-size:.65rem;transition:all .2s}.wb-edge-label:hover{border-color:var(--accent-color);color:var(--text-primary)}.link-suggestion-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:15;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:calc(100% - 32px);padding:.55rem .9rem;animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.link-threshold-control{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.link-threshold-control input[type=range]{width:80px;accent-color:var(--accent-color)}.link-suggestion-status{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.link-suggestion-status .spinner{border:2px solid var(--glass-border);border-top-color:var(--accent-color);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.edge-action-popover{background:var(--surface-1);border:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:.5rem;min-width:200px;padding:.8rem;animation:.2s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex;position:fixed}.edge-action-info{color:var(--text-primary);font-size:.8rem;font-weight:500}.edge-action-reason{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.edge-action-score{color:var(--accent-color);font-size:.7rem}.edge-action-buttons{gap:.4rem;display:flex}.edge-action-buttons button{cursor:pointer;border:1px solid var(--glass-border);border-radius:8px;flex:1;padding:.4rem;font-size:.75rem;font-weight:500;transition:all .2s}.edge-action-buttons .confirm-btn{background:var(--success-soft);color:var(--success-text);border-color:var(--success-soft)}.edge-action-buttons .confirm-btn:hover{background:var(--success-soft)}.edge-action-buttons .reject-btn{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}.edge-action-buttons .reject-btn:hover{background:var(--danger-soft)}.wb-canvas-area.drop-active{outline:2px dashed var(--brand-border);outline-offset:-4px}.container-folder-list{flex-direction:column;gap:.5rem;animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex}.container-explorer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;animation:.38s cubic-bezier(.16,1,.3,1) 50ms backwards pageStaggerIn;display:flex}.container-explorer-title-area{flex-direction:column;gap:.35rem;display:flex}.container-explorer-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.container-explorer-title svg{color:var(--accent-color)}.container-explorer-stats{flex-wrap:wrap;gap:.4rem;display:flex}.container-stat-badge{color:var(--text-secondary);background:var(--surface-hover);border-radius:6px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.7rem;display:inline-flex}.container-folder{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.38s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;overflow:hidden}.container-folder:hover{border-color:var(--brand-border);background:var(--surface-hover)}.container-folder.expanded{border-color:var(--brand-border);background:var(--overlay-light-05);box-shadow:0 4px 20px #0003}.container-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .9rem;transition:all .2s;display:flex}.container-folder-header:hover{background:var(--overlay-light-05)}.container-folder.expanded .container-folder-header{border-bottom:1px solid var(--glass-border);background:var(--overlay-light-05)}.container-folder-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.container-folder-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.container-folder-chevron.expanded{color:var(--accent-color);transform:rotate(90deg)}.container-folder-icon{color:var(--accent-color);flex-shrink:0}.container-folder-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.container-rename-input{background:var(--surface-2);border:1px solid var(--accent-color);color:var(--text-primary);border-radius:6px;outline:none;flex:1;min-width:60px;padding:.2rem .5rem;font-size:.85rem;font-weight:600;box-shadow:0 0 0 2px #6366f133}.container-folder-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.container-category-chips{align-items:center;gap:.25rem;display:flex}.container-cat-chip{background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:5px;align-items:center;gap:.2rem;padding:.1rem .35rem;font-size:.6rem;display:inline-flex}.container-cat-chip.project{background:var(--brand-soft);border-color:var(--brand-border)}.container-cat-chip.area{background:var(--success-soft);border-color:#10b9814d}.container-cat-chip.resource{background:var(--warning-soft);border-color:#f59e0b4d}.container-cat-chip.archive{background:#6b728026;border-color:#6b728033}.container-cat-count{font-weight:600}.container-folder-count{color:var(--text-secondary);background:var(--surface-2);text-align:center;border-radius:12px;min-width:20px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.container-flashcard-btn{color:var(--accent-color);cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:.25rem;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.container-flashcard-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.container-flashcard-btn:active{box-shadow:none;transform:translateY(0)}.container-flashcard-btn svg{width:14px;height:14px}.container-context-btn{color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.container-folder:hover .container-context-btn,.container-folder.expanded .container-context-btn{opacity:1}.container-context-btn:hover{background:var(--overlay-light-10);color:var(--text-primary);border-color:var(--glass-border)}.container-folder-content{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:1rem;padding:.6rem .9rem .9rem;animation:.3s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:grid}.container-folder-content .note-card{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:10px;flex:220px;min-width:180px;max-width:300px;padding:.7rem .85rem;animation:.3s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn}.container-folder-content .note-card:hover{background:var(--brand-softer);border-color:var(--brand-border);transform:translateY(-2px)}.container-folder-content .note-card-header{flex-wrap:nowrap}.container-folder-content .note-card-snippet{-webkit-line-clamp:2}.container-folder-content .note-card-title{font-size:.82rem}.container-folder-content .note-card-meta{flex-wrap:wrap;margin-top:.1rem}.container-folder-content .note-card-tags{gap:.2rem}.note-detail-overlay{z-index:99999;background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;padding:1rem;animation:.25s cubic-bezier(.16,1,.3,1) pageStaggerIn;display:flex;position:fixed;inset:0}.note-detail-modal{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;width:100%;max-width:960px;height:min(82vh,640px);animation:.3s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3}.note-detail-left{border-right:1px solid var(--glass-border);flex-direction:column;flex:1;min-width:0;display:flex}.note-detail-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.note-detail-title{color:var(--text-primary);word-break:break-word;flex:1;min-width:0;margin:0;font-size:1.2rem;font-weight:700;line-height:1.35}.note-detail-close-btn{background:var(--overlay-light-05);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.note-detail-close-btn:hover{background:var(--overlay-light-10);color:var(--text-primary);border-color:var(--accent-color)}.note-detail-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.note-detail-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.8}.note-detail-empty{height:100%;min-height:120px;color:var(--text-secondary);opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-style:italic;display:flex}.note-detail-empty svg{opacity:.4}.note-detail-right{background:var(--overlay-dark-15);flex-direction:column;width:260px;min-width:260px;display:flex}.note-detail-meta-section{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.note-detail-meta-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:flex}.note-detail-meta-section-title svg{color:var(--accent-color)}.note-detail-meta-row{border-radius:8px;flex-direction:column;gap:.2rem;padding:.4rem .5rem;transition:background .15s;display:flex}.note-detail-meta-row:hover{background:var(--overlay-light-03)}.note-detail-meta-row.tags-row{gap:.3rem}.note-detail-meta-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);opacity:.7;font-size:.65rem;font-weight:600}.note-detail-meta-value{color:var(--text-primary);align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.note-detail-meta-value.date{color:var(--text-secondary);font-size:.72rem;font-weight:400}.note-detail-meta-value svg{color:var(--accent-color);flex-shrink:0}.note-detail-tags{flex-wrap:wrap;gap:.25rem;display:flex}.note-detail-url{color:var(--accent-color);word-break:break-all;align-items:center;gap:.35rem;font-size:.75rem;text-decoration:none;transition:all .15s;display:flex}.note-detail-url:hover{opacity:.8;text-decoration:underline}.note-detail-actions{border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.note-detail-edit-btn{background:linear-gradient(135deg, var(--accent-color), #3b82f6);color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #3b82f64d}.note-detail-edit-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.note-detail-edit-btn:active{transform:translateY(0)}.note-edit-left{border-right:1px solid var(--glass-border);flex-direction:column;flex:1;min-width:0;display:flex}.note-edit-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.note-edit-title-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1.2rem;font-weight:700;line-height:1.35}.note-edit-title-input::placeholder{color:var(--text-secondary);opacity:.5}.note-edit-close-btn{background:var(--overlay-light-05);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.note-edit-close-btn:hover{background:var(--overlay-light-10);color:var(--text-primary);border-color:var(--accent-color)}.note-edit-content{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.note-edit-content .md-editor{flex-direction:column;flex:1;height:100%;display:flex}.note-edit-content .md-editor-textarea{resize:none;color:var(--text-primary);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:1.25rem 1.5rem;font-size:.92rem;line-height:1.8}.note-edit-content .md-editor-toolbar{border-bottom:1px solid var(--glass-border);background:var(--overlay-dark-15);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.5rem 1.5rem;display:flex}.md-toolbar-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.2rem .5rem;font-size:.8rem;transition:all .15s;display:flex}.md-toolbar-btn:hover{background:var(--overlay-light-10);color:var(--text-primary);border-color:var(--glass-border)}.note-edit-right{background:var(--overlay-dark-15);flex-direction:column;width:260px;min-width:260px;display:flex}.note-edit-meta-section{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.note-edit-actions{border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.note-edit-meta-row{flex-direction:column;gap:.4rem;display:flex}.note-edit-meta-label{text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:600}.note-edit-meta-section-title{color:var(--text-primary);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.note-edit-meta-section-title svg{color:var(--accent-color)}.note-edit-tags-wrap{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:38px;padding:.4rem .6rem;transition:all .2s;display:flex}.note-edit-tags-wrap:focus-within{border-color:var(--accent-color)}.note-edit-tag-input{min-width:60px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.8rem}.note-edit-tag-chip{padding:.15rem .5rem;font-size:.75rem}.md-preview-area{color:var(--text-primary);flex:1;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.md-preview-empty{color:var(--text-secondary);opacity:.7;justify-content:center;align-items:center;height:100%;font-style:italic;display:flex}.md-preview-area h1,.md-preview-area h2,.md-preview-area h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:700;line-height:1.3}.md-preview-area h1:first-child,.md-preview-area h2:first-child,.md-preview-area h3:first-child{margin-top:0}.md-preview-area h1{border-bottom:1px solid var(--glass-border);padding-bottom:.3rem;font-size:1.6rem}.md-preview-area h2{font-size:1.3rem}.md-preview-area h3{font-size:1.1rem}.md-preview-area p{margin-bottom:1rem}.md-preview-area ul,.md-preview-area ol{margin-bottom:1rem;padding-left:1.5rem}.md-preview-area li{margin-bottom:.3rem}.md-preview-area code{background:var(--surface-1);color:var(--accent-color);border-radius:4px;padding:.2rem .4rem;font-family:Fira Code,monospace;font-size:.85em}.md-preview-area pre{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.md-preview-area pre code{color:inherit;background:0 0;padding:0;font-size:.85rem}.md-preview-area blockquote{border-left:3px solid var(--accent-color);color:var(--text-secondary);background:var(--overlay-light-03);border-radius:0 8px 8px 0;margin:1rem 0;padding:.5rem 1rem;font-style:italic}.md-preview-area a{color:var(--accent-color);text-decoration:none}.md-preview-area a:hover{text-decoration:underline}.note-edit-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;outline:none;width:100%;padding:.6rem .8rem;font-size:.85rem;transition:all .2s}.note-edit-input:focus{border-color:var(--accent-color)}.note-edit-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.note-edit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.note-edit-btn.secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--glass-border)}.note-edit-btn.secondary:hover{background:var(--overlay-light-10);color:var(--text-primary)}.note-edit-btn.danger{background:var(--danger);color:#fff}.global-note-card{background:var(--overlay-light-03);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:12px;flex-direction:column;gap:.5rem;min-width:180px;max-width:280px;padding:.8rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.global-note-card:hover{background:var(--brand-softer);border-color:var(--brand-border);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.global-note-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.global-note-card-title{color:var(--text-primary);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.global-note-card-actions{opacity:0;gap:.3rem;transition:opacity .2s;display:flex}.global-note-card:hover .global-note-card-actions{opacity:1}.global-note-card-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.global-note-card-btn:hover{background:var(--overlay-light-10);color:var(--text-primary)}.global-note-card-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.global-note-card-content{color:var(--text-secondary);-webkit-line-clamp:4;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.global-note-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.2rem;display:flex}.global-note-card-tags{flex-wrap:wrap;gap:.25rem;display:flex}.global-note-card-tag{color:var(--accent-color);background:var(--overlay-dark-15);border-radius:4px;padding:.15rem .45rem;font-size:.65rem}@media (width<=640px){.note-detail-modal{flex-direction:column;max-width:100%;height:min(90vh,600px)}.note-detail-left{border-right:none;border-bottom:1px solid var(--glass-border);flex:none;max-height:60%}.note-detail-right{width:100%;min-width:unset;flex:1}.note-detail-header{padding:1rem}.note-detail-title{font-size:1rem}.note-detail-content{padding:1rem}.note-detail-meta-section{padding:.75rem}}.container-context-overlay{z-index:99998;background:0 0;position:fixed;inset:0}.container-context-menu{z-index:99999;background:var(--surface-1);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;flex-direction:column;gap:2px;min-width:200px;padding:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) backwards pageStaggerIn;display:flex;position:fixed;box-shadow:0 12px 40px #00000080}.container-context-menu-header{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.2rem;padding:.4rem .6rem;font-size:.75rem;font-weight:600;overflow:hidden}.container-context-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;font-size:.8rem;transition:all .15s;display:flex}.container-context-menu-item:hover{background:var(--brand-soft);color:var(--accent-color)}.container-context-menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.container-context-menu-item svg{flex-shrink:0}.md-editor{background:var(--overlay-light-03);border:1px solid var(--glass-border);border-radius:0;flex-direction:column;flex:1;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.md-editor:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f11a}.md-editor-toolbar{background:var(--surface-hover);border-bottom:1px solid var(--glass-border);scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.25rem;padding:.5rem;display:flex;overflow-x:auto}.md-editor-toolbar::-webkit-scrollbar{display:none}.md-toolbar-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:auto;min-width:28px;height:28px;padding:0 .35rem;font-size:.85rem;transition:all .2s;display:flex}.md-toolbar-btn:hover{background:var(--overlay-light-10);color:var(--text-primary)}.md-toolbar-btn svg{width:14px;height:14px}.md-toolbar-sep{background:var(--glass-border);width:1px;height:16px;margin:0 .25rem}.md-editor textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:200px;padding:1rem;font-family:inherit;font-size:.9rem;line-height:1.6}.md-editor textarea::placeholder{color:var(--text-tertiary)}@media (width<=1024px){.link-suggestion-panel{border-radius:12px;gap:.4rem;padding:.45rem .7rem;bottom:.65rem}.wb-toolbar-btn{padding:.38rem .65rem!important;font-size:.74rem!important}.react-flow__minimap{display:none!important}}@media (width<=768px){.wb-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--glass-border);max-height:40%}.whiteboard-view{flex-direction:column}.link-suggestion-panel{gap:.35rem;width:calc(100% - 24px);bottom:.5rem}.link-threshold-control{justify-content:center;width:100%}}.login-container{background:var(--bg-app);z-index:1000;justify-content:center;align-items:center;font-family:Inter,Roboto,sans-serif;display:flex;position:fixed;inset:0}.login-card{background:var(--overlay-light-03);-webkit-backdrop-filter:blur(15px);border:1px solid var(--overlay-light-05);border-radius:20px;width:100%;max-width:400px;padding:2.5rem;animation:.5s ease-out fadeIn;box-shadow:0 8px 32px #0000004d}.login-title{color:var(--text-on-accent);text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.95rem}.login-error{color:var(--danger-text);text-align:center;background:#ff4b4b1a;border:1px solid #ff4b4b33;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input{border:1px solid var(--overlay-light-10);width:100%;color:var(--text-on-accent);box-sizing:border-box;background:#0003;border-radius:10px;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--brand);background:#0000004d;outline:none;box-shadow:0 0 0 2px #6c5ce733}.login-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #6c5ce766}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}.toggle-mode-btn{color:var(--brand-text);cursor:pointer;background:0 0;border:none;margin-left:.3rem;padding:0;font-size:.9rem;font-weight:600;transition:color .2s}.toggle-mode-btn:hover{color:var(--text-on-accent);text-decoration:underline}.divider{text-align:center;color:var(--text-secondary);align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--overlay-light-10);flex:1}.divider span{padding:0 10px}.google-btn{background:var(--overlay-light-08);border:1px solid var(--glass-border);width:100%;color:var(--text-on-accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:1rem 1.2rem;font-size:1.05rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #00000040}.google-btn:hover:not(:disabled){background:var(--overlay-light-10);border-color:var(--brand-border);box-shadow:0 8px 25px var(--overlay-light-10);transform:translateY(-2px)}.google-btn:active:not(:disabled){transform:translateY(0)}.google-btn:disabled{opacity:.6;cursor:not-allowed}