.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 1px 3px #0000000a,0 6px 16px #4facfe14;z-index:100;border-bottom:1px solid rgba(79,172,254,.1)}.navbar-left{display:flex;align-items:center}.navbar-logo{margin:0;font-size:24px;font-weight:800;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.navbar-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff 0%,#f0f4f8 100%);text-decoration:none;cursor:pointer;transition:all .3s ease;border:1px solid rgba(79,172,254,.15)}.user-info:hover{background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%);transform:translateY(-1px);box-shadow:0 4px 12px #4facfe26}.nav-avatar,.nav-avatar-fallback{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid rgba(79,172,254,.2)}.nav-avatar{-o-object-fit:cover;object-fit:cover}.nav-avatar-fallback{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;font-size:15px;font-weight:700}.user-name{font-size:14px;font-weight:700;color:#0f172a}.verified-badge{font-size:13px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.nav-btn{padding:10px 18px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;border:1px solid rgba(79,172,254,.15);color:#0f172a;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 100%)}.nav-btn:hover{background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);transform:translateY(-1px);box-shadow:0 4px 12px #4facfe1f}.nav-btn.primary{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border:none}.nav-btn.primary:hover{background:#16a34a}.chat-preview-section{background:white;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014}.chat-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.chat-title{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.chat-filter-btn{border:none;border-radius:999px;padding:8px 12px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.chat-filter-btn:hover{background:#e5e7eb}.chat-composer{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;border-radius:14px;background:#f9fafb;border:1px solid #eceff3}.chat-textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #d7dde6;border-radius:12px;padding:12px 14px;font:inherit;color:#1f2937;background:white}.chat-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.chat-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-composer-meta{color:#6b7280;font-size:12px;line-height:1.4}.chat-post-btn{border:none;border-radius:10px;padding:10px 16px;background:#111827;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.chat-post-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.chat-post-btn:disabled{background:#cbd5e1;cursor:not-allowed}.chat-error{color:#dc2626;font-size:12px;font-weight:500}.chat-messages{display:flex;flex-direction:column;gap:12px}.chat-message{border-left:5px solid #e0e0e0;border-radius:14px;padding:14px;background:#f9f9f9;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.chat-message-button{width:100%;border-top:none;border-right:none;border-bottom:none;text-align:left;font:inherit}.chat-message:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.chat-message-clickable{cursor:pointer}.chat-message-clickable:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.chat-message.high-influence{border-left-color:gold;background:#fff9e6}.chat-message.medium-influence{border-left-color:silver;background:#fbfbfb}.chat-message.low-influence{border-left-color:#e0e0e0}.chat-user-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.chat-user-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chat-username{font-size:14px;font-weight:600;color:#111827}.chat-username.bold{color:#8a5b00}.chat-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700}.chat-seed-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#ecfeff;color:#155e75;font-size:11px;font-weight:700}.chat-profile-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#ecfdf5;color:#166534;font-size:11px;font-weight:700}.chat-influence{font-size:12px;color:#4b5563;font-weight:700;flex-shrink:0}.chat-text{margin:0;font-size:14px;color:#374151;line-height:1.5}.chat-empty{padding:18px 14px;border-radius:12px;background:#f9fafb;color:#6b7280;font-size:13px;text-align:center}@media (max-width: 768px){.chat-header-row,.chat-composer-footer,.chat-user-header{flex-direction:column;align-items:flex-start}.chat-post-btn{width:100%}}.leaderboard-trigger{position:relative;width:100%;min-height:96px;display:flex;align-items:center;gap:16px;padding:18px 22px;border:none;border-radius:18px;background:linear-gradient(135deg,#0f2027,#203a43 45%,#2c5364);color:#fff;box-shadow:0 4px 15px #0003,0 0 24px #2c536433;cursor:pointer;text-align:left;overflow:hidden;transition:all .2s ease}.leaderboard-trigger:before{content:"";position:absolute;inset:-20% auto auto -15%;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,215,0,.28) 0%,rgba(255,215,0,0) 70%);pointer-events:none}.leaderboard-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.leaderboard-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 0 28px #ffd7001f}.leaderboard-trigger:focus-visible{outline:3px solid rgba(255,255,255,.22);outline-offset:3px}.leaderboard-trigger-icon,.leaderboard-trigger-copy{position:relative;z-index:1}.leaderboard-trigger-icon{width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#ffd54f;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 1px #ffffff26}.leaderboard-trigger-icon svg{width:28px;height:28px}.leaderboard-trigger-copy{display:flex;flex-direction:column;gap:4px}.leaderboard-trigger-title{font-size:1.2rem;font-weight:700}.leaderboard-trigger-subtitle{color:#ffffffd1;font-size:.92rem}.leaderboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:2100;animation:leaderboardFadeIn .2s ease}.leaderboard-modal{width:min(100%,540px);max-height:82vh;overflow-y:auto;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-radius:22px;padding:28px;box-shadow:0 20px 50px #0f172a2e;border:1px solid rgba(148,163,184,.18);animation:leaderboardScaleIn .22s ease}.leaderboard-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.leaderboard-title{margin:0;font-size:1.55rem;font-weight:700;color:#0f172a}.leaderboard-subtitle{margin:6px 0 0;font-size:.95rem;color:#64748b}.leaderboard-close{border:none;border-radius:12px;padding:10px 14px;background:#e2e8f0;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease}.leaderboard-close:hover{transform:scale(1.03);background:#cbd5e1}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#ffffff;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 4px 12px #0f172a0d}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a17}.leaderboard-item-top{border-color:#ffc10799;background:linear-gradient(135deg,#fffbeb 0%,#fff7d6 100%);box-shadow:0 10px 18px #eab3081f}.leaderboard-rank{width:34px;font-size:.95rem;font-weight:700;color:#334155}.leaderboard-avatar{width:42px;height:42px;border-radius:999px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.leaderboard-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cbd5e1 0%,#e2e8f0 100%);color:#0f172a;font-weight:700}.leaderboard-info{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-name{color:#0f172a;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score{color:#92400e;font-size:.95rem;font-weight:700;white-space:nowrap}.leaderboard-empty{padding:32px 18px;text-align:center;color:#64748b;background:rgba(248,250,252,.9);border-radius:16px}@keyframes leaderboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes leaderboardScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.leaderboard-trigger{min-height:88px;padding:16px 18px}.leaderboard-modal{padding:22px 18px}.leaderboard-header{flex-direction:column;align-items:stretch}.leaderboard-close{width:100%}.leaderboard-info{align-items:flex-start;flex-direction:column}}.dashboard-container{max-width:1400px;margin:0 auto;padding:24px;min-height:100vh;background:radial-gradient(circle at top left,rgba(0,200,83,.08),transparent 32%),radial-gradient(circle at top right,rgba(44,83,100,.08),transparent 30%),linear-gradient(180deg,#f8fafc 0%,#eef5f1 100%)}.dashboard-stats{display:grid;grid-template-columns:1fr;gap:18px;margin:12px 0 26px}.stat-pill{min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(148,163,184,.16);box-shadow:0 10px 24px #0f172a12}.influence-pill-label{font-size:.92rem;font-weight:600;color:#64748b;letter-spacing:.02em;text-transform:uppercase}.influence-pill-value{font-size:1.55rem;font-weight:700;color:#0f172a}.dashboard-content{display:grid;grid-template-columns:1fr;gap:22px}.streaks-section{background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.14);border-radius:24px;padding:24px;box-shadow:0 18px 34px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.section-title{margin:0;font-size:1.45rem;font-weight:700;color:#0f172a}.section-subtitle{margin:8px 0 0;max-width:640px;color:#64748b;font-size:.96rem;line-height:1.6}.add-streak-btn,.btn-complete,.popup-button{border:none;border-radius:12px;transition:all .2s ease;cursor:pointer}.add-streak-btn{min-height:48px;padding:12px 20px;background:linear-gradient(135deg,#00c853,#69f0ae);color:#052e16;font-size:.98rem;font-weight:700;box-shadow:0 10px 22px #00c85338}.add-streak-btn:hover{transform:scale(1.03) translateY(-1px);box-shadow:0 14px 26px #00c85347}.streaks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.streak-card{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f8fbf8 100%);border:1px solid rgba(148,163,184,.14);box-shadow:0 4px 12px #00000014;transition:all .2s ease}.streak-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px #0f172a1a}.streak-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.streak-info{min-width:0}.frequency-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:#1d4ed8;font-size:.8rem;font-weight:700;margin-bottom:12px}.streak-name{margin:0;font-size:1.4rem;font-weight:600;color:#0f172a;line-height:1.25}.streak-supporting-text{margin:8px 0 0;color:#64748b;font-size:.92rem;line-height:1.5}.streak-highlight-grid,.streak-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:#ffffff;border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px #ffffffb3}.stat-highlight{background:linear-gradient(180deg,#ffffff 0%,#f3fbf5 100%)}.stat-label{font-size:.85rem;color:#666;font-weight:600}.stat-value{font-size:1.2rem;font-weight:600;color:#1b5e20}.stat-value-neutral{color:#0f172a}.stat-value-money{color:#166534}.status-chip{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:8px 12px;border-radius:999px;font-size:.9rem;font-weight:700}.status-chip-pending{background:#fff7ed;color:#9a3412}.status-chip-completed{background:#ecfdf3;color:#166534}.streak-details{display:flex;flex-wrap:wrap;gap:10px}.detail-tag{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.85rem;font-weight:600}.btn-complete{width:100%;min-height:48px;padding:12px 16px;background:linear-gradient(135deg,#0b8f4d 0%,#1cbf73 100%);color:#fff;font-size:.98rem;font-weight:700;box-shadow:0 10px 20px #0b8f4d38}.btn-complete:hover:not(:disabled){transform:scale(1.03);box-shadow:0 14px 24px #0b8f4d47}.btn-complete:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.empty-state{padding:42px 24px;border-radius:20px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border:1px dashed rgba(148,163,184,.4);text-align:center}.empty-state h3{margin:0 0 10px;color:#0f172a;font-size:1.2rem}.empty-state p{margin:0;color:#64748b;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2200;animation:dashboardFadeIn .2s ease;overflow-y:auto}.modal-content{width:90%;max-width:800px;max-height:95vh;animation:dashboardModalIn .22s ease;border-radius:22px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.error-banner{position:fixed;top:22px;right:22px;display:flex;align-items:center;gap:12px;max-width:420px;padding:14px 16px;border-radius:14px;background:#7f1d1d;color:#fff;box-shadow:0 16px 28px #7f1d1d33;z-index:2400}.error-banner button{border:none;background:transparent;color:inherit;font-size:1rem;font-weight:700;cursor:pointer}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.4);z-index:2300;animation:dashboardFadeIn .2s ease}.popup-box{width:min(92vw,360px);padding:28px 24px;border-radius:22px;background:#ffffff;box-shadow:0 18px 34px #0f172a24;text-align:center;animation:dashboardModalIn .22s ease}.popup-success h3{margin:0 0 10px;color:#0f172a;font-size:1.3rem;font-weight:700}.popup-success p{margin:0;color:#64748b}.popup-button{width:100%;margin-top:22px;min-height:46px;background:linear-gradient(135deg,#0b8f4d 0%,#1cbf73 100%);color:#fff;font-size:.98rem;font-weight:700}.popup-button:hover{transform:scale(1.03)}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (min-width: 900px){.dashboard-stats{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:stretch}}@media (min-width: 1100px){.dashboard-content{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width: 768px){.dashboard-container{padding:16px}.streaks-section{padding:20px 16px;border-radius:20px}.streak-card{padding:18px}.streak-highlight-grid,.streak-meta-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.add-streak-btn{width:100%}.error-banner{left:16px;right:16px;max-width:none;top:16px}}.heatmap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.heatmap-modal{width:min(100%,900px);max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;padding:32px;box-shadow:0 25px 60px #4facfe33,0 10px 30px #0000001a;border:1px solid rgba(79,172,254,.2);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heatmap-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid rgba(79,172,254,.1)}.heatmap-header h2{margin:0;font-size:26px;font-weight:800;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heatmap-close{border:none;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.heatmap-close:hover{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:scale(1.1)}.heatmap-content{display:flex;flex-direction:column;gap:28px}.heatmap-container{overflow-x:auto;padding:16px;background:white;border-radius:14px;border:1px solid rgba(79,172,254,.1);box-shadow:0 2px 8px #0000000a}.heatmap-container .react-calendar-heatmap{--color-empty: #eef2ff;--color-success: #22c55e;--color-missed: #ef4444;--color-scale-1: #d1fae5;--color-scale-2: #a7f3d0;--color-scale-3: #6ee7b7;--color-scale-4: #34d399}.heatmap-container .react-calendar-heatmap .color-empty{fill:var(--color-empty)}.heatmap-container .react-calendar-heatmap .color-success{fill:var(--color-success)}.heatmap-container .react-calendar-heatmap .color-missed{fill:var(--color-missed)}.heatmap-container .react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:12px;fill:#64748b;font-weight:600}.heatmap-legend{display:flex;gap:24px;justify-content:center;padding:16px;background:linear-gradient(135deg,#f8fafc 0%,#f0f4f8 100%);border-radius:12px;border:1px solid rgba(79,172,254,.1);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-box{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-box.success{background:#22c55e}.legend-box.missed{background:#ef4444}.legend-box.empty{background:#eef2ff}.legend-item span{font-size:14px;font-weight:600;color:#1e293b}.heatmap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-box{padding:16px;background:white;border-radius:12px;border:1px solid rgba(79,172,254,.15);text-align:center;transition:all .3s ease}.stat-box:hover{border-color:#4facfe4d;box-shadow:0 4px 12px #4facfe1a}.stat-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.heatmap-modal{padding:20px}.heatmap-header h2{font-size:20px}.heatmap-legend{gap:12px}.heatmap-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.stat-box{padding:12px}.stat-value{font-size:22px}}.streak-menu{position:relative;display:inline-flex}.streak-menu-trigger{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 100%);color:#0f172a;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0f172a14}.streak-menu-trigger:hover{transform:scale(1.03) translateY(-1px);background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 100%);box-shadow:0 10px 20px #0f172a24}.streak-menu-trigger:focus-visible{outline:3px solid rgba(59,130,246,.22);outline-offset:2px}.streak-menu-dots{display:inline-block;font-size:22px;letter-spacing:1px;line-height:1;transform:translateY(-2px)}.streak-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:10px;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.98);box-shadow:0 18px 40px #0f172a24;z-index:1000;animation:streakMenuFade .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes streakMenuFade{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{width:100%;display:block;padding:12px 14px;border:none;border-radius:12px;background:transparent;color:#0f172a;font-size:.95rem;font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.menu-item+.menu-item{margin-top:6px}.menu-item:hover{transform:translate(2px)}.menu-item.edit:hover{background:#fff7ed;color:#9a3412}.menu-item.view-heatmap:hover{background:#eff6ff;color:#1d4ed8}.menu-item.delete{color:#b91c1c}.menu-item.delete:hover{background:#fef2f2;color:#991b1b}@media (max-width: 768px){.streak-menu-dropdown{min-width:170px}}.recurring-streak-form{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-radius:22px;padding:28px;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 46px #0f172a1f;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto}.form-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px;flex-shrink:0}.form-header h3{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a}.form-close{width:40px;height:40px;border:none;border-radius:12px;background:#e2e8f0;color:#0f172a;font-weight:700;cursor:pointer;transition:all .2s ease}.form-close:hover:not(:disabled){transform:scale(1.03);background:#cbd5e1}.form-error{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:20px;border-radius:14px;background:#fff1f2;color:#9f1239;border:1px solid rgba(244,63,94,.18)}.error-icon{font-weight:800}.form-group label{display:block;margin-bottom:8px;color:#334155;font-size:.92rem;font-weight:600}.form-group input,.form-group select{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#ffffff;color:#0f172a;font-size:.98rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.form-group input:disabled,.form-group select:disabled,.form-close:disabled{opacity:.6;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-checkbox{display:flex;gap:12px;padding:14px;margin:18px 0;border-radius:16px;background:#f0fdf4;border:1px solid rgba(34,197,94,.18)}.form-checkbox input[type=checkbox]{margin-top:3px}.form-checkbox label{margin:0}.checkbox-label{display:block;color:#0f172a;font-weight:600}.checkbox-hint{display:block;margin-top:4px;color:#64748b;font-size:.88rem}.form-actions{display:flex;gap:12px;margin-top:24px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,#ffffff 100%);padding:16px 0;border-top:1px solid rgba(148,163,184,.12);flex-shrink:0}.btn-cancel,.btn-submit{flex:1;min-height:48px;border:none;border-radius:12px;font-size:.96rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#e2e8f0;color:#0f172a}.btn-submit{background:linear-gradient(135deg,#00c853,#69f0ae);color:#052e16;box-shadow:0 10px 20px #00c85333}.btn-cancel:hover:not(:disabled),.btn-submit:hover:not(:disabled){transform:scale(1.03)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (max-width: 768px){.recurring-streak-form{padding:22px 18px;max-height:90vh}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.profile-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.profile-card{width:100%;max-width:640px;padding:36px;border-radius:24px;background:rgba(255,255,255,.95);border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 38px #0f172a1a}.profile-header{display:flex;align-items:center;gap:22px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(148,163,184,.22)}.profile-photo,.profile-img{width:110px;height:110px;border-radius:999px}.profile-photo{display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%)}.profile-img{-o-object-fit:cover;object-fit:cover}.photo-placeholder{font-size:2rem;font-weight:700;color:#475569}.profile-header-right{flex:1;display:flex;flex-direction:column;gap:10px}.profile-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-name{margin:0;font-size:1.75rem;font-weight:700;color:#0f172a}.verified-badge-profile{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:8px 12px;border-radius:999px;background:#ecfdf3;color:#166534;font-size:.92rem;font-weight:600}.logout-btn-profile{border:none;border-radius:12px;padding:12px 20px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:.96rem;font-weight:700;cursor:pointer;transition:all .2s ease}.logout-btn-profile:hover{transform:scale(1.03);box-shadow:0 12px 22px #dc262633}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:30px}.stat-card{padding:18px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0f172a0f}.stat-content{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:.85rem;color:#64748b;font-weight:600}.stat-value{font-size:1.2rem;font-weight:700;color:#0f172a}.profile-section h3{margin:0 0 10px;font-size:1rem;font-weight:700;color:#0f172a}.photo-upload-hint{margin:0 0 10px;color:#64748b;font-size:.92rem}.photo-feedback{margin:0 0 10px;font-size:.92rem;font-weight:600}.photo-feedback-error{color:#b91c1c}.photo-feedback-success{color:#166534}.photo-upload{display:block;padding:24px;border:2px dashed rgba(148,163,184,.4);border-radius:16px;background:#ffffff;text-align:center;cursor:pointer;transition:all .2s ease}.photo-upload:hover{border-color:#00c8538c;background:#f0fdf4}.photo-upload-disabled{opacity:.7;cursor:not-allowed}.photo-upload input{display:none}.photo-upload span{color:#334155;font-weight:600}@media (max-width: 768px){.profile-card{padding:24px 18px;border-radius:20px}.profile-header{flex-direction:column;text-align:center}.profile-header-row{justify-content:center}.logout-btn-profile{width:100%}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 100%)}.auth-card{background:white;border-radius:16px;padding:44px;width:100%;max-width:420px;box-shadow:0 20px 50px #4facfe26,0 8px 24px #00000014;border:1px solid rgba(79,172,254,.1)}.auth-card h2{margin:0 0 28px;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:800}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;color:#1e3a8a;font-size:14px;font-weight:700}.form-group input{width:100%;padding:13px 14px;border:1.5px solid rgba(79,172,254,.2);border-radius:10px;font-size:14px;font-family:inherit;background:linear-gradient(135deg,#f8fafc 0%,#f3f4f6 100%);transition:all .3s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #4facfe1f;background:white}.auth-btn{width:100%;padding:14px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e40}.auth-btn:hover{box-shadow:0 6px 20px #22c55e59;transform:translateY(-2px)}.error{color:#ef4444;font-size:14px;margin-bottom:16px;text-align:center}.auth-card p{text-align:center;margin-top:20px;color:#666;font-size:14px}.auth-card a{color:#22c55e;text-decoration:none;font-weight:500}.auth-card a:hover{text-decoration:underline}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: --value(ratio); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: --value(ratio); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-ca157063.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-71d5ee93.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-6e9e020a.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-1be3448e.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-5c66f9e0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-34b9c504.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-3100e775.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.top-0{top:0}.z-10{z-index:10}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:.25rem}.h-full{height:100%}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.opacity-80{opacity:.8}.opacity-\[var\(--noise-opacity\)\]{opacity:var(--noise-opacity)}.shadow-\[0px_0\.5px_1px_0px_var\(--color-neutral-400\)_inset\,0px_1px_0px_0px_var\(--color-neutral-100\)\]{--tw-shadow:0px .5px 1px 0px var(--color-neutral-400) inset,0px 1px 0px 0px var(--color-neutral-100);--tw-shadow-colored:inset 0px .5px 1px 0px var(--tw-shadow-color), 0px 1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body,#root{padding:0;margin:0;width:100%;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 100%);color:#1a1a1a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.streakWrapper{display:flex;justify-content:center;align-items:center;margin-top:13px;padding:20px 20px 20px 15px;min-height:80px;width:95%;border-radius:5px;background-color:#182418}.notDoneStreaks>.streakWrapper{background-color:#351d1d}.doneStreaks>.streakWrapper{background-color:#162016}.streakName,.streakNumber{display:block;width:-moz-fit-content;width:fit-content}.streakNumber{margin-left:auto;font-size:25px}.streakName{font-size:21px}.addStreak{display:block;position:relative;margin-top:13px;padding:10px 10px 10px 20px;min-height:80px;width:95%;border-radius:8px;border:2px rgb(100,100,100) dashed;transition:.25s}.addStreak>.plus{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus>.vert{width:4px;height:100%;background-color:#646464;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;transition:.25s}.plus>.horiz{width:100%;height:4px;background-color:#646464;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;transition:.25s}.addStreak:hover>.plus>.horiz{background-color:#fff;transition:.25s}.addStreak:hover>.plus>.vert{background-color:#fff;transition:.25s}.addStreak:hover{border:2px white dashed;transition:.25s}.frosted{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.newStreakModal{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center}.newStreakBox{background-color:#0c0d0a;width:500px;height:150px;margin-top:200px;border-radius:10px;position:relative;border:2px rgba(255,255,255,.3) solid;padding:20px}.newStreakInput{border-radius:none;border:none;caret-color:#fff;background-color:#0c0d0a;color:#fff;width:100%;height:35px;font-size:21px}input:focus{outline:none}.bottomNav{display:flex;position:absolute;bottom:16px;left:0;width:100%;padding-right:20px;padding-left:20px}.button{background-color:#ffffff0a;color:#fff;border-radius:6px;height:35px;width:90px;font-size:13px;display:flex;justify-content:center;align-items:center}.button.add{width:80px;background-color:#7d3232;margin-left:auto;transition:.25s}.button.cancel{margin-left:0;transition:.25s}.button.add:hover{background-color:#b64646}.button.cancel:hover{background-color:#ffffff14}.streakDisplayModal{height:100vh;width:100vw;position:absolute;z-index:2;display:flex;justify-content:center;align-items:center}.streakDisplayBox{height:60vh;width:50vw;min-width:800px;background-color:#0c0d0a;border-radius:8px;border:2px rgba(255,255,255,.3) solid;padding:20px;position:relative}.taskCircle{background-color:#4b4b4b63;display:inline-block;height:20px;width:20px;border:1px solid rgb(255,255,255)}.notDoneStreaks svg{color:transparent}.taskCircle>*{transition:.25s}.taskCircle:hover>*{color:#fff;fill:#fff}.deleteButton{height:40px;width:100px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#7d3232;position:absolute;bottom:20px;right:20px;transition:.25s}.deleteButton:hover{background-color:#b64646}table{width:-moz-max-content;width:max-content;overflow-x:scroll;border-collapse:separate;border-spacing:3px}td{width:10px!important;height:10px!important;border-radius:2px}td[data-activity=true]{background-color:#2ca03f}td[data-activity=false]{background-color:#161b22}.borderThinBottom{border:1px solid #30363d;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:15px;margin-left:auto;margin-right:auto;width:750px;display:flex;justify-content:center;align-items:center;border-top-style:none}.borderThinTop{border:1px solid #30363d;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px;margin-left:auto;margin-right:auto;width:750px;display:flex;justify-content:center;align-items:center}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:backdrop-blur-lg:after{content:var(--tw-content);--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (prefers-color-scheme: dark){.dark\:bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:shadow-\[0px_1px_0px_0px_var\(--color-neutral-950\)_inset\,0px_1px_0px_0px_var\(--color-neutral-800\)\]{--tw-shadow:0px 1px 0px 0px var(--color-neutral-950) inset,0px 1px 0px 0px var(--color-neutral-800);--tw-shadow-colored:inset 0px 1px 0px 0px var(--tw-shadow-color), 0px 1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}