.user-profile{position:relative}.user-profile__trigger{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-profile__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-future) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.user-profile__trigger:hover .user-profile__avatar{transform:scale(1.05);box-shadow:var(--shadow-md)}.user-profile__trigger:active .user-profile__avatar{transform:scale(.98)}.user-profile__dropdown{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:200px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm);z-index:100;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-profile__info{padding:var(--space-sm) var(--space-md)}.user-profile__email{font-size:13px;font-weight:500;color:var(--color-text-primary);word-break:break-all}.user-profile__divider{height:1px;background:var(--color-border);margin:var(--space-sm) 0}.user-profile__menu-item{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-profile__menu-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.user-profile__menu-item svg{flex-shrink:0}.user-profile__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.ad-banner{flex-shrink:0;width:calc(100% - (2 * var(--space-xl)));max-width:calc(800px - (2 * var(--space-xl)));margin:var(--space-md) auto;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.ad-banner__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);position:relative}.ad-banner__icon{flex-shrink:0;font-size:24px}.ad-banner__text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ad-banner__title{font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.ad-banner__subtitle{font-size:11px;font-weight:400;color:var(--color-text-secondary);line-height:1.3}.ad-banner__cta{flex-shrink:0;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:all var(--transition-base);border:none;cursor:pointer}.ad-banner__cta:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ad-banner__cta:active{transform:translateY(0)}.ad-banner--premium{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:var(--shadow-md)}.ad-banner--premium .ad-banner__title{color:#fff}.ad-banner--premium .ad-banner__subtitle{color:#ffffffd9}.ad-banner__cta--premium{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.ad-banner__cta--premium:hover{background:#ffffff4d;transform:translateY(-1px)}.ad-banner__close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.ad-banner__close:hover{color:#fff;background:#ffffff1a}.layout{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--color-bg)}.layout__header{flex-shrink:0;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center}.layout__header-inner{width:100%;max-width:800px;display:flex;align-items:center;justify-content:space-between}.layout__logo{font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-future) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.layout__nav{flex-shrink:0;display:flex;justify-content:center;padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.layout__nav-inner{width:100%;max-width:800px;display:flex;gap:var(--space-sm)}.layout__nav-button{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-secondary);background:transparent;transition:all var(--transition-base);border:1.5px solid transparent;position:relative}.layout__nav-button:hover{background:var(--color-bg);color:var(--color-text-primary);border-color:var(--color-border)}.layout__nav-button:active{transform:scale(.98)}.layout__nav-button--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-sm);border-radius:var(--radius-full)}.layout__nav-button--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff;box-shadow:var(--shadow-md)}.layout__main{flex:1;overflow:hidden;background:var(--color-bg)}.layout__header-actions{display:flex;align-items:center;gap:var(--space-md)}.layout__close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);padding:0}.layout__close-button:hover{background:var(--color-bg);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.layout__close-button:active{transform:scale(.95);background:var(--color-border)}.layout__close-button svg{pointer-events:none}.task-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-xs);overflow:visible}.task-item[draggable=true]{cursor:grab}.task-item[draggable=true]:active{cursor:grabbing}.task-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-item--completed{opacity:.65;background:var(--color-bg)}.task-item--completed:hover{opacity:.8}.task-item--dragging{opacity:.5;cursor:grabbing}.task-item--drag-over{border-color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-1px)}.task-item__checkbox-wrapper{position:relative;flex-shrink:0}.task-item__checkbox{position:absolute;opacity:0;width:0;height:0}.task-item__checkbox-label{display:block;width:18px;height:18px;border:2px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--color-surface)}.task-item__checkbox-label:hover{border-color:var(--color-success);background:var(--color-success-light)}.task-item__checkbox-label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;background:#fff;border-radius:2px;transition:transform var(--transition-fast)}.task-item__checkbox:checked+.task-item__checkbox-label{background:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 4px var(--color-success-light)}.task-item__checkbox:checked+.task-item__checkbox-label:after{transform:translate(-50%,-50%) scale(1)}.task-item__checkbox:focus+.task-item__checkbox-label{outline:2px solid var(--color-accent);outline-offset:2px}.task-item__content{flex:1;min-width:0;cursor:pointer}.task-item__title{display:block;color:var(--color-text-primary);font-weight:500;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.task-item__title-input{display:block;width:100%;border:none;background:transparent;color:var(--color-text-primary);font-weight:500;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;padding:0;font-family:inherit}.task-item__title-input:focus{outline:none}.task-item--completed .task-item__title{text-decoration:line-through;color:var(--color-text-tertiary)}.task-item__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;overflow:visible}.task-item__button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--color-text-secondary);background:transparent}.task-item__button:hover{background:var(--color-bg);transform:scale(1.05)}.task-item__button:active{transform:scale(.95)}.task-item__button--future:hover{color:var(--color-future);background:var(--color-future-light)}.task-item__button--present:hover{color:var(--color-accent);background:var(--color-accent-light)}.task-item__button--delete:hover{color:var(--color-danger);background:var(--color-danger-light)}.priority-dropdown{position:relative;display:inline-flex;align-items:center;overflow:visible}.priority-dropdown__trigger{display:flex;align-items:center;gap:4px;background:transparent;border:none;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:12px}.priority-dropdown__trigger:hover{background:var(--color-bg)}.priority-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.priority-indicator--urgent{background-color:#e74c3c;box-shadow:0 0 0 1px #e74c3c33}.priority-indicator--important{background-color:#f39c12;box-shadow:0 0 0 1px #f39c1233}.priority-indicator--normal{background-color:#95a5a6;box-shadow:0 0 0 1px #95a5a633}.priority-dropdown__chevron{font-size:8px;transition:transform var(--transition-fast)}.priority-dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:130px;z-index:10000;overflow:hidden;animation:fadeIn .15s ease}.priority-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:13px;color:var(--color-text-primary);transition:background var(--transition-fast);position:relative}.priority-dropdown__item:hover{background:var(--color-bg)}.priority-dropdown__item--active{background:var(--color-accent-light);color:var(--color-accent);font-weight:500}.priority-dropdown__item--active:after{content:"✓";position:absolute;right:12px;font-size:14px;font-weight:400}.priority-dropdown__item:before{content:"";width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.priority-dropdown__item[data-priority=urgent]:before{background-color:#e74c3c}.priority-dropdown__item[data-priority=important]:before{background-color:#f39c12}.priority-dropdown__item[data-priority=normal]:before{background-color:#95a5a6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-item--priority-menu-open{position:relative;z-index:1000}.inline-task-input{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.inline-task-input:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.inline-task-input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-sm)}.inline-task-input__checkbox{flex-shrink:0;position:relative}.inline-task-input__checkbox-placeholder{display:block;width:18px;height:18px;border:2px solid var(--color-border-hover);border-radius:var(--radius-sm);background:var(--color-surface);transition:all var(--transition-base)}.inline-task-input:hover .inline-task-input__checkbox-placeholder{border-color:var(--color-text-tertiary)}.inline-task-input:focus-within .inline-task-input__checkbox-placeholder{border-color:var(--color-accent);background:var(--color-accent-light)}.inline-task-input__content{flex:1;min-width:0}.inline-task-input__field{width:100%;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;font-weight:500;padding:0;line-height:1.5}.inline-task-input__field::placeholder{color:var(--color-text-tertiary);font-weight:400}.inline-task-input__field:focus{outline:none}.inline-task-input__field:disabled{opacity:.6;cursor:not-allowed}.category-view{display:flex;flex-direction:column;height:100%;max-width:800px;width:100%;margin:0 auto;padding:0 var(--space-xl)}.category-view__header{padding:var(--space-xl) 0 var(--space-md)}.category-view__title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs);letter-spacing:-.04em}.category-view__description{font-size:13px;color:var(--color-text-secondary);font-weight:500}.category-view__list{flex:1;overflow-y:auto;padding:0 0 var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.category-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;gap:var(--space-sm)}.category-view__empty-icon{width:40px;height:40px;color:var(--color-text-tertiary);opacity:.5}.category-view__empty-text{color:var(--color-text-tertiary);font-size:14px;font-weight:500}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:250px;max-width:400px;animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent;transition:all var(--transition-fast)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm)}.toast__message{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.toast--success{border-color:var(--color-success)}.toast--success .toast__icon{background:var(--color-success-light);color:var(--color-success)}.toast--error{border-color:var(--color-danger)}.toast--error .toast__icon{background:var(--color-danger-light);color:var(--color-danger)}.toast--info{border-color:var(--color-accent)}.toast--info .toast__icon{background:var(--color-accent-light);color:var(--color-accent)}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast),background var(--transition-fast)}.toast__close:hover{opacity:1;background:var(--color-bg)}.toast__close:active{transform:scale(.9)}.toast__close svg{pointer-events:none}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast-container>*{pointer-events:auto}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-future) 100%);padding:var(--space-xl)}.auth-screen__container{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl)}.auth-screen__header{text-align:center;margin-bottom:var(--space-2xl)}.auth-screen__logo{font-size:32px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-future) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.auth-screen__tagline{font-size:14px;color:var(--color-text-secondary);font-weight:500}.auth-screen__form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-screen__field{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-screen__label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.auth-screen__input{padding:var(--space-md) var(--space-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-base)}.auth-screen__input:hover{border-color:var(--color-border-hover)}.auth-screen__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.auth-screen__input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.auth-screen__input::placeholder{color:var(--color-text-tertiary)}.auth-screen__error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:13px;font-weight:500;border:1.5px solid var(--color-danger)}.auth-screen__error svg{flex-shrink:0}.auth-screen__button{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1.5px solid transparent}.auth-screen__button:disabled{opacity:.6;cursor:not-allowed}.auth-screen__button--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.auth-screen__button--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-screen__button--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.auth-screen__button--google{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.auth-screen__button--google:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-screen__button--google:active:not(:disabled){transform:translateY(0)}.auth-screen__divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);font-size:13px;font-weight:500;margin:var(--space-sm) 0}.auth-screen__divider:before,.auth-screen__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-screen__toggle{text-align:center;font-size:13px;color:var(--color-text-secondary);margin-top:var(--space-md)}.auth-screen__toggle-button{color:var(--color-accent);font-weight:600;background:none;border:none;padding:0;cursor:pointer;transition:color var(--transition-fast)}.auth-screen__toggle-button:hover:not(:disabled){color:var(--color-accent-hover);text-decoration:underline}.auth-screen__toggle-button:disabled{opacity:.6;cursor:not-allowed}.auth-screen__close-button{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-base);padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-screen__close-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.auth-screen__close-button:active{transform:scale(.95)}.auth-screen__close-button svg{pointer-events:none}.auth-screen__input-wrapper{position:relative;display:flex;align-items:center}.auth-screen__input--with-icon{width:100%;padding-right:42px}.auth-screen__password-toggle{position:absolute;right:var(--space-md);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.auth-screen__password-toggle:hover{color:var(--color-text-secondary)}.auth-screen__password-toggle svg{pointer-events:none}.auth-screen__verify-icon{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.auth-screen__verify-success{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-success-light);color:var(--color-success);border:1.5px solid var(--color-success);border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-bottom:var(--space-md);text-align:center}.auth-screen__verify-note{text-align:center;font-size:13px;color:var(--color-text-secondary);margin-top:var(--space-sm)}.auth-screen__button-spinner{animation:auth-spinner-rotate 1s linear infinite;margin-right:4px}.auth-screen__spinner-circle{stroke:currentColor;stroke-dasharray:90,200;stroke-dashoffset:0;stroke-linecap:round;animation:auth-spinner-dash 1.5s ease-in-out infinite;opacity:.8}.auth-screen__forgot-password{text-align:right;margin-top:calc(var(--space-xs) * -1);margin-bottom:var(--space-md)}.auth-screen__forgot-link{background:none;border:none;color:var(--color-accent);font-size:12px;cursor:pointer;padding:4px 0;transition:opacity var(--transition-fast)}.auth-screen__forgot-link:hover{opacity:.8;text-decoration:underline}.auth-screen__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-screen__modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:400px;position:relative;box-shadow:var(--shadow-lg)}.auth-screen__modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.auth-screen__modal-close:hover{background:var(--color-bg)}.auth-screen__modal-title{font-size:20px;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.auth-screen__modal-text{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.auth-screen__modal-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:14px;margin-bottom:var(--space-md)}.auth-screen__modal-input:focus{outline:none;border-color:var(--color-accent)}.auth-screen__modal-error{margin-bottom:var(--space-md)}.auth-screen__modal-success{text-align:center;padding:var(--space-lg) 0}.auth-screen__modal-success svg{color:var(--color-success);margin-bottom:var(--space-md)}.auth-screen__modal-success p{color:var(--color-text-primary);font-size:14px}@keyframes auth-spinner-rotate{to{transform:rotate(360deg)}}@keyframes auth-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.loader{display:flex;align-items:center;justify-content:center;min-height:100px}.loader--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;background:var(--color-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}.loader__container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.loader__container--small{--loader-size: 24px;--loader-text-size: 12px}.loader__container--medium{--loader-size: 40px;--loader-text-size: 14px}.loader__container--large{--loader-size: 60px;--loader-text-size: 16px}.loader__spinner{width:var(--loader-size);height:var(--loader-size);animation:loader-rotate 2s linear infinite}.loader__spinner-svg{width:100%;height:100%;transform-origin:center}.loader__spinner-circle{stroke:url(#gradient);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:loader-dash 1.5s ease-in-out infinite}.loader__spinner-svg:before{content:""}.loader__dots{display:flex;gap:calc(var(--loader-size) / 6);align-items:center}.loader__dot{width:calc(var(--loader-size) / 4);height:calc(var(--loader-size) / 4);border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-future));animation:loader-bounce 1.4s infinite ease-in-out both}.loader__dot:nth-child(1){animation-delay:-.32s}.loader__dot:nth-child(2){animation-delay:-.16s}.loader__pulse{position:relative;width:var(--loader-size);height:var(--loader-size)}.loader__pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--color-accent);border-radius:50%;opacity:1;animation:loader-pulse 2s cubic-bezier(0,.2,.8,1) infinite}.loader__pulse-ring:nth-child(2){animation-delay:-1s}.loader__text{font-size:var(--loader-text-size);font-weight:500;color:var(--color-text-secondary);margin:0;animation:loader-fade 1.5s ease-in-out infinite}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@keyframes loader-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loader-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes loader-fade{0%,to{opacity:.5}50%{opacity:1}}.loader__spinner-circle{stroke:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent-light))}@supports (background: conic-gradient(from 0deg,red,blue)){.loader__spinner-circle{stroke:var(--color-accent);opacity:.8}}:root{--color-bg: #FAFAF9;--color-surface: #FFFFFF;--color-border: #E7E5E4;--color-border-hover: #D6D3D1;--color-text-primary: #1C1917;--color-text-secondary: #78716C;--color-text-tertiary: #A8A29E;--color-accent: #4F46E5;--color-accent-hover: #4338CA;--color-accent-light: #EEF2FF;--color-success: #10B981;--color-success-hover: #059669;--color-success-light: #D1FAE5;--color-danger: #EF4444;--color-danger-hover: #DC2626;--color-danger-light: #FEE2E2;--color-future: #7C3AED;--color-future-hover: #6D28D9;--color-future-light: #F5F3FF;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-user-select:none;user-select:none}input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;-webkit-user-select:text;user-select:text}input:focus,textarea:focus,button:focus{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;margin:4px}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-lg);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}