:root{--bg-main:#4d4646;--bg-header:#4d4646f2;--bg-surface:#575050d9;--bg-overlay:#0009;--bg-modal:#575050f2;--bg-input:#3c3737cc;--text-main:#fff;--text-muted:#f9a8d4;--text-accent:#fb923c;--root-bg:#6b728066;--border-light:#f472b61f;--border-medium:#f472b633;--border-hover:#f472b659;--btn-bg:#f472b614;--btn-bg-hover:#f472b626;--btn-primary:#f472b6;--btn-primary-hover:#ec4899;--btn-danger-bg:#ef44441a;--btn-danger-border:#ef444433;--success-border:#10b981;--success-bg:#10b98126;--tag-work:#93c5fd;--tag-learning:#c4b5fd;--tag-chores:#fde68a;--tag-work-bg:#1e3a5f;--tag-learning-bg:#1c0d33;--tag-chores-bg:#5a4012;--glow-shadow:#00000080}[data-theme=light]{--bg-main:#f8f9fa;--bg-header:#f8f9faf2;--bg-surface:#fff;--bg-overlay:#fff9;--bg-modal:#fff;--bg-input:#f1f3f5;--text-main:#2a1a1a;--text-muted:#885c5c;--text-accent:#ec4899;--root-bg:#9ca3af66;--border-light:#f472b626;--border-medium:#f472b64d;--border-hover:#f472b680;--btn-bg:#f472b614;--btn-bg-hover:#f472b626;--btn-primary:#ec4899;--btn-primary-hover:#db2777;--btn-danger-bg:#ef44441a;--btn-danger-border:#ef44444d;--success-border:#059669;--success-bg:#10b9811a;--tag-work:#3b82f6;--tag-learning:#8b5cf6;--tag-chores:#f59e0b;--tag-work-bg:#3b82f626;--tag-learning-bg:#8b5cf626;--tag-chores-bg:#f59e0b26;--glow-shadow:#f43f5e33}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-main);min-height:100vh;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s,color .3s}button,input{font:inherit}button{background:0 0;border:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}.brain-dashboard{background:var(--bg-main);height:100vh;color:var(--text-main);flex-direction:column;transition:background .3s,color .3s;display:flex;overflow:hidden}.brain-header{background:var(--bg-header);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .3s,border-color .3s;display:flex}.brain-header-left{align-items:center;gap:10px;display:flex}.brain-logo{font-size:1.4rem}.brain-title{letter-spacing:-.01em;background:linear-gradient(135deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:500}.brain-header-right{align-items:center;gap:12px;display:flex}.brain-user{color:var(--text-muted);font-size:.85rem}.theme-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.2rem;transition:color .2s,transform .2s;display:flex}.theme-toggle-btn:hover{color:var(--text-main);transform:rotate(15deg)}.brain-logout-btn{border:1px solid var(--border-medium);background:var(--btn-bg);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.brain-logout-btn:hover{background:var(--btn-bg-hover);border-color:var(--border-hover);color:var(--text-main)}.brain-error-banner{background:var(--btn-danger-bg);border-bottom:1px solid var(--btn-danger-border);color:#ef4444;text-align:center;flex-shrink:0;padding:8px 20px;font-size:.85rem}.brain-toast{z-index:100;pointer-events:none;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-main);box-shadow:0 4px 12px var(--glow-shadow);border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:500;animation:.3s toastIn,.3s 2.7s forwards toastOut;position:fixed;top:64px;left:50%;transform:translate(-50%)}.brain-toast.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-border)}.brain-toast.error{background:var(--btn-danger-bg);border-color:var(--btn-danger-border);color:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.brain-main{flex:1;position:relative;overflow:hidden}.brain-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.canvas-container{width:100%;height:100%;position:relative}.brain-canvas{cursor:grab;width:100%;height:100%;display:block}.brain-canvas:active{cursor:grabbing}.zoom-controls{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:20px;left:20px}.zoom-btn{background:var(--bg-surface);border:1px solid var(--border-medium);width:36px;height:36px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;transition:all .15s;display:flex}.zoom-btn:hover{background:var(--btn-bg-hover);border-color:var(--border-hover);color:var(--text-main)}.zoom-reset{font-size:1rem}.zoom-indicator{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:10;border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:500;position:absolute;bottom:24px;left:68px}.loading-screen{background:var(--bg-main);min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1rem;display:flex}.loading-spinner{border:3px solid var(--border-light);border-top-color:var(--btn-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.brain-header{padding:10px 14px}.brain-title{font-size:1rem}.brain-user{display:none}.zoom-controls{bottom:12px;left:12px}.zoom-indicator{bottom:16px;left:58px}}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-medium);width:90%;max-width:500px;max-height:90vh;box-shadow:0 20px 40px var(--glow-shadow);border-radius:16px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text-main);font-size:1.25rem;font-weight:500}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;padding:4px;font-size:1.5rem;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--text-main)}.modal-form{flex-direction:column;gap:20px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-group input:not([type=checkbox]),.form-group textarea{background:var(--bg-input);border:1px solid var(--border-medium);width:100%;color:var(--text-main);border-radius:8px;padding:10px 14px;font-size:1rem;transition:all .2s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--btn-primary);box-shadow:0 0 0 2px var(--border-light);outline:none}.links-section{gap:12px}.link-row{align-items:center;gap:8px;display:flex}.link-url-input{flex:2}.link-label-input{flex:1}.link-remove-btn{color:#ef4444;background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.link-remove-btn:hover{color:#fff;background:#ef4444}.add-link-btn{color:var(--text-accent);background:var(--btn-bg);cursor:pointer;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .15s}.add-link-btn:hover{background:var(--btn-bg-hover);color:var(--text-main)}.status-toggle{margin-top:8px}.checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex;color:var(--text-main)!important;font-size:.95rem!important}.checkbox-label input{width:16px;height:16px;accent-color:var(--success-border)}.modal-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:12px;padding-top:20px;display:flex}.modal-actions-right{gap:12px;display:flex}.modal-actions button,.template-card button{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .15s}.btn-secondary{color:var(--text-muted);background:0 0}.btn-secondary:hover{color:var(--text-main);background:var(--btn-bg)}.btn-primary{background:var(--btn-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#ef4444;background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border)}.btn-danger:hover{color:#fff;background:#ef4444}.timeline-panel{background:var(--bg-modal);border-left:1px solid var(--border-medium);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;width:400px;max-width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 24px #0003}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.timeline-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.timeline-header h2{margin:0;font-size:1.25rem;font-weight:500}.timeline-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .15s}.timeline-close-btn:hover{color:var(--text-main)}.timeline-controls{border-bottom:1px solid var(--border-light);background:var(--bg-surface);padding:12px 24px}.timeline-content{flex:1;padding:20px 24px;overflow-y:auto}.timeline-empty{color:var(--text-muted);text-align:center;padding-top:40px}.timeline-list{flex-direction:column;gap:16px;display:flex;position:relative}.timeline-list:before{content:"";background:var(--border-light);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-card{z-index:1;gap:16px;display:flex;position:relative}.timeline-icon{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.timeline-details{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:12px;flex:1;padding:12px}.timeline-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.timeline-time{color:var(--text-muted);font-size:.85rem}.timeline-node-title{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.timeline-diff{background:var(--bg-main);border-radius:8px;padding:8px;font-size:.85rem;overflow-x:auto}.timeline-diff pre{color:var(--text-main);margin:0}.template-modal{width:800px;max-width:95%}.template-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px;display:grid}.template-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.template-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px var(--glow-shadow);transform:translateY(-4px)}.template-icon{font-size:2.49rem}.template-info h3{margin:0 0 8px;font-size:1.1rem}.template-info p{color:var(--text-muted);margin:0 0 12px;font-size:.95rem;line-height:1.4}.template-badge{background:var(--btn-bg);color:var(--text-accent);border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:500;display:inline-block}.view-toggle{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:8px;display:flex;overflow:hidden}.view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:0;padding:6px 12px;font-size:1rem;transition:all .2s;display:flex}.view-btn-icon{justify-content:center;align-items:center;display:flex}.view-btn-text{opacity:0;white-space:nowrap;max-width:0;margin-left:0;font-size:.85rem;transition:max-width .3s,opacity .3s,margin-left .3s;overflow:hidden}.view-btn:hover .view-btn-text{opacity:1;max-width:100px;margin-left:6px}.view-btn:hover{background:var(--btn-bg)}.view-btn.active{background:var(--btn-primary);color:#fff}.tree-view-container{background:var(--bg-main);height:100%;padding:40px;overflow-y:auto}.tree-view-content{max-width:800px;margin:0 auto}.tree-node-children{border-left:1px dashed var(--border-light);margin-top:4px;margin-left:12px;padding-left:24px;transition:border-color .2s}.tree-node-children:hover{border-left-color:var(--border-medium)}.tree-node-content{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin:4px 0;padding:8px 12px;transition:background .15s,border-color .15s;display:flex}.tree-node-content:hover{background:var(--bg-surface);border-color:var(--border-light)}.tree-node-content.completed .tree-node-title{color:var(--success-border)}.tree-node-left{align-items:center;gap:12px;display:flex}.tree-node-title{font-size:1rem;font-weight:500}.root-node>.tree-node-content>.tree-node-left>.tree-node-title{color:var(--text-accent);font-size:1.1rem;font-weight:500}.root-node>.tree-node-content{background:var(--root-bg)!important}.tree-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;transition:all .15s;display:flex}.tree-toggle-btn:hover{background:var(--btn-bg);color:var(--text-main)}.tree-toggle-placeholder{text-align:center;width:24px;color:var(--border-medium);display:inline-block}.tree-node-links{color:var(--text-muted);background:var(--btn-bg);border-radius:4px;padding:2px 6px;font-size:.85rem}.tree-node-actions{opacity:0;transition:opacity .15s}.tree-node-content:hover .tree-node-actions{opacity:1}.tree-add-btn{background:var(--btn-bg);color:var(--text-accent);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;transition:all .15s;display:flex}.tree-add-btn:hover{background:var(--btn-bg-hover);color:var(--text-main)}.analytics-container{background:var(--bg-main);height:100%;padding:40px;overflow-y:auto}.analytics-content{flex-direction:column;gap:32px;max-width:1000px;margin:0 auto;display:flex}.analytics-hero-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.analytics-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000d}.analytics-card:hover{box-shadow:0 8px 24px var(--glow-shadow);border-color:var(--border-hover);transform:translateY(-2px)}.analytics-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:1.1rem;font-weight:500}.analytics-progress-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.analytics-ring{transform:rotate(-90deg)}.analytics-ring-bg{fill:#0000;stroke:var(--border-light);stroke-width:10px}.analytics-ring-fill{fill:#0000;stroke:var(--success-border);stroke-width:10px;stroke-linecap:round;stroke-dasharray:314;transition:stroke-dashoffset 1s ease-out}.analytics-ring-text{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.analytics-ring-percent{color:var(--text-main);font-size:1.8rem;font-weight:500}.analytics-card-subtext{color:var(--text-muted);margin-top:16px;font-size:.95rem}.analytics-big-number{color:var(--text-accent);font-size:4rem;font-weight:500;line-height:1}.analytics-stat-row{border-bottom:1px solid var(--border-light);justify-content:space-between;width:100%;padding:8px 0;display:flex}.analytics-stat-row:last-child{border-bottom:none}.analytics-stat-label{color:var(--text-muted);font-size:1rem}.analytics-stat-value{color:var(--text-main);font-size:1.1rem;font-weight:500}.analytics-chart-section{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:16px;padding:32px}.analytics-section-title{margin:0 0 32px;font-size:1.25rem;font-weight:500}.analytics-bar-chart{justify-content:space-between;align-items:flex-end;height:250px;padding-bottom:24px;display:flex}.analytics-bar-container{flex-direction:column;flex:1;align-items:center;max-width:40px;height:100%;display:flex}.analytics-bar-value{color:var(--text-muted);opacity:0;margin-bottom:8px;font-size:.85rem;font-weight:500;transition:all .2s;transform:translateY(10px)}.analytics-bar-container:hover .analytics-bar-value{opacity:1;transform:translateY(0)}.analytics-bar-track{background:var(--border-light);border-radius:6px 6px 0 0;width:100%;height:100%;position:relative;overflow:hidden}.analytics-bar-fill{background:linear-gradient(to top, var(--btn-primary-hover), var(--btn-primary));border-radius:6px 6px 0 0;width:100%;transition:height 1s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.analytics-bar-container:hover .analytics-bar-fill{filter:brightness(1.2)}.analytics-bar-label{color:var(--text-muted);text-align:center;transform-origin:0 0;white-space:nowrap;margin-top:12px;font-size:.85rem;transform:rotate(-45deg)}.calendar-view-container{background:var(--bg-main);height:100%;display:flex;overflow:hidden}.calendar-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-medium);flex-direction:column;width:320px;min-width:320px;padding:24px;display:flex;overflow-y:auto}.calendar-sidebar h3{color:var(--text-main);margin:0 0 8px}.calendar-subtext{color:var(--text-muted);margin:0 0 20px;font-size:.85rem}.calendar-node-list{flex-direction:column;gap:12px;display:flex}.calendar-draggable-node{background:var(--bg-input);border:1px solid var(--border-medium);cursor:grab;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #0000001a}.calendar-draggable-node:hover{border-color:var(--border-hover);background:var(--btn-bg);transform:translateY(-2px)}.calendar-draggable-node:active{cursor:grabbing}.calendar-empty-list{color:var(--text-muted);text-align:center;padding:20px;font-size:.95rem}.calendar-main{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.calendar-header h2{color:var(--text-main);margin:0;font-size:1.5rem}.calendar-grid-header{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:12px;display:grid}.calendar-day-name{text-align:center;color:var(--text-muted);text-transform:uppercase;font-size:.95rem;font-weight:500}.calendar-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto);gap:12px;display:grid}.calendar-cell{background:var(--bg-surface);border:1px solid var(--border-medium);cursor:pointer;border-radius:12px;flex-direction:column;padding:12px;transition:all .2s;display:flex}.calendar-cell:hover{background-color:var(--bg-input)}.calendar-cell.empty{background:0 0;border-color:#0000}.calendar-cell.today{border-color:var(--btn-primary);background:var(--btn-bg)}.calendar-cell.drag-over{border-color:var(--success-border);background:var(--success-bg);transform:scale(1.02)}.calendar-cell-date{color:var(--text-muted);text-align:right;margin-bottom:8px;font-size:1.1rem;font-weight:500}.calendar-cell.today .calendar-cell-date{color:var(--btn-primary)}.calendar-cell-nodes{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.calendar-planned-node{background:var(--btn-primary);color:#fff;cursor:grab;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:500;overflow:hidden;box-shadow:0 2px 4px #0003}.calendar-planned-node:active{cursor:grabbing}.tag-combobox{gap:8px;margin-top:8px;display:flex}.tag-pill{border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-main);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:.85rem;transition:all .2s}.tag-pill:hover:not(:disabled){border-color:var(--border-hover)}.tag-pill.selected{border-color:var(--text-main)}.tag-pill.work.selected{background:var(--tag-work-bg);border-color:var(--tag-work);color:var(--tag-work)}.tag-pill.learning.selected{background:var(--tag-learning-bg);border-color:var(--tag-learning);color:var(--tag-learning)}.tag-pill.chores.selected{background:var(--tag-chores-bg);border-color:var(--tag-chores);color:var(--tag-chores)}.inherited-tag-note{color:var(--text-muted);margin-top:6px;font-size:.85rem;font-style:italic}.calendar-planned-node.work{background:var(--tag-work-bg);border-left:4px solid var(--tag-work);color:var(--text-main)}.calendar-planned-node.learning{background:var(--tag-learning-bg);border-left:4px solid var(--tag-learning);color:var(--text-main)}.calendar-planned-node.chores{background:var(--tag-chores-bg);border-left:4px solid var(--tag-chores);color:var(--text-main)}.calendar-draggable-node.work{background:var(--tag-work-bg);border-left:4px solid var(--tag-work)}.calendar-draggable-node.learning{background:var(--tag-learning-bg);border-left:4px solid var(--tag-learning)}.calendar-draggable-node.chores{background:var(--tag-chores-bg);border-left:4px solid var(--tag-chores)}.calendar-planned-node.completed{border:1px solid var(--success-border)!important;box-shadow:0 0 0 1px var(--success-border)!important}.tag-badge{text-transform:uppercase;border:1px solid;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.85rem;font-weight:500;display:inline-block}.tag-badge.work{color:var(--tag-work)}.tag-badge.learning{color:var(--tag-learning)}.tag-badge.chores{color:var(--tag-chores)}.status-badge.completed{background:var(--success-border);color:#fff;text-transform:uppercase;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.85rem;font-weight:500}@media (width<=768px){.brain-header{flex-wrap:wrap;gap:8px;padding:10px}.brain-header-left{justify-content:space-between;width:100%}.brain-header-right{justify-content:space-between;gap:8px;width:100%}.view-toggle{width:auto;margin-top:0}.view-btn{padding:6px 10px}.view-btn-text,.brain-user{display:none}.brain-logout-btn{padding:6px 12px;font-size:.8rem}.tree-view-container{padding:10px}.calendar-view-container{flex-direction:column}.calendar-sidebar{border-right:none;border-bottom:1px solid var(--border-medium);width:100%;min-width:100%;height:180px;overflow-y:auto}.calendar-main{padding:12px;overflow-x:auto}.calendar-grid-header,.calendar-grid{min-width:600px}.calendar-cell{min-height:70px;padding:4px}.mobile-date-picker{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-medium);cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-size:1rem}.mobile-day-cell{border:1px solid var(--border-medium);border-radius:12px;min-height:400px;margin-top:16px}.mobile-day-cell .calendar-cell-date{text-align:center;border-bottom:1px solid var(--border-light);margin-bottom:8px;padding:8px;font-size:1.1rem;font-weight:700}.calendar-day-view{flex-direction:column;height:100%;display:flex}.calendar-cell-date{margin-bottom:2px;font-size:.9rem}.analytics-container{padding:10px}.analytics-hero-grid{grid-template-columns:1fr;gap:12px}.analytics-chart-section{padding:12px}.modal-content{width:95%;margin:10px;padding:20px}.timeline-panel{width:100%;max-width:100%}.template-list{grid-template-columns:1fr;padding:10px}.zoom-controls{bottom:16px;left:16px}.zoom-indicator{font-size:.75rem;bottom:20px;left:60px}}.toggles-section{border-top:1px solid var(--border-light);flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;display:flex}.toggle-switch-container{flex-direction:column;gap:4px;display:flex}.toggle-switch-wrapper{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-medium);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-subtext{color:var(--text-muted);margin:0 0 0 56px;font-size:.8rem;line-height:1.4}.search-input{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-medium);border-radius:20px;outline:none;width:200px;padding:6px 12px;font-size:.9rem;transition:all .2s}.search-input:focus{border-color:var(--text-muted);box-shadow:0 0 0 2px var(--border-light);width:250px}@media (width<=768px){.search-input:focus{width:180px}.brain-header-left{flex-wrap:wrap}.search-bar{width:100%;margin-top:8px;margin-left:0!important}.search-input,.search-input:focus{width:100%}}.auth-container{background:var(--bg-main);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 12px 40px #0003}.auth-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-logo{font-size:2rem}.auth-header-text{flex-direction:column;display:flex}.auth-header-text h1{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700;line-height:1.1}.auth-header-text p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.auth-title{color:var(--text-main);margin:0 0 8px;font-size:1.25rem;font-weight:500}.auth-subtitle{color:var(--text-muted);margin-top:0;margin-bottom:24px;font-size:1rem}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-muted);font-size:.95rem;font-weight:500}.input-group input{border:1px solid var(--border-medium);background:var(--bg-main);color:var(--text-main);border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--btn-primary);outline:none;box-shadow:0 0 0 2px #f472b633}.auth-btn{width:100%;color:var(--btn-primary);border:1px solid var(--btn-primary);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:all .2s}.auth-btn:hover:not(:disabled){background:var(--btn-primary);color:#fff;transform:translateY(-1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:24px;padding:12px;font-size:.95rem}.auth-switch{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.95rem}.auth-switch a{color:var(--btn-primary);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-theme-toggle{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #0000001a}.auth-theme-toggle:hover{background:var(--bg-elevated);transform:scale(1.1)}