:root{--bg:#0b1221;--card:#11192a;--muted:#9aa4b2;--ink:#e8ecf3;--brand:#772537;--ok:#10b981;--warn:#f59e0b;--error:#ef4444;--udel:#772537}[data-theme="light"]{--bg:#f8fafc;--card:#fff;--muted:#64748b;--ink:#0f172a;--brand:#772537;--ok:#10b981;--warn:#f59e0b;--error:#ef4444;--udel:#772537}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui;transition:background .3s , color .3s}.glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}[data-theme="light"] .glass{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.01));border:1px solid rgba(0,0,0,.08)}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#374151;border-radius:9999px}.story-ring{position:absolute;inset:-3px;background:conic-gradient(from 0deg,var(--udel),#a85772,#22d3ee,#10b981,#f59e0b,var(--udel));border-radius:9999px;animation:rotate-gradient 3s linear infinite;z-index:-1}@keyframes rotate-gradient {
  to { transform: rotate(360deg); }
}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.625rem 1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-success{background:var(--ok);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-udel{background:var(--udel);color:#fff}.btn-udel:hover{filter:brightness(1.15)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{border-color:rgba(255,255,255,.2)}[data-theme="light"] .btn-ghost{border-color:rgba(0,0,0,.1)}[data-theme="light"] .btn-ghost:hover{border-color:rgba(0,0,0,.2)}.chip{border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;color:var(--muted);cursor:pointer;transition:all .2s}[data-theme="light"] .chip{border-color:rgba(0,0,0,.12)}.task-row{transition:background .2s}.task-row:hover{background:rgba(255,255,255,.04)}[data-theme="light"] .task-row:hover{background:rgba(0,0,0,.04)}.icon-btn{display:inline-grid;place-items:center;min-width:36px;min-height:36px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.icon-btn:hover{background:rgba(255,255,255,.05)}[data-theme="light"] .icon-btn{border-color:rgba(0,0,0,.1)}[data-theme="light"] .icon-btn:hover{background:rgba(0,0,0,.05)}.menu{position:absolute;top:100%;right:0;min-width:240px;z-index:100;background:#11192a;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.5)}[data-theme="light"] .menu{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 32px rgba(0,0,0,.15)}.bg-input{background:#0c1426;border:1px solid rgba(255,255,255,.1);transition:all .2s}.bg-input:focus{outline:none;border-color:var(--brand)}select.bg-input{background-color:#0c1426;color:#fff}select.bg-input option{background-color:#11192a;color:#fff;padding:8px}select.bg-input option:hover,select.bg-input option:focus{background-color:#1e293b}[data-theme="light"] .bg-input{background:#f1f5f9;border:1px solid rgba(0,0,0,.1)}[data-theme="light"] select.bg-input{background-color:#f1f5f9;color:#1e293b}[data-theme="light"] select.bg-input option{background-color:#fff;color:#1e293b}.bg-card{background-color:var(--card)}#propAllUserSuggestions,#reportUserSuggestions,#mentionSuggestions,#reportsToSuggestions{background-color:#11192a!important}[data-theme="light"] #propAllUserSuggestions,[data-theme="light"] #reportUserSuggestions,[data-theme="light"] #mentionSuggestions,[data-theme="light"] #reportsToSuggestions{background-color:#fff!important}.avatar-default{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:grid;place-items:center;font-weight:700;color:#fff}.tooltip{position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:10}.story-wrapper:hover .tooltip{opacity:1}.stats-grid{display:flex;gap:.75rem;justify-content:space-between}.stat-card{flex:1;text-align:center;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--ink);line-height:1.2}.stat-label{font-size:.625rem;opacity:.5;margin-top:.125rem;line-height:1.2}@media (max-width:640px){.stat-value{font-size:1rem}.stat-label{font-size:.5rem}.stats-grid{gap:.5rem}}#streakDisplay{padding:.5rem 0;margin-bottom:.5rem}#streakIcon{animation:flame-pulse 2s ease-in-out infinite;font-size:1.5rem;margin-bottom:.25rem}#streakDays{font-weight:700;color:var(--warn)}#streakMessage{margin-top:.25rem}#xpSection{padding:.5rem .75rem;margin-bottom:.5rem}#xpSection .flex{margin-bottom:.25rem}#xpProgressBar{transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px currentColor}@keyframes flame-pulse {
  0%, 100% { 
    transform: scale(1);
    filter: brightness(1);
  }
  50% { 
    transform: scale(1.1);
    filter: brightness(1.3);
  }
}.subtask-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}[data-theme="light"] .subtask-item{background:rgba(0,0,0,.05)}.subtask-item:hover .subtask-actions{opacity:1}.subtask-actions{opacity:0;transition:opacity .2s;display:flex;gap:.25rem;margin-left:auto}.project-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}[data-theme="light"] .project-item{background:rgba(0,0,0,.05)}.project-item:hover .project-actions{opacity:1}.project-actions{opacity:0;transition:opacity .2s;display:flex;gap:.25rem}.comment-item{padding:.75rem;background:rgba(255,255,255,.05);border-radius:.75rem;margin-bottom:.5rem}[data-theme="light"] .comment-item{background:rgba(0,0,0,.05)}#installPrompt{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:100;display:none}.reaction-menu{position:fixed;background:var(--card);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;gap:8px;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.4);pointer-events:auto}[data-theme="light"] .reaction-menu{border-color:rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.2)}.reaction-btn{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;font-size:24px;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.05)}[data-theme="light"] .reaction-btn{background:rgba(0,0,0,.05)}.reaction-btn:hover{transform:scale(1.1);background:rgba(255,255,255,.1)}[data-theme="light"] .reaction-btn:hover{background:rgba(0,0,0,.1)}.task-menu{position:fixed;background:var(--card);border:2px solid rgba(255,255,255,.1);border-radius:8px;min-width:160px;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,.4);overflow:hidden}[data-theme="light"] .task-menu{border-color:rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.2)}.task-menu-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:all .2s;font-size:14px;border:none;width:100%;text-align:left;background:transparent;color:var(--ink)}.task-menu-item:hover{background:rgba(255,255,255,.05)}[data-theme="light"] .task-menu-item:hover{background:rgba(0,0,0,.05)}.task-menu-item.danger:hover{background:rgba(239,68,68,.1);color:#ef4444}.business-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;cursor:pointer;transition:all .2s}[data-theme="light"] .business-checkbox{background:rgba(0,0,0,.05)}.business-checkbox:hover{background:rgba(255,255,255,.08)}[data-theme="light"] .business-checkbox:hover{background:rgba(0,0,0,.08)}.business-checkbox input[type="checkbox"]{width:1rem;height:1rem;cursor:pointer}.verified-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:grid;place-items:center;font-size:10px;cursor:pointer;transition:transform .2s;z-index:5;border:2px solid var(--bg)}.verified-badge:hover{transform:scale(1.15)}.story-wrapper{position:relative}.user-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:rgba(255,255,255,.05);border-radius:.75rem;margin-bottom:.5rem;transition:all .2s;border:1px solid rgba(255,255,255,.05)}[data-theme="light"] .user-item{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.05)}.user-item:hover{background:rgba(255,255,255,.08);border-color:rgba(124,58,237,.3);transform:translateY(-1px)}[data-theme="light"] .user-item:hover{background:rgba(0,0,0,.08)}.business-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}[data-theme="light"] .business-item{background:rgba(0,0,0,.05)}.business-item:hover .business-actions{opacity:1}.business-actions{opacity:0;transition:opacity .2s;display:flex;gap:.25rem}.task-row.completed-animation{animation:task-complete .6s ease-out}@keyframes task-complete {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.5);
  }
  100% {
    transform: scale(1);
  }
}@keyframes confetti-fall {
  to {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}@keyframes level-up-glow {
  0%, 100% { 
    box-shadow: 0 0 0 rgba(124, 58, 237, 0);
  }
  50% { 
    box-shadow: 0 0 30px rgba(124, 58, 237, 0.8), 0 0 60px rgba(124, 58, 237, 0.4);
  }
}.level-up-animation{animation:level-up-glow 1s ease-in-out 3}@media (max-width:640px){.btn{padding:.5rem .75rem;font-size:.875rem}.task-row{padding:.75rem!important}.glass{padding:1rem!important}.mobile-hidden{display:none!important}#streakDisplay{padding:.25rem 0;margin-bottom:.25rem}#xpSection{padding:.4rem .6rem;margin-bottom:.25rem}}.template-card{transition:all .3s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(124,58,237,.2)}.template-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.template-card .btn-primary:not(:disabled):hover {transform:scale(1.02);box-shadow:0 4px 12px rgba(124,58,237,.4)}@keyframes pulse-send {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}.template-card .btn-primary:disabled{animation:pulse-send 1.5s ease-in-out infinite}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:hover{color:var(--ink)}.tab-button.tab-active{color:var(--udel);border-bottom-color:var(--udel)}#tabHabits.tab-active{background: linear-gradient(
    90deg,
    var(--udel),
    #a85772,
    #22d3ee,
    #10b981,
    #f59e0b,
    var(--udel)
  );background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;font-weight:700}.tab-content{display:block}.tab-content.hidden{display:none}.shimmer-text{background: linear-gradient(
    90deg,
    var(--udel),
    #a85772,
    #22d3ee,
    #10b981,
    #f59e0b,
    var(--udel)
  );background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}.habits-shimmer-bar{background: linear-gradient(
    90deg,
    var(--udel),
    #a85772,
    #22d3ee,
    #10b981,
    #f59e0b,
    var(--udel)
  );background-size:200% auto;animation:shimmer 3s linear infinite;box-shadow:0 0 15px rgba(124,58,237,.5);transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes shimmer {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}.kanban-card{background:rgba(255,255,255,.05);border-radius:12px;padding:12px;cursor:move;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.kanban-card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.kanban-column.drag-over{background:rgba(119,37,55,.15);border:2px dashed rgba(119,37,55,.5);border-radius:12px}.kanban-card-in-progress{background: linear-gradient(
    135deg,
    rgba(59, 130, 246, 0.15),
    rgba(37, 99, 235, 0.1)
  );border:2px solid rgba(59,130,246,.4);box-shadow:0 0 20px rgba(59,130,246,.3) , 0 0 40px rgba(59,130,246,.15);animation:pulse-glow 2s ease-in-out infinite}.kanban-card-in-progress .kanban-card-title{background: linear-gradient(
    90deg,
    #3b82f6,
    #60a5fa,
    #22d3ee,
    #10b981,
    #f59e0b,
    #3b82f6
  );background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;font-weight:600}@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3),
                0 0 40px rgba(59, 130, 246, 0.15);
  }
  50% {
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.5),
                0 0 60px rgba(59, 130, 246, 0.25);
  }
}.task-row-draggable{cursor:move;transition:background .2s ease}.task-row-draggable:hover{background:rgba(255,255,255,.02)}.task-row-dragging{opacity:.4}.task-row-drag-over{border-top:3px solid rgba(119,37,55,.8)}.task-due-today{background:linear-gradient(90deg,rgba(245,158,11,.15) 0%,rgba(245,158,11,.05) 100%)!important;border-left:4px solid #f59e0b!important;animation:pulse-today 2s ease-in-out infinite}.task-due-today:hover{background:linear-gradient(90deg,rgba(245,158,11,.25) 0%,rgba(245,158,11,.1) 100%)!important}@keyframes pulse-today {
  0%, 100% {
    border-left-color: #f59e0b;
  }
  50% {
    border-left-color: #fbbf24;
  }
}.task-overdue{background:linear-gradient(90deg,rgba(239,68,68,.2) 0%,rgba(239,68,68,.08) 100%)!important;border-left:4px solid #ef4444!important;animation:pulse-overdue 1.5s ease-in-out infinite}.task-overdue:hover{background:linear-gradient(90deg,rgba(239,68,68,.3) 0%,rgba(239,68,68,.12) 100%)!important}@keyframes pulse-overdue {
  0%, 100% {
    border-left-color: #ef4444;
    box-shadow: inset 0 0 20px rgba(239, 68, 68, 0.1);
  }
  50% {
    border-left-color: #f87171;
    box-shadow: inset 0 0 30px rgba(239, 68, 68, 0.2);
  }
}.due-time-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:600}.due-time-badge.today{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.due-time-badge.overdue{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.4)}.on-time-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:600;background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.4)}.user-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;background:rgba(119,37,55,.2);border:1px solid rgba(119,37,55,.4);color:var(--ink)}.user-tag button{background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0;font-size:.875rem}.user-tag button:hover{opacity:1;color:#ef4444}.user-suggestion{padding:8px 12px;cursor:pointer;transition:background .2s;border-radius:8px;margin:2px 4px}.user-suggestion:hover{background:rgba(255,255,255,.1)}[data-theme="light"] .user-suggestion:hover{background:rgba(0,0,0,.05)}.task-image-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s , box-shadow .2s;border:2px solid rgba(255,255,255,.1)}.task-image-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:var(--udel)}.image-loading{background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}