:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #f7f8f9;--bg-page: #fafafa;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #6b7280;--border-color: #e5e7eb;--border-light: rgba(0, 0, 0, .08);--accent: #667eea;--accent-hover: #5568d3;--accent-light: rgba(102, 126, 234, .1);--success: #34c759;--danger: #ff3b30;--danger-hover: #e6342a;--warning: #ffcc00;--info: #007AFF;--card-shadow: 0 8px 20px rgba(0, 0, 0, .08);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .15);--input-bg: rgba(0, 0, 0, .02);--input-bg-hover: rgba(0, 0, 0, .04);--overlay-bg: rgba(0, 0, 0, .5)}[data-theme=dark]{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-page: #000000;--text-primary: #ffffff;--text-secondary: #8e8e93;--text-tertiary: #9ca3af;--border-color: #38383a;--border-light: rgba(255, 255, 255, .1);--accent: #7c84f0;--accent-hover: #6b73e3;--accent-light: rgba(124, 132, 240, .15);--success: #30d158;--danger: #ff453a;--danger-hover: #ff5e55;--warning: #ffd60a;--info: #0a84ff;--card-shadow: 0 8px 20px rgba(0, 0, 0, .3);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .5);--input-bg: rgba(255, 255, 255, .05);--input-bg-hover: rgba(255, 255, 255, .08);--overlay-bg: rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-page);color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none}a:hover{opacity:.8}button{font-family:inherit}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-page);padding:2rem}.login-box{background:var(--bg-primary);padding:3rem 2.5rem;border-radius:24px;width:100%;max-width:420px;border:1px solid var(--border-light)}.login-box h1{margin-bottom:2rem;color:var(--text-primary);text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.03em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.625rem;color:var(--text-primary);font-weight:600;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.form-group input{width:100%;padding:1rem 1.25rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9375rem;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);color:var(--text-primary)}.form-group input::placeholder{color:var(--text-secondary)}.form-group input:focus{outline:none;background:var(--bg-primary);border-color:var(--text-primary)}.btn-primary{width:100%;padding:1rem;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-link{width:100%;padding:.75rem;background:none;color:var(--text-primary);border:none;cursor:pointer;margin-top:1rem;font-size:.875rem;font-weight:500;transition:opacity .2s;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.6}.btn-link:hover{opacity:1}.error{background:#ff3b301a;color:var(--danger);padding:.875rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.message{background:#34c7591a;color:var(--success);padding:.875rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@media(max-width:640px){.login-box{padding:2rem 1.5rem}.login-box h1{font-size:1.75rem}}.user-avatar{border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.user-avatar-small{width:24px;height:24px}.user-avatar-medium{width:32px;height:32px}.user-avatar-large{width:48px;height:48px}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#666;font-weight:600}.user-avatar-small .avatar-placeholder{font-size:11px}.user-avatar-medium .avatar-placeholder{font-size:14px}.user-avatar-large .avatar-placeholder{font-size:20px}.task-card{border-radius:10px;padding:.875rem;transition:box-shadow .25s ease,opacity .3s ease;display:flex;flex-direction:column;gap:.625rem;border:none;height:100%;min-height:120px;position:relative}.task-card:hover{box-shadow:0 8px 25px #0000001a}.task-card.selected{outline:2px solid var(--accent);outline-offset:-2px}.task-card.focused{box-shadow:0 0 0 2px var(--accent-light),0 8px 25px #0000001a}.task-card.completed{opacity:.55}.task-card.completed .task-title{text-decoration:line-through;color:var(--text-secondary)}.task-card.processing{animation:shimmer 1.8s infinite linear,pulse-glow 2.5s infinite ease-in-out;background-size:200% 100%;background-image:linear-gradient(-45deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #667eea00;transform:scale(1)}50%{box-shadow:0 0 20px 4px #667eea26;transform:scale(1.005)}}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start}.task-header-left{display:flex;align-items:center;gap:.75rem}.task-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:var(--bg-primary)}.task-checkbox:hover{border-color:var(--text-secondary);transform:scale(1.05)}.task-checkbox.checked{background:var(--success);border-color:var(--success);color:#fff}.task-checkbox svg{animation:checkmark .3s cubic-bezier(.4,0,.2,1)}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.task-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.task-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.btn-action{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s ease;color:var(--text-primary);text-decoration:none;opacity:.5}.btn-action:hover{background:var(--input-bg-hover);opacity:1}.btn-action:active{background:var(--border-light);transform:scale(.95)}.btn-delete:hover{background:#ff3b301a;color:var(--danger);opacity:1}.task-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.task-title{margin:0;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.35;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;cursor:text}.inline-edit-input{width:100%;margin:0;padding:.125rem .375rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.35;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;border:1px solid var(--accent);border-radius:4px;background:var(--bg-primary);outline:none;box-shadow:0 0 0 2px var(--accent-light)}.task-date{color:var(--text-primary);font-size:.8125rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.7}.task-time{color:var(--text-primary);font-size:.8125rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.8}.task-description{color:var(--text-primary);font-size:.8125rem;line-height:1.45;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;opacity:.7}.task-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.task-tag{display:inline-block;padding:.25rem .625rem;background:var(--input-bg);border-radius:8px;font-size:.75rem;font-weight:500;color:var(--text-primary);opacity:.6}.completed-badge{display:inline-block;padding:.375rem .75rem;background:#34c75933;color:var(--success);border-radius:12px;font-size:.75rem;font-weight:600;align-self:flex-start}.task-meta{padding-top:.5rem;border-top:1px solid var(--border-light);position:relative;display:flex;gap:.5rem;align-items:center}.task-space-badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:4px;background:var(--input-bg);margin-right:8px;color:var(--text-secondary)}.task-space-badge .space-badge-name{font-weight:500}.task-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);opacity:.5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.task-type.clickable{cursor:pointer;transition:opacity .2s}.task-type.clickable:hover{opacity:.8}.category-menu{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--bg-primary);border-radius:12px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);padding:.5rem;min-width:200px;z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-menu-section{margin-bottom:.5rem}.category-menu-section:last-child{margin-bottom:0}.category-menu-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.5rem .75rem .25rem}.category-menu-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:background .2s}.category-menu-item:hover{background:var(--bg-secondary)}.task-priority{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;padding:.25rem}.task-priority:hover{transform:scale(1.15)}.priority-circle{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;display:inline-block;transition:all .2s}.priority-0 .priority-circle,.priority-circle.priority-0{border-color:#d1d1d6;background:transparent}.priority-1 .priority-circle,.priority-circle.priority-1{border-color:#34c759;background:#34c759}.priority-2 .priority-circle,.priority-circle.priority-2{border-color:#fc0;background:#fc0}.priority-3 .priority-circle,.priority-circle.priority-3{border-color:#ff3b30;background:#ff3b30}.priority-menu{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--bg-primary);border-radius:12px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);padding:.5rem;min-width:160px;z-index:100;animation:slideUp .2s ease-out}.priority-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:background .2s}.priority-menu-item:hover{background:var(--bg-secondary)}.meeting-link-section{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.btn-join-meeting{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--input-bg-hover);color:var(--text-primary);border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-join-meeting:hover{background:var(--border-light)}.btn-join-meeting:active{background:var(--border-color)}.edit-modal-overlay{position:fixed!important;inset:0!important;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;box-shadow:var(--modal-shadow);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.btn-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--input-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary);transition:all .2s}.btn-close:hover{background:var(--input-bg-hover)}.edit-modal-content{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 150px)}.edit-field{margin-bottom:1.25rem}.edit-field:last-child{margin-bottom:0}.edit-field label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.edit-field input,.edit-field textarea,.edit-field select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s;background:var(--bg-primary);color:var(--text-primary)}.edit-field input:focus,.edit-field textarea:focus,.edit-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.edit-field textarea{resize:vertical;min-height:80px}.edit-field input[type=color]{height:50px;cursor:pointer}.edit-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--input-bg);color:var(--text-primary)}.btn-cancel:hover{background:var(--input-bg-hover)}.btn-save:hover{background:var(--accent-hover)}.task-assignment{position:relative}.task-card:has(.assign-menu){z-index:100}.task-assignee{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--input-bg);border-radius:14px;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--border-light)}.task-assignee:hover{background:var(--input-bg-hover);border-color:var(--border-color);transform:translateY(-1px);box-shadow:var(--card-shadow)}.task-assignee.has-assignees{background:transparent;border:none;padding:0;gap:0}.task-assignee.has-assignees:hover{background:transparent;border:none;box-shadow:none;transform:scale(1.05)}.task-assignee.has-assignees .assignee-info{display:flex;align-items:center}.task-assignee.has-assignees .user-avatar{border:2px solid var(--bg-primary);margin-left:-10px;transition:transform .2s ease;width:28px!important;height:28px!important}.task-assignee.has-assignees .user-avatar .avatar-placeholder{font-size:12px!important}.task-assignee.has-assignees .user-avatar:first-child{margin-left:0}.task-assignee.has-assignees:hover .user-avatar{margin-left:2px}.task-assignee.has-assignees:hover .user-avatar:first-child{margin-left:0}.assignee-info{display:flex;align-items:center;gap:.625rem}.assignee-name,.member-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.2}.no-assignee{color:var(--text-secondary);font-weight:500}.assign-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);min-width:240px;max-width:320px;z-index:1000;overflow:hidden;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.assign-menu-item{width:100%;padding:.875rem 1rem;border:none;background:transparent;text-align:left;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;position:relative}.assign-menu-item:hover,.assign-menu-item:active{background:var(--accent-light)}.assign-menu-item.selected{background:var(--accent-light);font-weight:600}.assign-menu-item.selected:after{content:"✓";position:absolute;right:1rem;color:var(--accent);font-size:1rem;font-weight:600}.assign-menu-item input[type=checkbox]{accent-color:var(--accent)}.assign-menu-item.unassign{color:var(--danger);font-weight:500;border-bottom:1px solid var(--border-light)}.assign-menu-item.unassign:hover{background:#ff3b3014}.assign-menu-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.subtasks-section{margin-top:.625rem}.subtasks-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;cursor:pointer;border-radius:6px;transition:all .2s;-webkit-user-select:none;user-select:none}.subtasks-header:hover{background:var(--input-bg)}.subtasks-chevron{transition:transform .2s ease;color:var(--text-secondary);flex-shrink:0}.subtasks-chevron.expanded{transform:rotate(0)}.subtasks-chevron:not(.expanded){transform:rotate(-90deg)}.subtasks-count{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.subtasks-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.subtask-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--input-bg);border-radius:7px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.subtask-card:hover{background:var(--input-bg-hover);border-color:var(--border-light)}.subtask-card.completed{opacity:.6}.subtask-card.completed .subtask-title{text-decoration:line-through;color:var(--text-secondary)}.subtask-checkbox{width:16px;height:16px;border:1.5px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:var(--bg-primary)}.subtask-checkbox:hover{border-color:var(--accent);transform:scale(1.08)}.subtask-checkbox.checked{border-color:var(--accent);background:var(--accent);color:#fff}.subtask-checkbox svg{width:11px;height:11px}.subtask-title{flex:1;font-size:.8125rem;color:var(--text-primary);font-weight:400;line-height:1.4}.subtask-delete{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;transition:all .2s;opacity:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.subtask-card:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:var(--danger);transform:scale(1.15)}.subtask-input-card{display:flex;align-items:center;padding:.5rem .75rem;background:var(--input-bg);border-radius:7px;border:1px dashed var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.subtask-input-card:hover,.subtask-input-card:focus-within{background:var(--input-bg-hover);border-color:var(--accent);border-style:solid}.subtask-input-card input{width:100%;border:none;background:transparent;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;color:var(--text-primary);outline:none}.subtask-input-card input::placeholder{color:var(--text-secondary)}.task-recurring-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--accent-light);color:var(--info);border-radius:6px;font-size:.75rem;font-weight:500;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.weekdays-selector{display:flex;gap:.5rem;flex-wrap:wrap}.weekday-checkbox{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--input-bg);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;color:var(--text-primary)}.weekday-checkbox:hover{background:var(--input-bg-hover)}.weekday-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.weekday-checkbox input[type=checkbox]:checked+span{color:var(--info);font-weight:600}@media(max-width:640px){.task-card{min-height:180px;padding:1.25rem}.task-title{font-size:1.125rem}.task-icon{width:48px;height:48px}}.task-input-container{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;padding:0 1rem 2rem;pointer-events:none}.task-input-form{display:flex;align-items:center;gap:.5rem;width:100%;max-width:640px;background:var(--bg-primary);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:.5rem .5rem .5rem 1rem;border-radius:18px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;border:1px solid var(--border-light);transition:border-color .25s ease,box-shadow .25s ease;pointer-events:auto}.task-input-form.focused{border-color:var(--accent);box-shadow:0 8px 32px #0000001f,0 0 0 3px var(--accent-light)}.input-left-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;transition:opacity .2s ease,color .25s ease}.task-input-form.focused .input-left-icon{opacity:1}.input-left-icon.intent-task{color:var(--text-secondary)}.task-input-form.focused .input-left-icon.intent-task{color:var(--accent)}.input-left-icon.intent-question{color:#a855f7;opacity:1}.input-left-icon.intent-plan{color:#f59e0b;opacity:1}.input-left-icon.intent-action{color:#ef4444;opacity:1}.task-input{flex:1;min-width:0;padding:.75rem .5rem;font-size:.9375rem;border:none;background:transparent;font-family:inherit;color:var(--text-primary);font-weight:400;letter-spacing:-.01em;outline:none}.task-input::placeholder{color:var(--text-secondary);font-weight:400}.btn-add{width:44px;height:44px;min-width:44px;border-radius:14px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease;flex-shrink:0;padding:0}.btn-add:hover{background:var(--accent-hover);transform:scale(1.04)}.btn-add:active{transform:scale(.96)}.btn-add-ai{background:linear-gradient(135deg,#a855f7,#6366f1)}.btn-add-ai:hover{background:linear-gradient(135deg,#9333ea,#4f46e5)}.input-error{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.625rem 1rem;background:var(--bg-primary);color:var(--danger);border-radius:12px;font-size:.8125rem;text-align:center;font-weight:500;box-shadow:0 4px 16px #0000001f;border:1px solid var(--danger);white-space:nowrap;pointer-events:auto}.ai-response-panel{width:100%;max-width:640px;background:var(--bg-primary);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014;border:1px solid var(--border-light);margin-bottom:.75rem;padding:1rem;pointer-events:auto;max-height:400px;overflow-y:auto}.ai-thinking{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.ai-thinking-dots{display:flex;gap:4px}.ai-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:thinkingBounce 1.4s ease-in-out infinite}.ai-thinking-dots span:nth-child(2){animation-delay:.16s}.ai-thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes thinkingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-thinking-text{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.ai-answer-section{display:flex;flex-direction:column;gap:.75rem}.ai-answer-text{font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.ai-dismiss-btn{align-self:flex-end;padding:.375rem .875rem;border:none;background:var(--input-bg);color:var(--text-secondary);border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.ai-dismiss-btn:hover{background:var(--input-bg-hover);color:var(--text-primary)}.ai-plan-section{display:flex;flex-direction:column;gap:.75rem}.ai-plan-message{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.ai-plan-tasks{display:flex;flex-direction:column;gap:.375rem}.ai-plan-task-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--input-bg);border-radius:8px;border-left:3px solid #667eea;transition:background .15s ease}.ai-plan-task-item:hover{background:var(--input-bg-hover)}.ai-plan-task-emoji{font-size:1rem;flex-shrink:0}.ai-plan-task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ai-plan-task-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-plan-task-date{font-size:.6875rem;color:var(--text-secondary)}.ai-action-section{display:flex;flex-direction:column;gap:.75rem}.ai-action-confirmation{font-size:.875rem;color:var(--text-primary);line-height:1.5}.ai-plan-actions,.ai-action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.ai-action-btn{padding:.5rem 1rem;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-action-primary{background:var(--accent);color:#fff}.ai-action-primary:hover{background:var(--accent-hover);transform:scale(1.02)}.ai-action-primary:active{transform:scale(.98)}.ai-action-secondary{background:var(--input-bg);color:var(--text-secondary)}.ai-action-secondary:hover{background:var(--input-bg-hover);color:var(--text-primary)}.ai-error-section{display:flex;flex-direction:column;gap:.75rem}.ai-error-text{font-size:.8125rem;color:var(--danger);font-weight:500}@media(max-width:640px){.task-input-container{padding:0 .75rem 1rem}.task-input-form{padding:.375rem .375rem .375rem .875rem;gap:.375rem;border-radius:16px}.task-input{padding:.625rem .375rem;font-size:.875rem}.btn-add{width:40px;height:40px;min-width:40px;border-radius:12px}.ai-response-panel{max-height:300px;padding:.75rem;border-radius:14px}.ai-plan-task-item{padding:.375rem .5rem}}.cp-overlay{position:fixed;inset:0;z-index:9999;background:var(--overlay-bg);display:flex;justify-content:center;padding-top:min(20vh,160px)}.cp-container{width:90%;max-width:580px;max-height:min(70vh,480px);background:var(--bg-primary);border-radius:16px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;height:fit-content}.cp-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.cp-search-icon{color:var(--text-secondary);flex-shrink:0}.cp-input{flex:1;border:none;background:none;font-size:1.0625rem;color:var(--text-primary);outline:none;font-family:inherit;font-weight:400;letter-spacing:-.01em}.cp-input::placeholder{color:var(--text-secondary)}.cp-kbd{font-size:.6875rem;font-family:inherit;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:.2rem .5rem;border-radius:6px;border:1px solid var(--border-light);line-height:1.4;flex-shrink:0}.cp-list{overflow-y:auto;padding:.5rem;overscroll-behavior:contain}.cp-section-header{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:.75rem .75rem .375rem}.cp-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:none;border-radius:10px;background:none;cursor:pointer;font-family:inherit;font-size:.9375rem;color:var(--text-primary);text-align:left;transition:background .1s ease}.cp-item:hover,.cp-item.selected{background:var(--bg-secondary)}.cp-item.active{color:var(--accent)}.cp-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1rem;flex-shrink:0;background:var(--bg-secondary)}.cp-item-label{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400;white-space:nowrap}.cp-item-enter{color:var(--text-secondary);display:flex;align-items:center;flex-shrink:0}.cp-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9375rem}@media(max-width:640px){.cp-overlay{padding-top:0}.cp-container{width:100%;max-width:100%;max-height:100vh;border-radius:0;border:none}.cp-kbd{display:none}}.toast-container{position:fixed;bottom:6rem;left:0;right:0;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--text-primary);color:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px #0003;font-size:.875rem;font-weight:500;font-family:inherit;pointer-events:auto;max-width:420px}.toast-message{flex:1}.toast-action{padding:.25rem .75rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s;white-space:nowrap}.toast-action:hover{opacity:.85}.toast-dismiss{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--bg-primary);opacity:.5;cursor:pointer;padding:.125rem;transition:opacity .15s}.toast-dismiss:hover{opacity:1}@media(max-width:640px){.toast-container{bottom:5rem;padding:0 1rem}.toast-item{width:100%;max-width:100%}}.create-workspace-modal{max-width:500px;width:90%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#007aff}.form-hint{margin-top:6px;font-size:12px;color:#666}.error-message{padding:12px;background:#fee;border-left:3px solid #f44;border-radius:4px;color:#c00;font-size:14px;margin-bottom:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover:not(:disabled){background:#06d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.invite-member-modal{max-width:500px;width:90%}.success-message{text-align:center;padding:40px 20px}.success-icon{width:60px;height:60px;margin:0 auto 20px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{margin:0 0 8px;font-size:20px;color:#333}.success-message p{margin:0;color:#666;font-size:14px}.team-settings-modal{max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.workspace-name{color:#666;font-size:14px;margin-top:4px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.btn-invite{padding:8px 16px;background:#007aff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-invite:hover{background:#06d}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border-radius:8px}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:600}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.member-email{font-size:13px;color:#666;margin-top:2px}.badge-you{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.member-actions{display:flex;align-items:center;gap:8px}.role-select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;background:#fff}.role-badge{padding:4px 12px;background:#e0e0e0;color:#666;font-size:12px;font-weight:500;border-radius:6px;text-transform:capitalize}.role-badge.role-owner{background:gold;color:#856404}.role-badge.role-admin{background:#e3f2fd;color:#1976d2}.btn-remove{padding:6px 10px;background:none;border:1px solid #ddd;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#fee;border-color:#fbb}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff9e6;border-radius:8px;border-left:3px solid #ffc107}.invitation-info{flex:1}.invitation-email{font-size:14px;font-weight:600;color:#333}.invitation-meta{font-size:12px;color:#666;margin-top:2px}.btn-cancel{padding:6px 12px;background:none;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f0f0f0;border-color:#bbb}.workspace-info{padding:16px;background:#f8f8f8;border-radius:8px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#666;font-weight:500}.info-value{font-size:14px;color:#333}.workspace-icon-display{font-size:24px}.btn-edit-workspace{padding:6px 16px;background:#007aff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:4px}.btn-edit-workspace:hover{background:#06d}.workspace-edit-form{padding:16px;background:#f8f8f8;border-radius:8px;display:flex;flex-direction:column;gap:16px}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field label{font-size:13px;font-weight:600;color:#555}.workspace-icon-input,.workspace-name-input{padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.workspace-icon-input{font-size:24px;text-align:center;width:80px}.workspace-icon-input:focus,.workspace-name-input:focus{outline:none;border-color:#007aff}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn-cancel-edit,.btn-save-edit{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel-edit{background:#e0e0e0;color:#666}.btn-cancel-edit:hover{background:#d0d0d0}.btn-save-edit{background:#007aff;color:#fff}.btn-save-edit:hover{background:#06d}.danger-zone{border:2px solid #ff4444;border-radius:8px;padding:16px;background:#fff5f5}.danger-zone .section-header h3{color:#d32f2f}.danger-zone-content{display:flex;flex-direction:column;gap:12px}.danger-warning{font-size:14px;color:#666;margin:0;line-height:1.5}.btn-delete-workspace{padding:10px 20px;background:#f44;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease;align-self:flex-start}.btn-delete-workspace:hover{background:#d32f2f}@media(max-width:768px){.team-settings-modal{max-width:95%}.member-item{flex-wrap:wrap}.member-actions{width:100%;justify-content:flex-end;margin-top:8px}}.workspace-switcher{position:relative;display:inline-block}.workspace-button{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;background:transparent;border:none;border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.workspace-button:hover{background:var(--input-bg)}.workspace-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:8px;font-size:16px;line-height:1}.workspace-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.workspace-arrow{opacity:.4;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.workspace-button:hover .workspace-arrow{opacity:.7}.workspace-arrow.open{transform:rotate(180deg);opacity:.7}.workspace-backdrop{position:fixed;inset:0;z-index:998}.workspace-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:var(--bg-primary);border-radius:14px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);z-index:999;overflow:hidden;animation:workspaceSlideDown .2s cubic-bezier(.2,.8,.2,1)}@keyframes workspaceSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace-section{padding:6px}.workspace-section:not(:last-child){border-bottom:1px solid var(--border-light)}.workspace-section-title{padding:8px 12px 6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.workspace-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease}.workspace-item:hover{background:var(--input-bg)}.workspace-item.active{background:var(--accent-light);color:var(--info)}.workspace-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border-radius:6px;font-size:14px;line-height:1}.workspace-item.active .workspace-item-icon{background:var(--accent);color:#fff}.workspace-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.workspace-item-check{font-size:14px;color:var(--info);font-weight:600}.workspace-create{color:var(--info);font-weight:500}.workspace-create .workspace-item-icon{background:var(--accent-light);color:var(--info)}.workspace-create:hover{background:var(--accent-light)}@media(max-width:768px){.workspace-name{max-width:80px}.workspace-dropdown{min-width:240px}}.space-switcher{position:relative;margin-left:16px;z-index:100}.space-switcher-button{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000a}.space-switcher-button:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--card-shadow);border-color:var(--border-color)}.space-switcher-button:active{transform:translateY(0)}.space-icon{font-size:18px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.space-name{font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.dropdown-arrow{font-size:10px;opacity:.5;transition:transform .3s ease}.space-switcher-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.space-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:320px;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);z-index:1000;overflow:hidden;animation:menuSlideDown .3s cubic-bezier(.2,.8,.2,1);transform-origin:top left}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.space-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.space-dropdown-header span{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.btn-create-space{width:28px;height:28px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000005}.btn-create-space:hover{background:var(--info);border-color:var(--info);color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #007aff33}.space-list{max-height:400px;overflow-y:auto;padding:8px}.space-list::-webkit-scrollbar{width:6px}.space-list::-webkit-scrollbar-track{background:transparent}.space-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.space-item-wrapper{position:relative;margin-bottom:4px;border-radius:10px;transition:background .2s ease}.space-item-wrapper:hover{background:var(--input-bg)}.space-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-primary);position:relative}.space-item.active{background:var(--accent-light);color:var(--info)}.space-item.active .space-name{font-weight:700}.space-color-indicator{width:8px;height:8px;border-radius:50%;margin-left:auto;box-shadow:0 0 0 2px var(--bg-primary)}.space-item-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:6px;opacity:0;transition:opacity .2s ease;background:linear-gradient(90deg,transparent 0%,var(--bg-primary) 20%);padding-left:20px}.space-item-wrapper:hover .space-item-actions{opacity:1}.btn-edit-space,.btn-delete-space{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-edit-space{background:var(--accent-light);color:var(--info)}.btn-edit-space:hover{background:var(--info);color:#fff}.btn-delete-space{background:#ff3b301a;color:var(--danger)}.btn-delete-space:hover{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.space-modal{background:var(--bg-primary);border-radius:24px;box-shadow:var(--modal-shadow);width:100%;max-width:480px;padding:32px;animation:modalSlideUp .4s cubic-bezier(.2,.8,.2,1);border:1px solid var(--border-color)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.btn-close{background:var(--input-bg);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close:hover{background:var(--input-bg-hover);color:var(--text-primary)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.space-modal input[type=text],.space-modal textarea{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid transparent;border-radius:12px;font-size:16px;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.space-modal input[type=text]:focus,.space-modal textarea:focus{background:var(--bg-primary);border-color:var(--info);box-shadow:0 0 0 4px var(--accent-light);outline:none}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px;padding:16px;background:var(--bg-secondary);border-radius:16px}.icon-option{width:44px;height:44px;border-radius:12px;background:var(--bg-primary);border:2px solid transparent;font-size:22px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000005}.icon-option:hover{transform:translateY(-2px);box-shadow:var(--card-shadow)}.icon-option.selected{border-color:var(--info);background:var(--accent-light);transform:scale(1.05)}.custom-icon-input{width:100%!important;text-align:center;font-size:20px!important;background:var(--bg-primary)!important;padding:0!important;height:44px}.color-picker{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:16px}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-option:hover{transform:scale(1.2)}.color-option.selected{transform:scale(1.2);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--info)}.color-picker input[type=color]{width:32px;height:32px;border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden}.modal-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.btn-secondary{flex:1;padding:14px;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border-color)}.btn-primary{flex:2;padding:14px;background:var(--info);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #007aff4d}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #007aff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.invitation-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;margin:-20px -20px 20px}.invitation-card{display:flex;align-items:center;gap:16px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invitation-icon{font-size:32px;line-height:1}.invitation-content{flex:1}.invitation-title{font-size:14px;font-weight:600;color:#666;margin-bottom:4px}.invitation-message{font-size:15px;color:#333}.invitation-message strong{color:#667eea;font-weight:600}.invitation-actions{display:flex;gap:8px}.btn-accept,.btn-decline{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-accept{background:#4caf50;color:#fff}.btn-accept:hover:not(:disabled){background:#45a049}.btn-decline{background:#f0f0f0;color:#666}.btn-decline:hover:not(:disabled){background:#e0e0e0}.btn-accept:disabled,.btn-decline:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.invitation-card{flex-direction:column;text-align:center}.invitation-actions{width:100%}.btn-accept,.btn-decline{flex:1}}.profile-settings-modal{max-width:500px;width:90%}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--accent-light);border-radius:12px;margin-bottom:24px}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--bg-primary);box-shadow:var(--card-shadow)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px;font-weight:600}.avatar-actions{display:flex;gap:12px}.btn-upload-avatar,.btn-remove-avatar{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-upload-avatar{background:var(--accent);color:#fff}.btn-upload-avatar:hover:not(:disabled){background:var(--accent-hover)}.btn-remove-avatar{background:var(--bg-secondary);color:var(--text-secondary)}.btn-remove-avatar:hover:not(:disabled){background:var(--border-color)}.btn-upload-avatar:disabled,.btn-remove-avatar:disabled{opacity:.5;cursor:not-allowed}.profile-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-field input{padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s;background:var(--bg-primary);color:var(--text-primary)}.form-field input:focus{outline:none;border-color:var(--accent)}.form-field input:disabled{background:var(--bg-secondary);cursor:not-allowed}.form-field small{font-size:12px;color:var(--text-secondary)}.modal-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color)}.footer-left{display:flex}.footer-right{display:flex;gap:12px}.btn-signout-modal{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;background:var(--danger);color:#fff}.btn-signout-modal:hover:not(:disabled){background:var(--danger-hover)}.btn-signout-modal:disabled{opacity:.5;cursor:not-allowed}.btn-cancel,.btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--border-color)}.btn-save{background:var(--accent);color:#fff}.btn-save:hover:not(:disabled){background:var(--accent-hover)}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:12px;background:#ff3b301a;color:var(--danger);border-radius:8px;font-size:14px;margin-top:16px}.document-editor-page{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-page);z-index:100;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}.document-navbar-minimal{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:50;transition:background .2s}.navbar-left,.navbar-right{display:flex;align-items:center;gap:8px}.back-btn{padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.back-btn:hover{background:var(--input-bg)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{font-weight:500}.save-status{font-size:12px;color:var(--text-secondary);margin-right:8px}.icon-btn{padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--input-bg)}.document-scroller{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:var(--bg-page)}.document-container{width:100%;max-width:900px;display:flex;flex-direction:column;position:relative;padding-bottom:30vh}.document-content-area{padding:0 96px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;margin-top:48px}.document-title-input-large{width:100%;font-size:40px;font-weight:700;border:none;outline:none;padding:0;margin-bottom:16px;color:var(--text-primary);background:transparent;line-height:1.2}.document-title-input-large::placeholder{color:var(--text-secondary)}.document-metadata{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;font-size:14px}.metadata-row{display:flex;align-items:center;gap:12px}.metadata-label{width:100px;color:var(--text-secondary);display:flex;align-items:center}.tags-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-pill{background:var(--input-bg);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:13px;display:flex;align-items:center;gap:4px}.tag-pill button{border:none;background:none;padding:0;cursor:pointer;display:flex;color:var(--text-secondary)}.tag-pill button:hover{color:var(--text-primary)}.tag-input-ghost{border:none;outline:none;font-size:13px;background:transparent;color:var(--text-primary);min-width:50px}.metadata-value{color:var(--text-primary)}.divider-horizontal{height:1px;background:var(--border-light);margin:8px 0 24px}.editor-wrapper{position:relative;width:100%}.bubble-menu,.floating-menu{display:flex;background-color:var(--bg-primary);padding:4px;border-radius:8px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);gap:2px}.bubble-menu button,.floating-menu button{border:none;background:none;color:var(--text-primary);font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.bubble-menu button:hover,.floating-menu button:hover{background-color:var(--input-bg)}.bubble-menu button.is-active,.floating-menu button.is-active{color:var(--accent);background-color:var(--accent-light)}.bubble-divider{width:1px;background-color:var(--border-color);margin:0 4px}.ProseMirror{outline:none;min-height:100px;font-size:16px;line-height:1.5;color:var(--text-primary)}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror h1{font-size:30px;font-weight:600;margin-top:32px;margin-bottom:4px;color:var(--text-primary)}.ProseMirror h2{font-size:24px;font-weight:600;margin-top:24px;margin-bottom:4px;color:var(--text-primary)}.ProseMirror h3{font-size:20px;font-weight:600;margin-top:16px;margin-bottom:4px;color:var(--text-primary)}.ProseMirror ul,.ProseMirror ol{padding-left:24px;margin:4px 0}.ProseMirror li{margin-bottom:2px}.ProseMirror code{background:var(--input-bg);color:var(--danger);padding:2px 4px;border-radius:4px;font-size:85%;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.ProseMirror pre{background:var(--bg-secondary);padding:16px;border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;overflow-x:auto;margin:8px 0;border:1px solid var(--border-light)}.ProseMirror pre code{background:none;color:var(--text-primary);padding:0;font-size:14px}@media(max-width:900px){.document-content-area{padding:0 24px}.document-title-input-large{font-size:32px}}.color-picker-group{display:flex;align-items:center;gap:2px}ul[data-type=taskList]{list-style:none;padding:0;margin:0}li[data-type=taskItem]{display:flex;gap:8px;align-items:flex-start;margin-bottom:4px}li[data-type=taskItem] label{margin-top:4px;-webkit-user-select:none;user-select:none;cursor:pointer}li[data-type=taskItem] div{flex:1;min-width:0;margin-left:4px}li[data-type=taskItem] p{margin:0}li[data-type=taskItem] input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--accent)}.collaborators-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--input-bg);border-radius:4px;font-size:12px;color:var(--text-primary)}.collaboration-cursor__caret{border-left:1px solid var(--text-primary);border-right:1px solid var(--text-primary);margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#fff;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;user-select:none;white-space:nowrap}.documents-container{height:100%;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:24px}.documents-header{padding:0 0 24px;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:10}.documents-header-left{display:flex;align-items:center;gap:16px;flex:1}.documents-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;flex:1;max-width:300px;transition:all .2s;background:var(--bg-primary);border:1px solid var(--border-light)}.search-bar:hover{background:var(--bg-secondary)}.search-bar:focus-within{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-bar svg{color:var(--text-secondary);width:16px;height:16px}.search-bar input{border:none;background:none;outline:none;flex:1;font-size:14px;color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-secondary)}.documents-header-right{display:flex;align-items:center;gap:12px}.archive-toggle{padding:8px 12px;border:none;background:var(--bg-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;transition:all .2s;border:1px solid var(--border-light)}.archive-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.archive-toggle.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.create-document-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px;transition:all .2s}.create-document-btn:hover{background:var(--accent-hover)}.documents-grid{flex:1;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.document-card{display:flex;align-items:center;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light);background:var(--bg-primary);gap:16px;color:var(--text-primary);text-decoration:none}.document-card:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--card-shadow)}.document-card-header{display:flex;align-items:center;gap:12px;flex:1}.document-type-badge{padding:8px;border-radius:8px;background:var(--input-bg)!important;color:var(--text-primary);width:36px;height:36px;display:flex;justify-content:center;align-items:center}.document-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-excerpt{display:none}.document-tags{display:flex;gap:6px}.document-tag{background:var(--input-bg);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:12px}.document-footer{display:flex;align-items:center;gap:16px;padding:0;border:none;width:auto}.document-meta{font-size:12px;color:var(--text-secondary);min-width:80px;text-align:right}.document-menu-btn{padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);opacity:0;transition:opacity .2s}.document-card:hover .document-menu-btn{opacity:1}.document-menu-btn:hover{background:var(--input-bg-hover);color:var(--text-primary)}.document-menu{position:absolute;right:24px;margin-top:24px;background:var(--bg-primary);border-radius:8px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);min-width:160px;z-index:20;overflow:hidden;padding:4px}.document-menu button{width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;border-radius:6px}.document-menu button:hover{background:var(--input-bg)}.document-menu button.danger{color:var(--danger)}.document-menu button.danger:hover{background:#ff3b301a}.documents-container .no-workspace,.documents-container .loading-state,.documents-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:12px;padding:40px;text-align:center}.documents-container .loading-state .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.documents-header{flex-direction:column;align-items:stretch;gap:12px}.document-meta{display:none}.document-menu-btn{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-page);color:var(--text-primary);gap:1rem}.loading-tasks{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.skeleton-card{border-radius:10px;padding:.875rem;background:var(--bg-secondary);display:flex;flex-direction:column;gap:.75rem;min-height:120px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-header{display:flex;justify-content:space-between;align-items:center}.skeleton-circle{width:32px;height:32px;border-radius:50%;background:var(--border-light)}.skeleton-line{height:12px;border-radius:6px;background:var(--border-light)}.skeleton-line.wide{width:75%}.skeleton-line.medium{width:50%}.skeleton-footer{display:flex;gap:.5rem;margin-top:auto}.skeleton-pill{height:20px;width:60px;border-radius:10px;background:var(--border-light)}.skeleton-pill.short{width:40px}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.app-header{background:var(--bg-primary);padding:1.5rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.title-section{display:flex;align-items:center;gap:1rem}.app-title{margin:0;color:var(--text-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.03em}.ai-cost{font-size:.75rem;color:var(--text-secondary);font-weight:500;padding:.375rem .75rem;background:var(--bg-secondary);border-radius:12px;white-space:nowrap}.user-info{display:flex;align-items:center;gap:.75rem}.btn-category{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;font-weight:300;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.btn-category:hover{transform:scale(1.1)}.btn-theme{padding:.5rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-theme:hover{background:var(--border-color);transform:scale(1.05)}.btn-profile{padding:.25rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;align-items:center;justify-content:center;line-height:1;width:40px;height:40px}.btn-profile:hover{background:var(--border-color);transform:scale(1.05)}.btn-cmdk{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;height:40px}.btn-cmdk:hover{background:var(--border-color);color:var(--text-primary)}.cmdk-badge{font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:var(--bg-primary);padding:.125rem .375rem;border-radius:5px;border:1px solid var(--border-light);line-height:1.4}.section-title--overdue{color:var(--danger)!important}.btn-signout{padding:.5rem 1.125rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-signout:hover{background:var(--border-color)}.filter-tabs{max-width:1200px;margin:0 auto;display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.filter-tabs button{padding:.625rem 1.25rem;background:var(--bg-secondary);border:none;border-radius:16px;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-primary);transition:background .3s ease,color .3s ease,transform .2s ease;white-space:nowrap;font-family:inherit}.filter-tabs button:hover{background:var(--border-color)}.filter-tabs button:active{transform:scale(.96)}.filter-tabs button.active{background:var(--text-primary);color:var(--bg-primary)}.category-tab{position:relative}.category-delete{display:none;margin-left:.35rem;font-size:1rem;line-height:1;opacity:.4;transition:opacity .15s}.category-tab:hover .category-delete{display:inline}.category-delete:hover{opacity:1}.btn-toggle-future{margin-left:auto;background:#007aff1a!important;color:#007aff!important;font-weight:500}.btn-toggle-future:hover{background:#007aff26!important}.btn-toggle-future.active{background:#007aff!important;color:#fff!important}.app-main{flex:1;padding:2rem;padding-bottom:140px;max-width:calc(1200px + 4rem);width:100%;margin:0 auto}.tasks-section{margin-bottom:2.5rem}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;align-items:stretch}.task-grid>*{height:100%}.task-grid>*>*{height:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:0;font-weight:700}.btn-delete-all{padding:.5rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-delete-all:hover{background:var(--danger-hover);transform:translateY(-1px)}.btn-delete-all:active{transform:translateY(0)}.empty-state{text-align:center;padding:6rem 2rem;color:var(--text-secondary)}.empty-state h2{font-size:1.75rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700}.empty-state p{font-size:1rem;color:var(--text-secondary)}@media(max-width:1024px){.task-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.app-header{padding:1.25rem 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.app-title{font-size:1.625rem}.app-main{padding:1.5rem 1rem;padding-bottom:220px}.task-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:640px){.app-main{padding:1rem;padding-bottom:240px}.filter-tabs{gap:.5rem}.filter-tabs button{padding:.5rem 1rem;font-size:.8125rem}}.shared-badge{margin-left:.25rem;font-size:.875rem;opacity:.7}.view-mode-switcher{display:flex;gap:.75rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-secondary);border-radius:16px;width:fit-content}.view-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--card-shadow)}.view-mode-btn:disabled{cursor:default}.view-icon{font-size:1.25rem}.context-menu{background:var(--bg-primary);border-radius:12px;box-shadow:var(--modal-shadow);padding:.5rem;min-width:200px;border:1px solid var(--border-color)}.context-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;font-size:.9375rem;text-align:left;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.context-menu-item:hover{background:var(--bg-secondary)}.view-mode-indicator{margin-left:.25rem;font-size:.875rem;opacity:.7}.batch-action-bar{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--text-primary);color:var(--bg-primary);border-radius:14px;box-shadow:0 8px 32px #00000040;font-size:.875rem;font-weight:500}.batch-count{font-weight:600;white-space:nowrap;padding-right:.5rem;border-right:1px solid rgba(128,128,128,.3)}.batch-actions{display:flex;align-items:center;gap:.25rem}.batch-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:none;border-radius:8px;background:transparent;color:var(--bg-primary);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.batch-btn:hover{background:#80808033}.batch-btn .priority-circle{width:8px;height:8px}.batch-cancel{padding-left:.5rem;border-left:1px solid rgba(128,128,128,.3);opacity:.7}.batch-cancel:hover{opacity:1}@media(max-width:640px){.batch-action-bar{bottom:5rem;left:1rem;right:1rem;transform:none;flex-wrap:wrap;justify-content:center}}