@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-outlined.1d6d191985a74fc249dc.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined}@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(/static/media/material-icons-round.c380809fd3677d7d6903.woff2) format("woff2"),url(/static/media/material-icons-round.5d681e2edae8c60630db.woff) format("woff")}.material-icons-round,.material-symbols-outlined{-moz-osx-font-smoothing:grayscale;font-size:24px;text-rendering:optimizeLegibility}.material-icons-round{font-family:Material Icons Round}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:#fafafa;font-family:system-ui,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;transition:background .3s ease}body.main-page-design{background:#f8fafc;background:var(--background-light);font-family:Inter,system-ui,sans-serif}body.dark-mode{background:radial-gradient(circle at top right,#1e1b4b,#0f172a);min-height:100vh;position:relative}body.dark-mode:before{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1.5px 1.5px at 50px 160px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(1px 1px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;height:100%;left:0;opacity:.25;top:0;width:100%}body.dark-mode:after,body.dark-mode:before{content:"";pointer-events:none;position:fixed;z-index:0}body.dark-mode:after{background:radial-gradient(500px 500px at 110% -10%,#8b5cf61f 0,#0000 50%),radial-gradient(400px 400px at -10% 110%,#3b82f61a 0,#0000 50%);inset:0}:root{--grad-sleep:linear-gradient(135deg,#3b82f6,#a855f7);--grad-mood:linear-gradient(135deg,#ec4899,#fb923c);--grad-weight:linear-gradient(135deg,#10b981,#06b6d4);--primary:#6366f1;--accent-purple:#818cf8;--accent-pink:#ec4899;--accent-yellow:#fbbf24;--accent-green:#10b981;--card-dark:#1e293bb3;--background-light:#f8fafc;--background-dark:#0a0c14;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--blue-500:#3b82f6;--cyan-500:#06b6d4;--emerald-500:#10b981;--amber-500:#f59e0b;--dark-navy:#0b0f1a;--panel-dark:#161b26;--input-dark:#1e2533;--border-subtle:#ffffff14}.main-page-design .glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14}.dark-mode.main-page-design .glass{background:#0f172a66;border:1px solid #ffffff0d}.main-page-design .app-wrapper.main-page-wrap{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-width:100%;min-height:100vh;width:100%}.main-page-design .main-page-wrap{display:flex;flex-direction:column;max-width:100%;min-height:100vh;position:relative;width:100%;z-index:1}.main-page-design .main-page-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:80rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.dark-mode.main-page-design .main-page-header{border-bottom-color:#1e293b80}.main-page-design .main-page-header-left{align-items:center;display:flex;gap:1.5rem}.main-page-design .main-page-back-to-journal-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:9999px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.main-page-design .main-page-back-to-journal-btn:hover{background:#f1f5f9;background:var(--slate-100);border-color:#cbd5e1;border-color:var(--slate-300)}.dark-mode.main-page-design .main-page-back-to-journal-btn{border-color:#475569;border-color:var(--slate-600);color:#e2e8f0;color:var(--slate-200)}.dark-mode.main-page-design .main-page-back-to-journal-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#64748b;border-color:var(--slate-500)}.main-page-design .main-page-back-to-journal-btn .material-symbols-outlined{font-size:1.125rem}.main-page-design .main-page-title{margin:0}.main-page-design .main-page-title-link{background:linear-gradient(90deg,#6366f1,#818cf8,#ec4899);background:linear-gradient(to right,var(--primary),var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;background-clip:text;border:none;color:#0000;cursor:pointer;display:inline-block;font-family:inherit;font-size:1.5rem;font-weight:900;letter-spacing:-.02em;padding:0}.main-page-design .main-page-title-link:hover{opacity:.9}.main-page-design .main-page-header-left .level-progress{align-items:center;display:none;gap:.75rem}@media (min-width:768px){.main-page-design .main-page-header-left .level-progress{display:flex}}.main-page-design .main-page-xp-bar{background:#cbd5e1;background:var(--slate-300);border-radius:9999px;height:.5rem;overflow:hidden;width:8rem}.dark-mode.main-page-design .main-page-xp-bar{background:#33415580}.main-page-design .main-page-xp-fill{background:#6366f1;background:var(--primary);border-radius:9999px;height:100%;transition:width .3s ease}.main-page-design .main-page-header-right{align-items:center;display:flex;gap:1rem}.main-page-design .main-page-friends-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:9999px;color:#334155;color:var(--slate-700);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.main-page-design .main-page-friends-btn:hover{background:#f8fafc;background:var(--slate-50)}.dark-mode.main-page-design .main-page-friends-btn{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700);color:#e2e8f0;color:var(--slate-200)}.main-page-design .main-page-friends-btn .material-icons-round,.main-page-design .main-page-friends-btn .material-symbols-outlined{font-size:1.25rem}.main-page-design .main-page-user-email{font-size:.75rem;font-weight:700;opacity:.8;text-align:right}@media (max-width:640px){.main-page-design .main-page-user-email{display:none}}.main-page-design .main-page-avatar{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--accent-pink));border-radius:9999px;box-shadow:0 4px 14px #6366f133;height:2.5rem;padding:2px;width:2.5rem}.main-page-design .main-page-avatar-inner{align-items:center;background:#f1f5f9;background:var(--slate-100);border-radius:9999px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.dark-mode.main-page-design .main-page-avatar-inner{background:#0f172a;background:var(--slate-900)}.main-page-design .main-page-menu-btn{background:#0000;border:none;border-radius:.5rem;color:inherit;padding:.5rem;transition:background .2s}.main-page-design .main-page-menu-btn:hover{background:#e2e8f0;background:var(--slate-200)}.dark-mode.main-page-design .main-page-menu-btn:hover{background:#1e293b;background:var(--slate-800)}.material-symbols-outlined{font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Symbols Outlined!important;font-size:1.25em;font-style:normal;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-weight:400}.material-icons-round,.material-symbols-outlined{word-wrap:normal;direction:ltr;display:inline-block;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.material-icons-round{font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons Round!important;font-size:1.25em;font-style:normal;font-weight:400}.main-page-design .main-page-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:0 auto;max-width:80rem;padding:1.5rem;width:100%}.main-page-design .no-scrollbar::-webkit-scrollbar{display:none}.main-page-design .timeline-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.main-page-design .timeline-label-wrap{display:flex;flex-direction:column;gap:1rem}.main-page-design .timeline-label{color:#94a3b8;color:var(--slate-400);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.main-page-design .timeline-years-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.main-page-design .timeline-year-btn{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.5rem;color:#64748b;color:var(--slate-500);cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem 1rem;transition:all .2s}.main-page-design .timeline-year-btn:hover{background:#f1f5f9;background:var(--slate-100);border-color:#94a3b8;border-color:var(--slate-400)}.main-page-design .timeline-year-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 14px #6366f133;color:#fff}.dark-mode.main-page-design .timeline-year-btn{border-color:#475569;border-color:var(--slate-600);color:#94a3b8;color:var(--slate-400)}.dark-mode.main-page-design .timeline-year-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#64748b;border-color:var(--slate-500)}.dark-mode.main-page-design .timeline-year-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.main-page-design .timeline-delete-year-btn{align-items:center;background:#0000;border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.375rem;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.main-page-design .timeline-delete-year-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.dark-mode.main-page-design .timeline-delete-year-btn{border-color:#475569;border-color:var(--slate-600);color:#64748b;color:var(--slate-500)}.dark-mode.main-page-design .timeline-delete-year-btn:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.main-page-design .timeline-year-btn.timeline-year-btn-delete-mode{border-style:dashed;color:#64748b;color:var(--slate-500)}.main-page-design .timeline-year-btn.timeline-year-btn-delete-selected{background:#ef444426;border-color:#ef4444;color:#ef4444}.dark-mode.main-page-design .timeline-year-btn.timeline-year-btn-delete-mode{border-color:#475569;border-color:var(--slate-600);color:#94a3b8;color:var(--slate-400)}.dark-mode.main-page-design .timeline-year-btn.timeline-year-btn-delete-selected{background:#ef444433;border-color:#ef4444;color:#f87171}.main-page-design .timeline-year-delete-checkbox{display:inline-block;font-size:.75rem;margin-right:.25rem;min-width:1em}.main-page-design .timeline-confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.main-page-design .timeline-confirm-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #ef444466}.main-page-design .timeline-confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}.main-page-design .timeline-cancel-delete-btn{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.5rem;color:#475569;color:var(--slate-600);cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.main-page-design .timeline-cancel-delete-btn:hover{background:#f1f5f9;background:var(--slate-100);border-color:#94a3b8;border-color:var(--slate-400)}.dark-mode.main-page-design .timeline-cancel-delete-btn{border-color:#475569;border-color:var(--slate-600);color:#94a3b8;color:var(--slate-400)}.dark-mode.main-page-design .timeline-cancel-delete-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#64748b;border-color:var(--slate-500)}.main-page-design .timeline-add-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.5rem;color:#334155;padding:.5rem .625rem;transition:background .2s,border-color .2s}.main-page-design .timeline-add-btn:hover{background:#e2e8f0;border-color:#94a3b8}.main-page-design .timeline-add-btn .material-symbols-outlined{font-size:1.25rem}.dark-mode.main-page-design .timeline-add-btn{background:#334155;border-color:#475569;color:#e2e8f0}.dark-mode.main-page-design .timeline-add-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700)}.main-page-design .timeline-months-wrap{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.main-page-design .timeline-month-btn{background:#ffffff08;border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.75rem;color:inherit;font-size:1rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.main-page-design .timeline-month-btn:hover{background:#e2e8f0;background:var(--slate-200);border-color:#94a3b8;border-color:var(--slate-400);color:#1e293b;color:var(--slate-800)}.dark-mode.main-page-design .timeline-month-btn{background:#ffffff08;border-color:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.dark-mode.main-page-design .timeline-month-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700);color:#f8fafc;color:var(--slate-50)}.main-page-design .timeline-month-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 25px #6366f14d;color:#fff;font-weight:700}.main-page-design .timeline-edit-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;color:inherit;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.main-page-design .timeline-edit-btn:hover{background:#e2e8f0;background:var(--slate-200);border-color:#94a3b8;border-color:var(--slate-400);color:#1e293b;color:var(--slate-800)}.dark-mode.main-page-design .timeline-edit-btn{border-color:#1e293b;border-color:var(--slate-800);color:#e2e8f0;color:var(--slate-200)}.dark-mode.main-page-design .timeline-edit-btn:hover{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700);color:#f8fafc;color:var(--slate-50)}.main-page-design .timeline-edit-btn .material-icons-round,.main-page-design .timeline-edit-btn .material-symbols-outlined{color:#6366f1;color:var(--primary);font-size:1.25rem}.main-page-design .timeline-year-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200)}.dark-mode.main-page-design .timeline-year-dropdown{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700)}.dark-mode.main-page-design .timeline-year-dropdown button{color:#e2e8f0;color:var(--slate-200)}.main-page-design .timeline-year-dropdown button.timeline-year-dropdown-selected,.main-page-design .timeline-year-dropdown button[aria-selected=true]{background:#6366f1;background:var(--primary);color:#fff;font-weight:700}.dark-mode.main-page-design .timeline-year-dropdown button.timeline-year-dropdown-selected,.dark-mode.main-page-design .timeline-year-dropdown button[aria-selected=true]{background:#6366f1;background:var(--primary);color:#fff}.main-page-design .tracker-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.main-page-design .tracker-cards-grid{grid-template-columns:1fr}}.main-page-design .tracker-card{border:none;border-radius:1rem;cursor:pointer;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .2s}.main-page-design .tracker-card:active{transform:scale(.98)}.main-page-design .tracker-card-glow{border-radius:1rem;filter:blur(24px);inset:0;opacity:.4;position:absolute;transition:opacity .2s}.main-page-design .tracker-card:hover .tracker-card-glow{opacity:.6}.main-page-design .tracker-card-sleep .tracker-card-glow{background:linear-gradient(135deg,#3b82f6,#a855f7);background:var(--grad-sleep)}.main-page-design .tracker-card-mood .tracker-card-glow{background:linear-gradient(135deg,#ec4899,#fb923c);background:var(--grad-mood)}.main-page-design .tracker-card-weight .tracker-card-glow{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--grad-weight)}.main-page-design .tracker-card-inner{align-items:center;display:flex;justify-content:space-between;padding:1.5rem;position:relative;z-index:1}.main-page-design .tracker-card-sleep .tracker-card-inner{background:linear-gradient(135deg,#3b82f6,#a855f7);background:var(--grad-sleep);box-shadow:0 25px 50px -12px #3b82f666}.main-page-design .tracker-card-mood .tracker-card-inner{background:linear-gradient(135deg,#ec4899,#fb923c);background:var(--grad-mood);box-shadow:0 25px 50px -12px #ec489966}.main-page-design .tracker-card-weight .tracker-card-inner{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--grad-weight);box-shadow:0 25px 50px -12px #10b98166}.main-page-design .tracker-card-icon-wrap{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:1rem;color:#fff;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.main-page-design .tracker-card-icon-wrap .material-symbols-outlined{font-size:1.875rem}.main-page-design .tracker-card-text h3{color:#fffc;font-size:.75rem;font-weight:900;letter-spacing:.1em;margin:0;text-transform:uppercase}.main-page-design .tracker-card-text p{color:#fff;font-size:1.5rem;font-weight:900;margin:.25rem 0 0}.main-page-design .tracker-card-text p span{font-size:.875rem;font-weight:500;opacity:.8}.main-page-design .tracker-card-chevron{color:#fff;font-size:1.5rem;opacity:.5;transition:transform .2s,opacity .2s}.main-page-design .tracker-card:hover .tracker-card-chevron{opacity:1;transform:translateX(4px)}.main-page-design .main-page-footer{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:80rem;padding:1.5rem 1.5rem 6rem}@media (min-width:768px){.main-page-design .main-page-footer{grid-template-columns:repeat(4,1fr)}}.main-page-design .main-page-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #e2e8f080;border-radius:1rem;padding:1.25rem}.dark-mode.main-page-design .main-page-stat-card{background:#ffffff08;border-color:#3341554d}.main-page-design .main-page-stat-label{color:#64748b;color:var(--slate-500);font-size:.625rem;font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.main-page-design .main-page-stat-value{font-size:1.875rem;font-weight:900}.main-page-design .main-page-stat-value.emerald{color:#10b981;color:var(--emerald-500)}.main-page-design .main-page-stat-value.amber{color:#f59e0b;color:var(--amber-500)}.main-page-design .main-page-stat-value.primary{color:#6366f1;color:var(--primary)}.main-page-design .main-page-stat-bar{background:#e2e8f0;background:var(--slate-200);border-radius:9999px;height:6px;margin-top:.75rem;overflow:hidden}.dark-mode.main-page-design .main-page-stat-bar{background:#1e293b;background:var(--slate-800)}.main-page-design .main-page-stat-bar-fill{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--grad-weight);border-radius:9999px;height:100%;transition:width .3s ease}.main-page-design .main-page-stat-dots{display:flex;gap:.375rem;margin-top:.75rem}.main-page-design .main-page-stat-dots .dot{border-radius:9999px;height:8px;width:8px}.main-page-design .main-page-stat-dots .dot.filled{background:#f59e0b;background:var(--amber-500);box-shadow:0 0 8px #f59e0b80}.main-page-design .main-page-stat-dots .dot.empty{background:#cbd5e1;background:var(--slate-300)}.dark-mode.main-page-design .main-page-stat-dots .dot.empty{background:#334155;background:var(--slate-700)}.main-page-design .main-page-stat-sub{font-size:.625rem;font-weight:700;margin-top:.25rem}.main-page-design .main-page-stat-sub.emerald{color:#10b981;color:var(--emerald-500)}.main-page-design .main-page-stat-sub.mood{background:linear-gradient(135deg,#ec4899,#fb923c);background:var(--grad-mood);-webkit-background-clip:text;background-clip:text;color:#0000}.main-page-design .main-page-fab{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:9999px;bottom:2rem;box-shadow:0 25px 50px -12px #6366f166;color:#fff;cursor:pointer;display:none;height:4rem;justify-content:center;position:fixed;right:2rem;transition:transform .2s;width:4rem;z-index:40}.main-page-design .main-page-fab:hover{transform:scale(1.06)}.main-page-design .main-page-fab:active{transform:scale(.9)}@media (min-width:769px){.main-page-design .main-page-fab{display:flex}}.main-page-design .main-page-fab .material-symbols-outlined{font-size:1.875rem}.main-page-design .main-page-header-left .level-progress .level-badge{background:#0000;color:#6366f1;color:var(--primary);font-size:.75rem;font-weight:700;min-width:auto;padding:0}.main-page-design .main-page-header-left .level-progress .xp-bar-container{background:#cbd5e1;border-radius:9999px;flex-shrink:0;height:1.25rem;overflow:hidden;padding:0;position:relative;width:8rem}.dark-mode.main-page-design .main-page-header-left .level-progress .xp-bar-container{background:#33415580}.main-page-design .main-page-header-left .level-progress .xp-bar-fill{border-radius:9999px}.main-page-design .main-page-header-left .level-progress .xp-bar-text{font-size:.75rem;font-weight:800}.dark-mode.main-page-design .main-page-header-left .level-progress .xp-bar-text{color:#fff;text-shadow:0 0 1px #000000e6,0 1px 2px #0009}body.main-page-design:not(.dark-mode){background-color:#fff;color:#334155}body.main-page-design:not(.dark-mode) .main-page-header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a}body.main-page-design:not(.dark-mode) .main-page-header.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border-color:#e2e8f0}body.main-page-design:not(.dark-mode) .main-page-title{background:linear-gradient(90deg,#6366f1,#818cf8,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000}body.main-page-design:not(.dark-mode) .main-page-header-left .level-progress .xp-bar-container{background:#cbd5e1}body.main-page-design:not(.dark-mode) .main-page-header-left .level-progress .xp-bar-fill{background:linear-gradient(90deg,#4f46e5,#6366f1 50%,#7c3aed);box-shadow:0 1px 3px #4f46e566}body.main-page-design:not(.dark-mode) .main-page-header-left .level-progress .level-badge{color:#4f46e5;font-weight:800}body.main-page-design:not(.dark-mode) .main-page-header-left .level-progress .xp-bar-text{color:#fff;font-size:.75rem;font-weight:800;text-shadow:0 0 1px #0009,0 1px 2px #00000080}body.main-page-design:not(.dark-mode) .main-page-friends-btn{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#334155}body.main-page-design:not(.dark-mode) .main-page-friends-btn:hover{background:#f8fafc}body.main-page-design:not(.dark-mode) .main-page-user-email{color:#64748b}body.main-page-design:not(.dark-mode) .main-page-avatar-inner{background:#fff}body.main-page-design:not(.dark-mode) .main-page-menu-btn{color:#475569}body.main-page-design:not(.dark-mode) .main-page-menu-btn:hover{background:#f1f5f9}body.main-page-design:not(.dark-mode) .timeline-add-btn{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#334155}body.main-page-design:not(.dark-mode) .timeline-add-btn:hover{background:#f8fafc;border-color:#e2e8f0}body.main-page-design:not(.dark-mode) .timeline-month-btn{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#475569}body.main-page-design:not(.dark-mode) .timeline-month-btn:hover{background:#f8fafc;border-color:#e2e8f0;color:#334155}body.main-page-design:not(.dark-mode) .timeline-month-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 14px #6366f133;color:#fff}body.main-page-design:not(.dark-mode) .timeline-edit-btn{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#334155}body.main-page-design:not(.dark-mode) .timeline-edit-btn:hover{background:#f8fafc;border-color:#e2e8f0}body.main-page-design:not(.dark-mode) .timeline-year-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}body.main-page-design:not(.dark-mode) .timeline-year-dropdown button{color:#334155}body.main-page-design:not(.dark-mode) .timeline-year-dropdown button:hover{background:#f1f5f9}body.main-page-design:not(.dark-mode) .timeline-year-dropdown button.timeline-year-dropdown-selected,body.main-page-design:not(.dark-mode) .timeline-year-dropdown button[aria-selected=true]{background:#6366f1;background:var(--primary);color:#fff}body.main-page-design:not(.dark-mode) .tracker-card-sleep .tracker-card-inner{box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633}body.main-page-design:not(.dark-mode) .tracker-card-mood .tracker-card-inner{box-shadow:0 10px 15px -3px #ec48994d,0 4px 6px -2px #ec489933}body.main-page-design:not(.dark-mode) .tracker-card-weight .tracker-card-inner{box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b98133}body.main-page-design:not(.dark-mode) .daily-log-section{background:#fff;border:1px solid #f1f5f9;box-shadow:0 4px 20px -2px #0000000d,0 2px 10px -2px #00000008}body.main-page-design:not(.dark-mode) .daily-log-header{background:#fff;border-bottom:1px solid #f1f5f9}body.main-page-design:not(.dark-mode) .daily-log-habit-input{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}body.main-page-design:not(.dark-mode) .daily-log-habit-input:focus{border-color:#6366f1;border-color:var(--primary)}body.main-page-design:not(.dark-mode) .daily-log-add-btn{box-shadow:0 4px 14px #6366f133}body.main-page-design:not(.dark-mode) .daily-log-table thead tr{background:#f8fafc80;border-bottom:1px solid #f1f5f9}body.main-page-design:not(.dark-mode) .daily-log-table .daily-log-th{color:#94a3b8}body.main-page-design:not(.dark-mode) .daily-log-tbody tr.daily-log-row:hover{background:#f8fafc}body.main-page-design:not(.dark-mode) .daily-log-table .daily-log-day{color:#6366f1;color:var(--primary);font-weight:900}body.main-page-design:not(.dark-mode) .daily-log-table .current-day-row .daily-log-day{color:#6366f1;color:var(--primary)}body.main-page-design:not(.dark-mode) .daily-log-star-btn:not(.is-favourite){color:#e2e8f0}body.main-page-design:not(.dark-mode) .daily-log-star-btn.is-favourite{color:#fbbf24}body.main-page-design:not(.dark-mode) .daily-log-moment-input{color:#334155}body.main-page-design:not(.dark-mode) .daily-log-moment-input::placeholder{color:#94a3b8;opacity:.4}body.main-page-design:not(.dark-mode) .daily-log-sleep-input{color:#2563eb}body.main-page-design:not(.dark-mode) .daily-log-weight-input{color:#059669}body.main-page-design:not(.dark-mode) .daily-log-habit-btn:not(.habit-done){background:#f1f5f9;color:#cbd5e1}body.main-page-design:not(.dark-mode) .daily-log-habit-btn:not(.habit-done):hover{background:#e2e8f0}body.main-page-design:not(.dark-mode) .main-page-stat-card{background:#fff;border:1px solid #f1f5f9;box-shadow:0 4px 20px -2px #0000000d,0 2px 10px -2px #00000008}body.main-page-design:not(.dark-mode) .main-page-stat-label{color:#94a3b8}body.main-page-design:not(.dark-mode) .main-page-stat-bar,body.main-page-design:not(.dark-mode) .main-page-stat-dots .dot.empty{background:#f1f5f9}body.main-page-design:not(.dark-mode) .main-page-fab{box-shadow:0 25px 50px -12px #6366f166}body.main-page-design:not(.dark-mode) .timeline-label{color:#94a3b8}.app-container{padding:16px}.app-container,.app-wrapper{margin:0 auto;max-width:60vw;width:60vw}.app-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:background .3s ease,box-shadow .3s ease}.dark-mode .app-wrapper{background:#1a1a2ed9;box-shadow:0 4px 20px #00000080}button{border:none;border-radius:6px;cursor:pointer;font-size:15px;padding:10px 14px}.journal-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.journal-title{color:#1a1a2e;font-size:2rem;font-weight:700;margin:0}.dark-mode .journal-title{color:#f0f0f0}.rename-journal-btn{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.7;padding:8px;transition:all .2s ease}.rename-journal-btn:hover{background:#667eea33;border-color:#667eea80;box-shadow:0 2px 8px #667eea4d;opacity:1;transform:scale(1.05)}.dark-mode .rename-journal-btn{background:#667eea26;border-color:#667eea4d;color:#667eea}.dark-mode .rename-journal-btn:hover{background:#667eea40;border-color:#667eea80}.rename-journal-modal{min-width:360px}.character-count{color:#999;font-size:12px;margin-top:8px;text-align:right}.dark-mode .character-count{color:#666}@media (max-width:600px){.journal-title{font-size:1.5rem}.rename-journal-btn{padding:6px}.rename-journal-modal{min-width:280px}}.selector-container{margin-bottom:24px}.selector-section{margin-bottom:16px}.selector-label{color:#333;display:inline-block;font-size:15px;font-weight:600;margin-bottom:10px;margin-right:12px}.dark-mode .selector-label{color:#e0e0e0}.selector-buttons{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.selector-btn{background:#0000000d;border:1px solid #0000001a;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.selector-btn:hover{background:#00000014;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.selector-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.add-year-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;color:#fff;display:flex;font-weight:600;gap:6px}.add-year-btn:hover{background:linear-gradient(135deg,#3d9ae8,#00d8e4);box-shadow:0 4px 12px #4facfe66}.add-year-btn svg{flex-shrink:0}.delete-year-btn{align-items:center;background:#f443361a;border:1px solid #f443364d;color:#f44336;display:flex;font-weight:600;gap:6px}.delete-year-btn:hover{background:#f4433633;border-color:#f4433680;box-shadow:0 4px 12px #f443364d}.delete-year-btn svg{flex-shrink:0}.selector-btn.delete-mode{background:#00000008;border:2px solid #0000001a;padding-left:32px;position:relative}.selector-btn.delete-selected{background:#f4433626;border:2px solid #f44336;color:#f44336;padding-left:32px;position:relative}.dark-mode .selector-btn.delete-mode{background:#ffffff08;border-color:#ffffff1a}.dark-mode .selector-btn.delete-selected{background:#f4433633;border-color:#ff6b6b;color:#ff6b6b}.delete-checkbox{align-items:center;border:2px solid;border-radius:3px;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;left:8px;position:absolute;width:16px}.confirm-delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;color:#fff;font-weight:600}.confirm-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 12px #f4433666}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-delete-btn{background:#00000014;border:1px solid #0000001a;color:#666}.cancel-delete-btn:hover{background:#0000001f}.dark-mode .cancel-delete-btn{background:#ffffff14;border-color:#ffffff1a;color:#aaa}.dark-mode .cancel-delete-btn:hover{background:#ffffff1f}.dark-mode .selector-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.dark-mode .selector-btn:hover{background:#ffffff14;box-shadow:0 2px 8px #0000004d}.dark-mode .selector-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.year-modal-overlay,.year-modal-overlay-centered{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;width:100vw;z-index:10000}.year-modal-content{animation:modalPop .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90vw;min-width:320px;padding:28px}.dark-mode .year-modal-content{background:#1e1e2e;color:#e0e0e0}.year-modal-title{color:#333;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.dark-mode .year-modal-title{color:#e0e0e0}.year-modal-input{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.year-modal-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.dark-mode .year-modal-input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.dark-mode .year-modal-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.year-modal-error{background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;font-size:13px;margin-top:12px;padding:10px 14px;text-align:center}.dark-mode .year-modal-error{background:#f4433626;color:#ff6b6b}.year-modal-actions{display:flex;gap:12px;margin-top:24px}.year-modal-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn{background:#0000000d;color:#666}.cancel-btn:hover{background:#0000001a}.dark-mode .cancel-btn{background:#ffffff0d;color:#aaa}.dark-mode .cancel-btn:hover{background:#ffffff1a}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.save-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.delete-confirm-modal{max-width:480px}.delete-warning-icon{animation:warningPulse 2s ease-in-out infinite;font-size:48px;margin-bottom:16px;text-align:center}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-warning-text{color:#666;font-size:14px;line-height:1.6;margin:0 0 16px;text-align:center}.delete-warning-text strong{color:#f44336;font-weight:600}.dark-mode .delete-warning-text{color:#aaa}.dark-mode .delete-warning-text strong{color:#ff6b6b}.delete-confirmation-input-wrapper{margin:20px 0}.delete-confirmation-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:10px;text-align:center}.dark-mode .delete-confirmation-label{color:#e0e0e0}.delete-confirmation-label strong{color:#f44336;font-family:monospace;font-size:15px}.dark-mode .delete-confirmation-label strong{color:#ff6b6b}.delete-confirmation-input{font-family:monospace;text-align:center}.delete-confirm-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d;color:#fff}.delete-confirm-btn:hover:not(:disabled){box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}@media (max-width:768px){.selector-section{align-items:flex-start;display:flex;flex-direction:column}.selector-label{margin-bottom:8px}.selector-buttons{width:100%}.selector-btn{font-size:13px;padding:8px 12px}.year-modal-content{min-width:280px;padding:24px}.year-modal-title{font-size:18px}}.day-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.day-number{background:#f2f2f2;border:1px solid #ccc;border-radius:6px;font-size:16px;height:44px;width:44px}.day-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:15px;padding:10px}.journal-textarea{border:1px solid #ccc;border-radius:8px;font-size:16px;min-height:300px;padding:12px;width:100%}@media (max-width:600px){.day-row{gap:6px}.day-number{font-size:14px;height:38px;width:38px}.day-input{font-size:14px;padding:8px}button{font-size:14px;padding:8px 10px}}.habit-remove-x{opacity:0;transition:opacity .2s}.habit-header{min-width:80px;padding:8px;position:relative;text-align:center;transition:background .2s}.habit-header:hover{background:#ff4d4d;color:#fff}.memorable-container{overflow-x:auto}.table-scroll-wrapper{overflow-x:visible}@media (max-width:768px){.memorable-container{max-height:none;overflow:visible}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;max-height:80vh;overflow:auto}}.memorable-table{border-collapse:initial;border-spacing:0}.memorable-table thead th{background:#fafafa;position:-webkit-sticky;position:sticky;top:0;z-index:6}.dark-mode .memorable-table thead th{background:#1e1e1e}.memorable-table thead th.habit-header{position:-webkit-sticky;position:sticky;top:0;z-index:7}.memorable-table .day-cell,.memorable-table .day-header{background:#fafafa;left:0;position:-webkit-sticky;position:sticky;z-index:1}.dark-mode .memorable-table .day-cell,.dark-mode .memorable-table .day-header{background:#1e1e1e}.memorable-table .day-header{z-index:3}.memorable-table .current-day-row .day-cell{background:#fff9c4}.dark-mode .memorable-table .current-day-row .day-cell{background:#554f1f}.memorable-table .day-cell:after,.memorable-table .day-header:after{background:linear-gradient(90deg,#00000014,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:-6px;top:0;width:6px}.dark-mode .memorable-table .day-cell:after,.dark-mode .memorable-table .day-header:after{background:linear-gradient(90deg,#0003,#0000)}.memorable-table thead th:before{background:linear-gradient(180deg,#00000014,#0000);bottom:-6px;content:"";height:6px;left:0;pointer-events:none;position:absolute;right:0}.dark-mode .memorable-table thead th:before{background:linear-gradient(180deg,#0003,#0000)}.habit-input-row{display:flex;gap:8px;margin-bottom:16px}@media (max-width:768px){.habit-input-row-sticky{background:#fafafa;border-bottom:1px solid #0000000f;margin-bottom:16px;margin-left:-8px;margin-right:-8px;padding:12px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark-mode .habit-input-row-sticky{background:#1a1a2e;border-bottom-color:#ffffff14}}.habit-input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.habit-add-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.memorable-table{border-collapse:collapse;width:100%}.day-header,.habit-header,.moment-header,.sleep-header,.weight-header{font-weight:700;padding:8px;position:relative;text-align:center}.day-header{min-width:44px}.sleep-header-content{align-items:center;display:flex;gap:4px;justify-content:center}.sleep-header svg{opacity:.7}.habit-header{cursor:pointer;transition:background .2s,color .2s}.habit-header:hover{background:#ff4d4d!important;color:#fff!important}.habit-header-label{display:inline-block;margin-right:4px}.habit-visibility-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;opacity:.7;padding:2px;vertical-align:middle}.habit-visibility-btn:hover{background:#0000001a;opacity:1}.habit-header:hover .habit-visibility-btn:hover{background:#fff3}.habit-visibility-btn .material-symbols-outlined{font-size:16px}.habit-visibility-btn.hidden .material-symbols-outlined{color:#64748b;color:var(--slate-500)}.current-day-row{background:#fff9c4!important}.day-cell{color:#333;cursor:pointer;font-weight:700;min-width:44px;padding:8px;position:relative;text-align:center}.first-time-tooltip{animation:tooltipFadeIn .4s ease;bottom:calc(100% + 5px);left:20px;position:absolute;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 6px 16px #667eea66;color:#fff;font-size:12px;font-weight:500;padding:8px 28px 8px 14px;position:relative;white-space:nowrap}.tooltip-content p{align-items:center;display:flex;gap:8px;margin:0}.tooltip-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:4px;transition:background .2s ease;width:20px}.tooltip-close:hover{background:#ffffff4d}.tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #764ba2;height:0;left:25px;position:absolute;top:100%;width:0}@media (max-width:768px){.first-time-tooltip{bottom:calc(100% + 5px);left:10px}.tooltip-content{font-size:11px;max-width:250px;padding:7px 26px 7px 12px;white-space:normal}.tooltip-close{font-size:16px;height:18px;right:3px;top:3px;width:18px}.tooltip-arrow{left:20px}}.moment-cell{min-width:200px;padding:8px}.moment-cell-inner{align-items:flex-start;display:flex;gap:6px}.favourite-star-btn{background:none;border:none;color:#bbb;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:4px;transition:color .15s,transform .15s}.favourite-star-btn:hover{color:#e6b800;transform:scale(1.15)}.favourite-star-btn.is-favourite{color:#e6b800}.dark-mode .favourite-star-btn{color:#666}.dark-mode .favourite-star-btn.is-favourite,.dark-mode .favourite-star-btn:hover{color:#e6b800}.moment-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;min-width:0;overflow:hidden;padding:6px 8px;resize:none;width:100%}.moment-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.dark-mode .moment-input{background:#2a2a2a;border-color:#555;color:#fff}.dark-mode .moment-input:focus{border-color:#667eea}@media (max-width:768px){.moment-cell{min-width:150px}.moment-input{font-size:16px}}.sleep-cell{padding:8px 4px;text-align:center;width:70px}.sleep-input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 4px;text-align:center;width:60px}.sleep-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.dark-mode .sleep-input{background:#2a2a2a;border-color:#555;color:#fff}.dark-mode .sleep-input:focus{border-color:#667eea}.weight-cell{padding:8px 4px;text-align:center;width:80px}.weight-input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 4px;text-align:center;width:70px}.weight-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133;outline:none}.dark-mode .weight-input{background:#2a2a2a;border-color:#555;color:#fff}.dark-mode .weight-input:focus{border-color:#10b981}.habit-cell{background:#eee;cursor:pointer;padding:8px;text-align:center;transition:background .2s}.habit-done{background:#4caf50!important;color:#fff!important}.entry-container{margin:0 auto;padding:20px;width:100%}@media (max-width:900px){.app-container,.app-wrapper{max-width:100%;width:100%}}.back-button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:16px;padding:8px 14px}.entry-header-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.entry-title{font-size:22px;font-weight:700;margin:0}.entry-favourite-btn{font-size:24px;padding:4px 8px}.entry-textarea{border:1px solid #ccc;border-radius:8px;font-size:16px;line-height:1.5;min-height:300px;padding:12px;resize:vertical;width:100%}.dark-mode .entry-textarea{background:#2a2a2a;border:1px solid #555;color:#fff}@media (max-width:600px){.entry-container{padding-bottom:100px}}.entry-light-wrap{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:80rem;padding:2rem 1.5rem 3rem;position:relative;width:100%;z-index:10}@media (min-width:1024px){.entry-light-wrap{padding-bottom:3rem;padding-top:2.5rem}}.entry-light-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.entry-light-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0000000d;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;padding:.625rem 1.25rem;transition:background .2s,border-color .2s}.entry-light-back-btn:hover{background:#f8fafc}.entry-light-back-btn .material-symbols-outlined{font-size:18px}.entry-light-actions{align-items:center;display:flex;gap:.75rem}.entry-light-star-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0000000d;color:#b45309;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;min-height:2.75rem;padding:.5rem .875rem;transition:transform .2s,color .2s,background .2s}.entry-light-star-btn:hover{background:#fefce8;transform:scale(1.02)}.entry-light-star-btn .material-icons-round{font-size:1.25rem}.entry-light-star-btn.is-favourite{color:#f59e0b}.entry-light-star-label{white-space:nowrap}.entry-light-card.main-card{background:#fff;border:1px solid #e2e8f0;border-radius:2.5rem;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;padding:2rem}@media (min-width:768px){.entry-light-card.main-card{padding:3rem}}.entry-light-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}@media (min-width:768px){.entry-light-header{align-items:center;flex-direction:row;justify-content:space-between}}.entry-light-header-left{align-items:center;display:flex;gap:1rem}.entry-light-title{color:#0f172a;font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin:0}@media (min-width:768px){.entry-light-title{font-size:2.25rem}}.entry-day-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;font-weight:700;padding:.25rem .75rem}.entry-day-badge,.entry-light-autosave{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.entry-light-autosave{align-items:center;color:#94a3b8;display:flex;font-weight:500;gap:.5rem}.entry-light-autosave .material-symbols-outlined{font-size:14px}.entry-light-textarea-wrap{margin-bottom:3rem}.entry-light-wrap .entry-textarea.paper-input{background:#f8fafc80;border:1px solid #e2e8f0;border-radius:2rem;box-shadow:inset 0 2px 4px #0000000a;color:#1e293b;font-size:1.25rem;line-height:1.75;min-height:300px;outline:none;padding:2rem;resize:none;transition:background .3s,border-color .3s,box-shadow .3s;width:100%}.entry-light-wrap .entry-textarea.paper-input::placeholder{color:#94a3b8}.entry-light-wrap .entry-textarea.paper-input:focus{background:#fff;border-color:#6366f166;box-shadow:0 0 0 4px #6366f10d}.entry-light-image-section{margin-bottom:3rem}.entry-image-preview{border-radius:1rem;box-shadow:0 2px 8px #00000014;display:inline-block;overflow:hidden;position:relative}.entry-image-thumb{border-radius:.75rem;cursor:pointer;display:block;height:96px;object-fit:cover;transition:opacity .2s;width:96px}@media (min-width:768px){.entry-image-thumb{height:auto;max-height:360px;max-width:400px;object-fit:contain;width:auto}}.entry-image-thumb:hover{opacity:.9}.image-lightbox-overlay{background:#000000e6;inset:0;padding:2rem;position:fixed;z-index:9999}.image-lightbox-close,.image-lightbox-overlay{align-items:center;cursor:pointer;display:flex;justify-content:center}.image-lightbox-close{background:#f1f5f9;background:var(--slate-100);border:1px solid #94a3b8;border:1px solid var(--slate-400);border-radius:50%;color:#475569;color:var(--slate-600);flex-shrink:0;height:44px;padding:0;position:absolute;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));transition:background .2s,border-color .2s,color .2s;width:44px}.image-lightbox-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.image-lightbox-close .material-symbols-outlined{font-size:24px}.image-lightbox-overlay .image-lightbox-close{background:#1e293bcc;border-color:#ffffff4d;color:#fff}.image-lightbox-overlay .image-lightbox-close:hover{background:#ef4444cc;border-color:#ffffff80;color:#fff}.image-lightbox-img{border-radius:.5rem;box-shadow:0 4px 24px #00000080;cursor:default;max-height:90vh;max-width:100%;object-fit:contain}.entry-image-remove-btn{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #94a3b8;border:1px solid var(--slate-400);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:#475569;color:var(--slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:.75rem;top:.75rem;transition:background .2s,transform .15s,border-color .2s,color .2s;width:40px}.entry-image-remove-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.entry-image-remove-btn:disabled{cursor:not-allowed;opacity:.6}.entry-image-remove-btn .material-symbols-outlined{font-size:24px;font-weight:600}.dark-mode .entry-image-remove-btn{background:#161b26;background:var(--panel-dark);border-color:#ffffff14;border-color:var(--border-subtle);box-shadow:0 2px 8px #0006;color:#94a3b8;color:var(--slate-400)}.dark-mode .entry-image-remove-btn:hover:not(:disabled){background:#ef444426;border-color:#ef4444;color:#f87171}.entry-image-upload-label{cursor:pointer;display:block}.entry-image-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.entry-image-upload-btn{align-items:center;border:2px dashed #e2e8f0;border-radius:1rem;color:#64748b;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.5rem;transition:border-color .2s,color .2s,background .2s}.entry-image-upload-label:hover .entry-image-upload-btn{background:#f8fafccc;border-color:#94a3b8;color:#475569}.entry-image-upload-btn .material-symbols-outlined{font-size:24px}.entry-image-spin{animation:entry-image-spin 1s linear infinite}@keyframes entry-image-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.entry-image-loading{color:#64748b;color:var(--slate-500);font-size:.9rem;padding:2rem}.entry-image-error{color:#dc2626;font-size:.875rem;margin:.75rem 0 0}.dark-mode .entry-image-upload-btn{border-color:#334155;color:#94a3b8}.dark-mode .entry-image-upload-label:hover .entry-image-upload-btn{background:#1e293b80;border-color:#64748b;color:#cbd5e1}.dark-mode .entry-image-error{color:#f87171}.entry-light-sketch-section{margin-bottom:3rem}.sketch-section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sketch-section-title{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;margin:0}.sketch-section-icon{align-items:center;background:#eef2ff;border-radius:.75rem;color:#4f46e5;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.sketch-section-icon .material-symbols-outlined{font-size:22px}.entry-light-save-row{display:flex;justify-content:flex-end;margin-top:3rem}.entry-light-save-btn.btn-gradient-blue{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:1rem;box-shadow:0 10px 15px -3px #3b82f633;color:#fff;display:flex;font-size:1rem;font-weight:800;gap:.75rem;letter-spacing:.05em;padding:1rem 3.5rem;transition:box-shadow .3s,transform .2s}.entry-light-save-btn.btn-gradient-blue:hover{box-shadow:0 10px 25px -5px #3b82f64d}.entry-light-save-btn.btn-gradient-blue:active{transform:scale(.98)}.entry-light-save-btn .material-symbols-outlined{font-weight:700}.entry-route-wrap{background:#f8fafc;background:var(--background-light);min-height:100vh;position:relative;z-index:1}.dark-mode .entry-route-wrap{background:#0000}.entry-route-wrap .app-header{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1.5rem;padding-right:1.5rem;width:100%}.dark-mode .entry-light-wrap{color:#f1f5f9;color:var(--slate-100);min-height:100vh}.dark-mode .entry-light-wrap .entry-light-title,.dark-mode .entry-light-wrap .sketch-section-title{color:#fff}.dark-mode .entry-light-card.main-card{box-shadow:0 20px 25px -5px #0000004d}.dark-mode .entry-light-back-btn,.dark-mode .entry-light-card.main-card,.dark-mode .entry-light-star-btn{background:#161b26;background:var(--panel-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle)}.dark-mode .entry-light-back-btn,.dark-mode .entry-light-star-btn{color:#e2e8f0;color:var(--slate-200)}.dark-mode .entry-light-back-btn:hover,.dark-mode .entry-light-star-btn:hover{background:#ffffff0d}.dark-mode .entry-light-star-btn{color:#eab308}.dark-mode .entry-light-star-btn:hover{background:#ffffff14}.dark-mode .entry-light-star-btn.is-favourite{color:#facc15}.dark-mode .entry-light-wrap .entry-textarea.paper-input{background:#1e2533;background:var(--input-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.dark-mode .entry-light-wrap .entry-textarea.paper-input::placeholder{color:#475569;color:var(--slate-600)}.dark-mode .entry-light-wrap .entry-textarea.paper-input:focus{border-color:#6366f180;box-shadow:0 0 0 1px #6366f14d}.dark-mode .entry-day-badge{background:#ffffff0d;border:1px solid #ffffff0d;color:#94a3b8;color:var(--slate-400)}.dark-mode .entry-light-autosave{color:#64748b;color:var(--slate-500)}.dark-mode .entry-light-save-btn.btn-gradient-blue{box-shadow:0 10px 15px -3px #3b82f633}.dark-mode .entry-light-save-btn.btn-gradient-blue:hover{filter:brightness(1.1)}.dark-mode .sketch-section-header{border-bottom-color:#ffffff14;border-bottom-color:var(--border-subtle)}.dark-mode .sketch-section-icon{background:#6366f11a;border:1px solid #6366f133;color:#818cf8}.favourite-moments-page{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:80rem;padding:2rem 1.5rem 3rem;position:relative;width:100%;z-index:10}@media (min-width:1024px){.favourite-moments-page{padding-bottom:3rem;padding-top:2.5rem}}.favourite-moments-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.favourite-moments-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;padding:.625rem 1.25rem;transition:background .2s,border-color .2s}.favourite-moments-back-btn:hover{background:#f8fafc}.favourite-moments-back-btn .material-symbols-outlined{font-size:18px}.dark-mode .favourite-moments-back-btn{background:#161b26;background:var(--panel-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.dark-mode .favourite-moments-back-btn:hover{background:#ffffff0d}.favourite-moments-main{padding-bottom:2rem}.favourite-moments-hero{margin-bottom:2.5rem;text-align:center}.favourite-moments-title{color:#0f172a;font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}@media (min-width:768px){.favourite-moments-title{font-size:2.25rem}}.dark-mode .favourite-moments-title{color:#fff}.favourite-moments-subtitle{color:#64748b;font-size:.9375rem;font-weight:500;margin:0}.dark-mode .favourite-moments-subtitle{color:#94a3b8;color:var(--slate-400)}.favourite-moments-glass{background:#fff;border:1px solid #e2e8f0;border-radius:2.5rem;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;padding:2rem}.dark-mode .favourite-moments-glass{background:#161b26;background:var(--panel-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);box-shadow:0 20px 25px -5px #0000004d}@media (min-width:768px){.favourite-moments-glass{padding:3rem}}.favourite-moments-search-wrap{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.favourite-moments-search-icon{color:#94a3b8;font-size:1.25rem!important;left:1rem;pointer-events:none;position:absolute}.dark-mode .favourite-moments-search-icon{color:#64748b;color:var(--slate-500)}.favourite-moments-search-input{background:#f8fafc80;border:1px solid #e2e8f0;border-radius:1rem;color:#1e293b;flex:1 1;font-family:inherit;font-size:.9375rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:background .2s,border-color .2s,box-shadow .2s;width:100%}.favourite-moments-search-input::placeholder{color:#94a3b8}.favourite-moments-search-input:focus{background:#fff;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.dark-mode .favourite-moments-search-input{background:#1e2533;background:var(--input-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.dark-mode .favourite-moments-search-input::placeholder{color:#475569;color:var(--slate-600)}.dark-mode .favourite-moments-search-input:focus{border-color:#6366f180;box-shadow:0 0 0 1px #6366f14d}.favourite-moments-search-clear{align-items:center;background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.5rem;transition:color .2s,background .2s}.favourite-moments-search-clear:hover{background:#0000000d;color:#1e293b}.dark-mode .favourite-moments-search-clear{color:#94a3b8;color:var(--slate-400)}.dark-mode .favourite-moments-search-clear:hover{background:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.favourite-moments-search-clear .material-symbols-outlined{font-size:1.125rem!important}.favourite-moments-search-wrap.has-query .favourite-moments-search-input{padding-right:2.5rem}.favourite-moments-no-results{padding:3rem 1.5rem;text-align:center}.favourite-moments-no-results .material-symbols-outlined{color:#94a3b8;display:block;font-size:3rem!important;margin-bottom:1rem}.dark-mode .favourite-moments-no-results .material-symbols-outlined{color:#64748b;color:var(--slate-500)}.favourite-moments-no-results p{color:#475569;font-size:1rem;margin:0 0 .25rem}.dark-mode .favourite-moments-no-results p{color:#94a3b8;color:var(--slate-400)}.favourite-moments-no-results-hint{color:#94a3b8!important;font-size:.875rem!important}.dark-mode .favourite-moments-no-results-hint{color:#64748b!important;color:var(--slate-500)!important}.favourite-moments-list{display:flex;flex-direction:column;gap:1rem}.favourite-moment-card{align-items:flex-start;background:#f8fafc80;border:1px solid #e2e8f0;border-radius:1.5rem;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.favourite-moment-card:hover{background:#fff;border-color:#6366f14d;box-shadow:0 0 0 2px #6366f10d}.dark-mode .favourite-moment-card{background:#1e2533;background:var(--input-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle)}.dark-mode .favourite-moment-card:hover{background:#ffffff0d;border-color:#6366f166}.favourite-moment-star-wrap{flex-shrink:0;margin-top:2px}.favourite-moment-star-static{display:inline-flex;font-size:1.25rem}.favourite-moment-star-btn{align-items:center;background:none;border:none;color:#f59e0b;color:var(--amber-500);cursor:pointer;display:flex;justify-content:center;padding:0}.favourite-moment-star-btn .material-symbols-outlined{font-size:1.5rem;font-variation-settings:"FILL" 1}.dark-mode .favourite-moment-star-btn{color:#eab308}.dark-mode .favourite-moment-star-btn:hover{color:#facc15}.favourite-moment-content{flex:1 1;min-width:0}.favourite-moment-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.favourite-moment-date{color:#6366f1;color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dark-mode .favourite-moment-date{color:#818cf8}.favourite-moment-chevron{color:#94a3b8;font-size:1.25rem!important;opacity:0;transition:opacity .2s}.dark-mode .favourite-moment-chevron{color:#94a3b8;color:var(--slate-400)}.favourite-moment-card:hover .favourite-moment-chevron{opacity:1}.favourite-moment-preview{color:#1e293b;font-size:.9375rem;line-height:1.6;margin:0}.favourite-moment-preview.no-preview{color:#64748b;font-style:italic}.dark-mode .favourite-moment-preview{color:#e2e8f0;color:var(--slate-200)}.dark-mode .favourite-moment-preview.no-preview{color:#64748b;color:var(--slate-500)}.favourite-moments-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.dark-mode .favourite-moments-footer{border-top-color:#ffffff14;border-top-color:var(--border-subtle)}.favourite-moments-count{color:#64748b;font-size:.875rem;margin:0;text-align:center}.dark-mode .favourite-moments-count{color:#64748b;color:var(--slate-500)}.favourite-moments-empty{padding:3rem 1.5rem;text-align:center}.favourite-moments-empty-icon{color:#f59e0b;color:var(--amber-500);display:block;font-size:3rem!important;font-variation-settings:"FILL" 0;margin-bottom:1rem}.dark-mode .favourite-moments-empty-icon{color:#eab308}.favourite-moments-empty p{color:#475569;font-size:1.1rem;margin:0 0 .5rem}.dark-mode .favourite-moments-empty p{color:#94a3b8;color:var(--slate-400)}.favourite-moments-empty-hint{color:#64748b;font-size:.95rem!important;margin:0 auto!important;max-width:320px}.dark-mode .favourite-moments-empty-hint{color:#64748b;color:var(--slate-500)}@media (max-width:600px){.favourite-moments-page{padding:1.5rem 1rem}.favourite-moments-title{font-size:1.5rem}}.sketch-gallery-page{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:80rem;padding:2rem 1.5rem 3rem;position:relative;width:100%;z-index:10}.sketch-gallery-main{padding-bottom:2rem}.sketch-gallery-hero{margin-bottom:2.5rem;text-align:center}.sketch-gallery-title{color:#0f172a;font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.dark-mode .sketch-gallery-title{color:#fff}.sketch-gallery-subtitle{color:#64748b;font-size:.9375rem;font-weight:500;margin:0}.dark-mode .sketch-gallery-subtitle{color:#94a3b8;color:var(--slate-400)}.sketch-gallery-empty{padding:3rem 1.5rem;text-align:center}.sketch-gallery-empty-icon{color:#94a3b8;display:block;font-size:3rem!important;margin-bottom:1rem}.dark-mode .sketch-gallery-empty-icon{color:#64748b;color:var(--slate-500)}.sketch-gallery-empty p{color:#475569;font-size:1.1rem;margin:0 0 .5rem}.dark-mode .sketch-gallery-empty p{color:#94a3b8;color:var(--slate-400)}.sketch-gallery-empty-hint{color:#64748b;font-size:.95rem!important}.dark-mode .sketch-gallery-empty-hint{color:#64748b;color:var(--slate-500)}.sketch-gallery-glass{background:#fff;border:1px solid #e2e8f0;border-radius:2.5rem;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;padding:2rem}.dark-mode .sketch-gallery-glass{background:#161b26;background:var(--panel-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);box-shadow:0 20px 25px -5px #0000004d}.sketch-gallery-search-wrap{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.sketch-gallery-search-icon{color:#94a3b8;left:1rem;pointer-events:none;position:absolute}.dark-mode .sketch-gallery-search-icon{color:#64748b;color:var(--slate-500)}.sketch-gallery-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;color:#0f172a;flex:1 1;font-size:.9375rem;padding:.75rem 1rem .75rem 2.75rem;width:100%}.sketch-gallery-search-input::placeholder{color:#94a3b8}.sketch-gallery-search-input:focus{background:#fff;border-color:#6366f166;outline:none}.dark-mode .sketch-gallery-search-input{background:#1e2533;background:var(--input-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);color:#f1f5f9}.dark-mode .sketch-gallery-search-input:focus{border-color:#6366f180}.sketch-gallery-search-clear{background:#0000;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;padding:.375rem;position:absolute;right:.5rem}.sketch-gallery-search-clear:hover{background:#0000000d;color:#1e293b}.dark-mode .sketch-gallery-search-clear:hover{background:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.sketch-gallery-search-wrap.has-query .sketch-gallery-search-input{padding-right:2.5rem}.sketch-gallery-no-results{padding:3rem 1.5rem;text-align:center}.sketch-gallery-no-results .material-symbols-outlined{color:#94a3b8;display:block;font-size:3rem!important;margin-bottom:.5rem}.sketch-gallery-no-results p{color:#64748b;font-size:1rem;margin:0}.sketch-gallery-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sketch-gallery-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;cursor:pointer;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s}.sketch-gallery-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dark-mode .sketch-gallery-card{background:#1e293b80;border-color:#ffffff14;border-color:var(--border-subtle)}.dark-mode .sketch-gallery-card:hover{box-shadow:0 4px 12px #0000004d}.sketch-gallery-card-img-wrap{aspect-ratio:1;background:#e2e8f0;overflow:hidden}.dark-mode .sketch-gallery-card-img-wrap{background:#0f172a99}.sketch-gallery-card-img{height:100%;object-fit:cover;width:100%}.sketch-gallery-card-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.sketch-gallery-card-date{color:#475569;font-size:.8125rem;font-weight:600}.dark-mode .sketch-gallery-card-date{color:#94a3b8;color:var(--slate-400)}.sketch-gallery-card-open{align-items:center;background:#0000;border:none;color:#6366f1;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.35rem;padding:.25rem 0;text-align:left}.sketch-gallery-card-open:hover{text-decoration:underline}.sketch-gallery-card-open .material-symbols-outlined{font-size:14px}.sketch-gallery-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.dark-mode .sketch-gallery-footer{border-top-color:#ffffff14;border-top-color:var(--border-subtle)}.sketch-gallery-count{color:#64748b;font-size:.875rem;margin:0}.dark-mode .sketch-gallery-count{color:#64748b;color:var(--slate-500)}.light-mode{background:#fff;color:#000;position:relative}.light-mode:before{background:#fff;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.dark-mode{background:#0f172a;color:#e0e0e0;position:relative}.dark-mode:before{background:#0f172a}.dark-mode:after,.dark-mode:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.dark-mode:after{animation:sparkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 60px 70px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 80px 10px,#fffc,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 160px 30px,#fff,#0000),radial-gradient(2px 2px at 200px 60px,#fff,#0000),radial-gradient(1px 1px at 250px 20px,#fff,#0000),radial-gradient(1.5px 1.5px at 280px 90px,#fffc,#0000),radial-gradient(2px 2px at 320px 50px,#fff,#0000),radial-gradient(1px 1px at 350px 70px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 100px 120px,#fff,#0000),radial-gradient(2px 2px at 150px 150px,#fffc,#0000),radial-gradient(1px 1px at 220px 110px,#fff,#0000),radial-gradient(1.5px 1.5px at 300px 130px,#ffffffe6,#0000);background-repeat:repeat;background-size:400px 200px;opacity:.9}@keyframes sparkle{0%,to{opacity:.7}50%{opacity:1}}.dark-mode,.light-mode{transition:background .3s ease,color .3s ease}.theme-toggle{align-items:center;background:#ffffffe6;border:2px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;padding:8px;transition:transform .2s ease,box-shadow .2s ease;width:38px;z-index:999}.theme-toggle svg{height:20px;width:20px}.theme-toggle:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.light-mode .theme-toggle{background:#fffffff2;border-color:#87ceeb4d}.dark-mode .theme-toggle{background:#1a1a2ee6;border-color:#ffd7004d}.dark-mode .theme-toggle:hover{box-shadow:0 4px 12px #ffd7004d}.dark-mode input,.dark-mode textarea{background:#2a2a2a;border:1px solid #555;color:#fff}.dark-mode .memorable-table{background:#1e1e1e}.dark-mode .habit-cell{background:#333}.dark-mode .habit-done{background:#2e7d32!important}.dark-mode .current-day-row{background:#554f1f!important}.dark-mode .habit-header{background:#2a2a2a;color:#e0e0e0}.dark-mode .habit-visibility-btn{color:#cbd5e1;opacity:1}.dark-mode .habit-visibility-btn .material-symbols-outlined{color:#cbd5e1}.dark-mode .habit-visibility-btn.hidden .material-symbols-outlined{color:#94a3b8}.dark-mode .habit-visibility-btn:hover{background:#ffffff1f}.light-mode h1,.light-mode h2{color:#1a1a2e}.dark-mode h1,.dark-mode h2{color:#f0f0f0}.dark-mode .day-cell{color:#e0e0e0}.dark-mode .back-button,.dark-mode .habit-add-btn{background:#444}.sketch-pad-container{background:#0000;border-radius:12px;margin-top:0;overflow:visible;transition:background .3s ease,box-shadow .3s ease}.sketch-pad-container.sketch-pad-light{margin-top:0}.sketch-toolbar-panel.toolbar-panel{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1px 2px #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:0;padding:1rem}.sketch-colors-row{align-items:center;display:flex;gap:.25rem}.sketch-pad-light .sketch-color-btn{border:none;border-radius:9999px;cursor:pointer;height:2rem;padding:0;transition:transform .2s,box-shadow .2s;width:2rem}.sketch-pad-light .sketch-color-btn:hover{transform:scale(1.1)}.sketch-pad-light .sketch-color-btn.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6366f1;transform:scale(1.1)}.sketch-color-wheel{align-items:center;background:conic-gradient(#f43f5e,#f59e0b,#fde047,#10b981,#0ea5e9,#4f46e5,#d946ef,#f43f5e);border-radius:9999px;cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;margin-left:.25rem;position:relative;transition:transform .2s,box-shadow .2s;width:2rem}.sketch-color-wheel:hover{transform:scale(1.1)}.sketch-color-wheel.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6366f1;transform:scale(1.1)}.sketch-color-wheel-dot{border:2px solid #fff;border-radius:9999px;box-shadow:0 0 0 1px #0f172a26;height:.9rem;pointer-events:none;width:.9rem}.sketch-color-wheel-input{border:none;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.sketch-toolbar-divider{background:#e2e8f0;height:2rem;width:1px}.sketch-toolbar-divider-lg{display:none}@media (min-width:640px){.sketch-toolbar-divider{display:block}}@media (min-width:1024px){.sketch-toolbar-divider-lg{display:block}}.sketch-toolbar-group{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:200px}.sketch-pad-light .sketch-eraser-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;color:#475569;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:background .2s,border-color .2s}.sketch-pad-light .sketch-eraser-btn:hover{background:#f8fafc}.sketch-pad-light .sketch-eraser-btn.active{background:#334155;border-color:#475569;box-shadow:0 0 0 2px #6366f14d;color:#fff}.sketch-pad-light .sketch-eraser-btn .material-symbols-outlined{font-size:16px}.sketch-size-group{align-items:center;display:flex;flex:1 1;gap:.75rem;max-width:150px}.sketch-size-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sketch-pad-light .sketch-size-slider{accent-color:#4f46e5;background:#e2e8f0;border-radius:9999px;height:6px;width:100%}.sketch-pad-light .sketch-size-display{color:#475569;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;min-width:2.5rem}.sketch-actions-group{align-items:center;display:flex;gap:.75rem;margin-left:auto}.sketch-undo-btn.undo-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;color:#475569;display:flex;height:2.75rem;justify-content:center;padding:0;transition:background .2s,border-color .2s,opacity .2s;width:2.75rem}.sketch-undo-btn.undo-btn:hover:not(:disabled){background:#f8fafc}.sketch-undo-btn.undo-btn:disabled{cursor:not-allowed;opacity:.4}.sketch-undo-btn .material-symbols-outlined{font-size:20px}.dark-mode .sketch-undo-btn.undo-btn{background:#334155;border-color:#475569;color:#94a3b8}.dark-mode .sketch-undo-btn.undo-btn:hover:not(:disabled){background:#475569;color:#fff}.sketch-clear-btn.btn-gradient-pink{background:linear-gradient(135deg,#ec4899,#f97316);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #ec489933;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:.625rem 1.5rem;text-transform:uppercase;transition:box-shadow .3s,transform .2s}.sketch-clear-btn.btn-gradient-pink:hover{box-shadow:0 10px 25px -5px #ec48994d}.sketch-clear-btn.btn-gradient-pink:active{transform:scale(.98)}.sketch-canvas-btn.btn-gradient-green{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #10b98133;color:#fff;display:flex;font-size:.75rem;font-weight:800;gap:.5rem;letter-spacing:.1em;padding:.625rem 1.5rem;text-transform:uppercase;transition:box-shadow .3s,transform .2s}.sketch-canvas-btn.btn-gradient-green:hover{box-shadow:0 10px 25px -5px #10b9814d}.sketch-canvas-btn.btn-gradient-green:active{transform:scale(.98)}.sketch-canvas-btn .material-symbols-outlined{font-size:16px}.sketch-canvas-wrap.paper-input{background:#f8fafc80;border:1px solid #e2e8f0;border-radius:2.5rem;box-shadow:inset 0 2px 4px #0000000a;height:450px;overflow:hidden;position:relative;width:100%}.sketch-canvas-dots{background-image:radial-gradient(#e2e8f0 1.5px,#0000 0);background-size:28px 28px;inset:0;opacity:.4;pointer-events:none;position:absolute}.sketch-canvas-placeholder{align-items:center;color:#cbd5e1;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;pointer-events:none;position:absolute}.sketch-canvas-placeholder:hover{color:#94a3b8}.sketch-canvas-placeholder .material-symbols-outlined{font-size:4rem}.sketch-canvas-placeholder p{font-size:1.125rem;font-style:italic;font-weight:600;margin:0}.sketch-pad-light .sketch-canvas{border:none;border-radius:2.5rem;display:block;height:100%;inset:0;position:absolute;touch-action:none;width:100%}@media (max-width:600px){.sketch-canvas-wrap.paper-input{height:300px}.sketch-toolbar-panel.toolbar-panel{align-items:stretch;flex-direction:column}.sketch-toolbar-group{min-width:0}.sketch-actions-group{margin-left:0}.sketch-toolbar-divider,.sketch-toolbar-divider-lg{display:none}}.dark-mode .sketch-toolbar-panel.toolbar-panel{background:#161b26;background:var(--panel-dark);border:1px solid #ffffff14;border:1px solid var(--border-subtle);box-shadow:0 10px 15px -3px #0003}.dark-mode .sketch-toolbar-divider{background:#ffffff0d}.dark-mode .sketch-pad-light .sketch-color-btn.active{box-shadow:0 0 0 2px #161b26,0 0 0 4px #6366f1;box-shadow:0 0 0 2px var(--panel-dark),0 0 0 4px var(--primary)}.dark-mode .sketch-pad-light .sketch-eraser-btn{background:#ffffff0d;border:1px solid #ffffff0d;color:#cbd5e1;color:var(--slate-300)}.dark-mode .sketch-pad-light .sketch-eraser-btn:hover{background:#ffffff1a}.dark-mode .sketch-pad-light .sketch-eraser-btn.active{background:#ffffff1a;border-color:#ffffff14;box-shadow:0 0 0 2px #6366f140;color:#e2e8f0;color:var(--slate-200)}.dark-mode .sketch-size-label{color:#64748b;color:var(--slate-500)}.dark-mode .sketch-pad-light .sketch-size-display{color:#94a3b8;color:var(--slate-400)}.dark-mode .sketch-pad-light .sketch-size-slider{accent-color:#6366f1;accent-color:var(--primary);background:#ffffff0d}.dark-mode .sketch-canvas-wrap.paper-input{background:#1e2533;background:var(--input-dark);border:1px dashed #ffffff1a}.dark-mode .sketch-canvas-dots{background-image:radial-gradient(#ffffff26 1px,#0000 0);background-size:24px 24px;opacity:.02}.dark-mode .sketch-canvas-placeholder{color:#475569;color:var(--slate-600)}.dark-mode .sketch-canvas-placeholder:hover{color:#64748b;color:var(--slate-500)}.dark-mode .sketch-canvas-placeholder p{opacity:.6}.sketch-pad-container:not(.sketch-pad-light){background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:24px;overflow:hidden}.dark-mode .sketch-pad-container:not(.sketch-pad-light){background:#1a1a2ef2;box-shadow:0 2px 8px #0000004d}.sketch-pad-header{background:#f8f8f8cc;border-bottom:1px solid #0000001a;padding:16px}.dark-mode .sketch-pad-header{background:#1e1e32cc;border-bottom-color:#ffffff1a}.sketch-pad-header h3{font-size:18px;font-weight:600;margin:0 0 12px}.sketch-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.color-picker,.sketch-action-buttons{align-items:center;display:flex;gap:8px}.color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;padding:0;transition:transform .2s ease,border-color .2s ease;width:32px}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#333;box-shadow:0 0 0 2px #0003;transform:scale(1.15)}.dark-mode .color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.brush-size-control{align-items:center;display:flex;gap:8px}.brush-size-control label{font-size:14px;font-weight:500}.brush-slider{appearance:none;-webkit-appearance:none;background:#ddd;border-radius:2px;height:4px;outline:none;width:100px}.dark-mode .brush-slider{background:#555}.brush-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#333;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .2s ease;transition:background .2s ease;width:16px}.dark-mode .brush-slider::-webkit-slider-thumb{background:#fff}.brush-slider::-moz-range-thumb{background:#333;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:background .2s ease;transition:background .2s ease;width:16px}.dark-mode .brush-slider::-moz-range-thumb{background:#fff}.brush-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.brush-slider:hover::-moz-range-thumb{transform:scale(1.2)}.brush-size-display{font-size:14px;font-weight:500;min-width:40px}.clear-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease,transform .2s ease}.clear-btn:hover{background:#ff5252;transform:translateY(-1px)}.clear-btn:active{transform:translateY(0)}.eraser-btn{align-items:center;background:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.eraser-btn svg{flex-shrink:0}.eraser-btn:hover{background:#8e44ad;transform:translateY(-1px)}.eraser-btn:active{transform:translateY(0)}.eraser-btn.active{background:#6c3483;box-shadow:0 0 0 3px #9b59b666}.dark-mode .eraser-btn.active{box-shadow:0 0 0 3px #9b59b699}.bg-toggle-btn{align-items:center;background:#4ecdc4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s ease,transform .2s ease}.bg-toggle-btn svg{flex-shrink:0}.bg-toggle-btn:hover{background:#45b8b0;transform:translateY(-1px)}.bg-toggle-btn:active{transform:translateY(0)}.sketch-canvas{border-top:1px solid #0000001a;display:block;height:400px;touch-action:none;width:100%}.dark-mode .sketch-canvas{border-top-color:#ffffff1a}@media (max-width:600px){.sketch-controls{align-items:flex-start;flex-direction:column}.color-picker{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;width:100%}.color-picker::-webkit-scrollbar{height:6px}.color-picker::-webkit-scrollbar-track{background:#0000000f;border-radius:3px}.color-picker::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dark-mode .color-picker::-webkit-scrollbar-track{background:#ffffff14}.dark-mode .color-picker::-webkit-scrollbar-thumb{background:#ffffff40}.color-btn{flex-shrink:0}.brush-size-control{width:100%}.brush-slider{flex:1 1}.sketch-canvas{height:300px}}.trackers-buttons-wrapper{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.trackers-buttons-wrapper>*{margin-bottom:0!important;min-width:0}.trackers-buttons-wrapper .mood-toggle-btn,.trackers-buttons-wrapper .sleep-toggle-btn,.trackers-buttons-wrapper .weight-toggle-btn{width:100%}.trackers-buttons-wrapper .mood-tracker:has(.mood-panel),.trackers-buttons-wrapper .sleep-tracker:has(.sleep-panel),.trackers-buttons-wrapper .weight-tracker:has(.weight-panel){grid-column:1/-1;margin-bottom:20px!important}@media (max-width:768px){.trackers-buttons-wrapper{grid-template-columns:1fr}.trackers-buttons-wrapper>*{margin-bottom:12px!important}.trackers-buttons-wrapper .mood-tracker:has(.mood-panel),.trackers-buttons-wrapper .sleep-tracker:has(.sleep-panel),.trackers-buttons-wrapper .weight-tracker:has(.weight-panel){margin-bottom:16px!important}}.daily-log-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;margin-top:1.5rem;overflow:hidden}body:not(.dark-mode) .daily-log-section{background:#fff6;border-color:#e2e8f0;border-color:var(--slate-200)}.dark-mode .daily-log-section{background:#0f172ad9;border-color:#1e293b99}.daily-log-header{align-items:center;background:#fff6;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.dark-mode .daily-log-header{background:#0f172a80;border-bottom-color:#1e293b99}.daily-log-title{align-items:center;color:inherit;display:flex;font-size:1.25rem;font-weight:900;gap:.5rem;margin:0}.daily-log-title-icon{color:#6366f1;color:var(--primary);font-size:1.5rem}.daily-log-add-habit{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:320px;min-width:0}.daily-log-habit-input{background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;flex:1 1;font-size:.875rem;min-width:0;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s}.daily-log-habit-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f140;outline:none}.dark-mode .daily-log-habit-input{background:#02061780;border-color:#1e293b;border-color:var(--slate-800);color:#e2e8f0;color:var(--slate-200)}.daily-log-add-btn{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.25rem;padding:.5rem 1.25rem;transition:background .2s}.daily-log-add-btn:hover{background:#6366f1e6}.daily-log-add-icon{font-size:.875rem}.daily-log-table-wrap{overflow-x:auto}.daily-log-table thead tr{background:#f8fafc;background:var(--slate-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200)}.dark-mode .daily-log-table thead tr{background:#0f172a99;border-bottom-color:#1e293b99}.daily-log-table .daily-log-th{color:#64748b;color:var(--slate-500);font-size:.625rem;font-weight:900;letter-spacing:.2em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.dark-mode .daily-log-table .daily-log-th{color:#94a3b8;color:var(--slate-400)}.daily-log-table .day-header.daily-log-th{min-width:4rem;width:4rem}.daily-log-table .moment-header.daily-log-th{min-width:280px}.daily-log-table .habit-header.daily-log-th,.daily-log-table .sleep-header.daily-log-th,.daily-log-table .weight-header.daily-log-th{min-width:6rem;text-align:center;width:7rem}.daily-log-tbody{background:#0000}.dark-mode .daily-log-tbody{background:#0f172a80}.daily-log-tbody tr.daily-log-row{background:#0000;transition:background .2s}.dark-mode .daily-log-tbody tr.daily-log-row{background:#0000}.daily-log-tbody tr.daily-log-row:hover{background:#f8fafccc}.dark-mode .daily-log-tbody tr.daily-log-row:hover{background:#1e293b80}.daily-log-tbody .daily-log-row+.daily-log-row{border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100)}.dark-mode .daily-log-tbody .daily-log-row+.daily-log-row{border-top-color:#1e293b66}.daily-log-table .daily-log-day{background:inherit;color:#6366f1;color:var(--primary);font-weight:900;padding:1.25rem 1.5rem}.dark-mode .daily-log-table .daily-log-day{color:#818cf8;color:var(--accent-purple)}.daily-log-table .current-day-row .daily-log-day{background:#fff9c4;color:#1e293b;color:var(--slate-800);opacity:1}.dark-mode .daily-log-table .current-day-row .daily-log-day{background:#554f1f;color:#f1f5f9;color:var(--slate-100)}.daily-log-table .daily-log-moment{padding:1.25rem 1.5rem}.daily-log-moment-inner{align-items:center;display:flex;gap:.75rem}.daily-log-star-btn{align-items:center;background:none;border:none;color:#cbd5e1;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:color .15s}.dark-mode .daily-log-star-btn{color:#334155}.daily-log-star-btn:hover{color:#fbbf24}.daily-log-star-btn .material-icons-round{font-size:1.125rem}.daily-log-star-btn.is-favourite,.daily-log-star-btn.is-favourite .material-icons-round{color:#fbbf24}.daily-log-moment-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#334155;font-size:.875rem;font-weight:700}.dark-mode .daily-log-moment-input{color:#e2e8f0}.daily-log-moment-input::placeholder{opacity:.4}.daily-log-moment-input:focus{border:none!important;outline:none!important}.daily-log-table .daily-log-sleep,.daily-log-table .daily-log-weight{padding:1.25rem 1rem;text-align:center}.daily-log-sleep-input,.daily-log-weight-input{background:#0000!important;border:none!important;font-size:.875rem;font-weight:700;margin:0 auto;max-width:5rem;text-align:center;width:100%}.daily-log-sleep-input{color:#3b82f6;color:var(--blue-500)}.dark-mode .daily-log-sleep-input{color:#60a5fa}.daily-log-weight-input{color:#06b6d4;color:var(--cyan-500)}.dark-mode .daily-log-weight-input{color:#22d3ee}.daily-log-sleep-input::placeholder,.daily-log-weight-input::placeholder{color:inherit;opacity:.4}.daily-log-table .daily-log-habit-cell{background:inherit;padding:1.25rem 1rem;text-align:center;vertical-align:middle}.daily-log-habit-btn{align-items:center;background:#e2e8f080;border:none;border-radius:.75rem;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:inline-flex;height:2.25rem;justify-content:center;transition:all .2s;width:2.25rem}.dark-mode .daily-log-habit-btn{background:#1e293b;background:var(--slate-800);color:#475569;color:var(--slate-600)}.daily-log-habit-btn .material-icons-round{font-size:1.25rem}.daily-log-habit-btn:hover{background:#cbd5e1;background:var(--slate-300)}.dark-mode .daily-log-habit-btn:hover{background:#334155;background:var(--slate-700)}.daily-log-habit-btn.habit-done{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--grad-weight);box-shadow:0 10px 15px -3px #10b98133;color:#fff}.daily-log-habit-btn.habit-done .material-icons-round{color:inherit}.daily-log-row:hover .daily-log-habit-btn:not(.habit-done) .material-icons-round{opacity:.7}.daily-log-table.daily-log-table thead th{background:#f8fafc;background:var(--slate-50)}.dark-mode .daily-log-table.daily-log-table thead th{background:#0f172a99}.daily-log-table .day-cell.daily-log-day{background:inherit}.dark-mode .daily-log-table tbody .day-cell.daily-log-day{background:#0000}.dark-mode .daily-log-table thead .day-header.daily-log-day,.dark-mode .daily-log-table thead th{background:#0f172a99}.dark-mode .daily-log-table .daily-log-habit-cell,.dark-mode .daily-log-table .daily-log-moment,.dark-mode .daily-log-table .daily-log-sleep,.dark-mode .daily-log-table .daily-log-weight{background:#0000}html[lang=ar] .daily-log-header .daily-log-title{font-size:1.5rem}html[lang=ar] .daily-log-header .daily-log-title-icon{font-size:1.75rem}html[lang=ar] .daily-log-header .daily-log-habit-input{font-size:1.1rem}html[lang=ar] .daily-log-header .daily-log-add-btn,html[lang=ar] .daily-log-header .daily-log-add-icon{font-size:1.05rem}html[lang=ar] .daily-log-table .habit-header.daily-log-th{font-size:.85rem}html[lang=ar] .daily-log-table .daily-log-th{font-size:.8rem}@media (max-width:768px){.daily-log-header{align-items:stretch;flex-direction:column}.daily-log-add-habit{max-width:none}}.sleep-tracker{margin-bottom:20px}.sleep-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-width:180px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.sleep-toggle-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.sleep-chevron{margin-left:auto;transition:transform .3s ease}.sleep-chevron.expanded{transform:rotate(180deg)}.sleep-panel{animation:slideDown .3s ease;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:12px;padding:20px}.dark-mode .sleep-panel{background:#1e1e32f2;box-shadow:0 4px 20px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sleep-title{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.dark-mode .sleep-title{color:#e0e0e0}.sleep-instruction{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;margin:0 0 16px}.dark-mode .sleep-instruction{color:#aaa}.sleep-chart-container{background:#00000005;border-radius:8px;margin-bottom:20px;padding:10px 0}@media (max-width:768px){.sleep-chart-container{margin-left:-8px;margin-right:-8px;padding:10px 0}}.dark-mode .sleep-chart-container{background:#ffffff05}.sleep-stats{background:#667eea1a;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:16px}.dark-mode .sleep-stats{background:#667eea26}.sleep-stat{align-items:center;display:flex;flex-direction:column;min-width:70px}.sleep-stat-label{color:#666;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dark-mode .sleep-stat-label{color:#aaa}.sleep-stat-value{color:#667eea;font-size:18px;font-weight:600}.sleep-tooltip{background:#fffffff2;border-radius:8px;box-shadow:0 2px 10px #00000026;font-size:13px;padding:8px 12px}.dark-mode .sleep-tooltip{background:#28283cf2;color:#e0e0e0}.sleep-tooltip p{margin:0}.sleep-input-section{border-top:1px solid #0000001a;padding-top:16px}.dark-mode .sleep-input-section{border-top-color:#ffffff1a}.sleep-hint{color:#666;font-size:13px;margin:0 0 12px}.dark-mode .sleep-hint{color:#aaa}.sleep-days-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.sleep-day-btn{background:#f8f8f8;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:8px 4px;transition:all .2s ease}.sleep-day-btn:hover{background:#e8e8ff;border-color:#667eea}.sleep-day-btn.has-data{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.sleep-day-btn.today{box-shadow:0 0 0 2px #333}.dark-mode .sleep-day-btn{background:#2a2a3e;border-color:#444;color:#aaa}.dark-mode .sleep-day-btn:hover{background:#3a3a5e;border-color:#667eea}.dark-mode .sleep-day-btn.has-data{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dark-mode .sleep-day-btn.today{box-shadow:0 0 0 2px #fff}.sleep-edit-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sleep-edit-content{animation:modalPop .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;min-width:280px;padding:24px}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dark-mode .sleep-edit-content{background:#1e1e2e;color:#e0e0e0}.sleep-edit-content h4{font-size:18px;margin:0 0 16px;text-align:center}.sleep-edit-input-row{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:20px}.sleep-hours-input{border:2px solid #ddd;border-radius:8px;font-size:20px;outline:none;padding:12px;text-align:center;transition:border-color .2s;width:80px}.sleep-hours-input:focus{border-color:#667eea}.dark-mode .sleep-hours-input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.dark-mode .sleep-hours-input:focus{border-color:#667eea}.sleep-hours-label{color:#666;font-size:16px}.dark-mode .sleep-hours-label{color:#aaa}.sleep-edit-actions{display:flex;gap:12px;justify-content:center}.sleep-cancel-btn,.sleep-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.sleep-cancel-btn{background:#eee;color:#666}.sleep-cancel-btn:hover{background:#ddd}.dark-mode .sleep-cancel-btn{background:#333;color:#aaa}.dark-mode .sleep-cancel-btn:hover{background:#444}.sleep-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sleep-save-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.mood-tracker{margin-bottom:20px}.mood-toggle-btn{align-items:center;background:linear-gradient(135deg,#fa709a,#fee140);border:none;border-radius:10px;box-shadow:0 4px 15px #fa709a66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-width:180px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.mood-toggle-btn:hover{box-shadow:0 6px 20px #fa709a80;transform:translateY(-2px)}.mood-chevron{margin-left:auto;transition:transform .3s ease}.mood-chevron.expanded{transform:rotate(180deg)}.mood-panel{animation:slideDown .3s ease;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:12px;padding:20px}.dark-mode .mood-panel{background:#1e1e32f2;box-shadow:0 4px 20px #0000004d}.mood-title{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.dark-mode .mood-title{color:#e0e0e0}.mood-legend{align-items:center;background:#fa709a1a;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.dark-mode .mood-legend{background:#fa709a26}.mood-legend-item{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.mood-legend-box{border:2px solid #0000001a;border-radius:6px;height:24px;width:24px}.mood-ecstatic{background:#fbbf24}.mood-happy{background:#10b981}.mood-neutral{background:#6366f1}.mood-sad{background:#3b82f6}.mood-angry{background:#ef4444}.mood-legend-hint{color:#888;font-size:12px;font-style:italic;margin-left:auto}.dark-mode .mood-legend-hint{color:#c8c8c8}.mood-calendar{background:#00000005;border-radius:10px;padding:16px}.dark-mode .mood-calendar{background:#ffffff05}.mood-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.mood-weekday{color:#666;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.dark-mode .mood-weekday{color:#aaa}.mood-calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.mood-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;transition:all .2s}.mood-day:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.mood-day.empty{background:#0000;border:none;cursor:default}.mood-day.empty:hover{box-shadow:none;transform:none}.mood-day.mood-ecstatic{background:#fbbf24;border-color:#f59e0b;color:#1f2937}.mood-day.mood-happy{background:#10b981;border-color:#059669;color:#fff}.mood-day.mood-neutral{background:#6366f1;border-color:#4f46e5;color:#fff}.mood-day.mood-sad{background:#3b82f6;border-color:#2563eb;color:#fff}.mood-day.mood-angry{background:#ef4444;border-color:#dc2626;color:#fff}.mood-day.today{box-shadow:0 0 0 3px #fa709a}.dark-mode .mood-day{background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .mood-day:hover:not(.mood-ecstatic):not(.mood-happy):not(.mood-neutral):not(.mood-sad):not(.mood-angry){background:#3a3a3a}.dark-mode .mood-day.mood-ecstatic{background:#fbbf24!important;border-color:#f59e0b!important;color:#1f2937!important}.dark-mode .mood-day.mood-happy{background:#10b981!important;border-color:#059669!important;color:#fff!important}.dark-mode .mood-day.mood-neutral{background:#6366f1!important;border-color:#4f46e5!important;color:#fff!important}.dark-mode .mood-day.mood-sad{background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important}.dark-mode .mood-day.mood-angry{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.weight-tracker{margin-bottom:20px}.weight-toggle-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-width:180px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.weight-toggle-btn:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.weight-chevron{margin-left:auto;transition:transform .3s ease}.weight-chevron.expanded{transform:rotate(180deg)}.weight-panel{animation:slideDown .3s ease;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:12px;padding:20px}.dark-mode .weight-panel{background:#1e1e32f2;box-shadow:0 4px 20px #0000004d}.weight-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.weight-title{color:#333;font-size:18px;font-weight:600;margin:0}.dark-mode .weight-title{color:#e0e0e0}.weight-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.weight-unit-toggle{background:#10b98114;border:1px solid #10b98166;border-radius:8px;display:inline-flex;overflow:hidden}.weight-unit-btn{background:#0000;border:none;color:#059669;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.weight-unit-btn:hover{background:#10b98126}.weight-unit-btn.active{background:#10b981;color:#fff}.dark-mode .weight-unit-toggle{background:#10b9811a;border-color:#10b98166}.dark-mode .weight-unit-btn{color:#34d399}.dark-mode .weight-unit-btn:hover{background:#10b98133}.dark-mode .weight-unit-btn.active{background:#10b981;color:#fff}.weight-goal-btn{background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;color:#10b981;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.weight-goal-btn:hover{background:#10b98133;border-color:#10b98180}.dark-mode .weight-goal-btn{background:#10b98126;color:#34d399}.dark-mode .weight-goal-btn:hover{background:#10b98140}.weight-instruction{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;margin:0 0 16px}.dark-mode .weight-instruction{color:#aaa}.weight-chart-container{background:#00000005;border-radius:8px;margin-bottom:20px;padding:10px 0}.dark-mode .weight-chart-container{background:#ffffff05}@media (max-width:768px){.weight-chart-container{margin-left:-8px;margin-right:-8px;padding:10px 0}}.weight-stats{background:#10b9811a;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:16px}.dark-mode .weight-stats{background:#10b98126}.weight-stat{align-items:center;display:flex;flex-direction:column;min-width:70px}.weight-stat-label{color:#666;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dark-mode .weight-stat-label{color:#aaa}.weight-stat-value{color:#10b981;font-size:18px;font-weight:600}.weight-stat-value.weight-loss{color:#10b981}.weight-stat-value.weight-gain{color:#f59e0b}.weight-no-data{color:#888;font-size:14px;font-style:italic;margin:0;padding:8px 0;text-align:center}.dark-mode .weight-no-data{color:#aaa}.weight-tooltip{background:#fffffff2;border-radius:8px;box-shadow:0 2px 10px #00000026;font-size:13px;padding:8px 12px}.dark-mode .weight-tooltip{background:#28283cf2;color:#e0e0e0}.weight-tooltip p{margin:0}.weight-hint{color:#666;font-size:13px;margin:0}.dark-mode .weight-hint{color:#aaa}.weight-modal-content.year-modal-content{min-width:300px}.weight-modal-content .year-modal-title{font-size:18px;margin:0 0 16px}.weight-goal-input{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.weight-goal-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.dark-mode .weight-goal-input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.dark-mode .weight-goal-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.weight-modal-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.weight-clear-goal-btn{background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;cursor:pointer;font-size:14px;font-weight:500;margin-right:auto;padding:10px 20px;transition:all .2s}.weight-clear-goal-btn:hover{background:#f4433633}.dark-mode .weight-clear-goal-btn{background:#f4433626;color:#ff6b6b}.confetti-wrap{opacity:1;transition:opacity 1.2s ease-out}.confetti-wrap.confetti-fade-out{opacity:0}.level-up-banner{animation:levelUpBannerDrop .4s ease-out forwards;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 16px 16px;box-shadow:0 4px 20px #667eea66;color:#fff;font-size:1.25rem;font-weight:700;left:50%;letter-spacing:.02em;padding:max(14px,env(safe-area-inset-top,0px)) 28px 14px;pointer-events:none;position:fixed;text-transform:uppercase;top:0;transform:translateX(-50%) translateY(-100%);z-index:10001}@keyframes levelUpBannerDrop{0%{transform:translateX(-50%) translateY(-100%)}to{transform:translateX(-50%) translateY(0)}}.dark-mode .level-up-banner{box-shadow:0 4px 20px #667eea80}.landing-page{background:#0a0a1a;color:#fff;font-family:DM Sans,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-bg{inset:0;overflow:hidden;position:fixed;z-index:0}.landing-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.landing-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:600px;left:-100px;top:-200px;width:600px}.landing-orb-2{animation-delay:-7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;right:-100px;width:500px}.landing-orb-3{animation-delay:-14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:400px;left:50%;opacity:.3;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.landing-stars{animation:sparkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 100px 50px,#fffc,#0000),radial-gradient(2px 2px at 300px 150px,#fff9,#0000),radial-gradient(1px 1px at 200px 250px,#ffffffe6,#0000),radial-gradient(2px 2px at 500px 100px,#ffffffb3,#0000),radial-gradient(1px 1px at 400px 300px,#fffc,#0000),radial-gradient(2px 2px at 600px 200px,#ffffff80,#0000),radial-gradient(1px 1px at 150px 400px,#ffffffe6,#0000),radial-gradient(2px 2px at 700px 350px,#fff9,#0000),radial-gradient(1px 1px at 50px 300px,#ffffffb3,#0000),radial-gradient(2px 2px at 800px 50px,#fffc,#0000);background-size:900px 500px;inset:0;position:absolute}.landing-nav{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-inline:auto;max-width:1160px;padding:22px 48px 8px;position:relative;width:100%;z-index:2}.landing-nav-brand{color:#fff;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.04em;line-height:1}.landing-nav-login{background:#0000;border:1px solid #ffffff47;border-radius:999px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background .2s ease,border-color .2s ease}.landing-nav-login:hover{background:#ffffff14;border-color:#ffffff73}.landing-hero{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 72px);opacity:0;padding:56px 48px 80px;position:relative;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;z-index:1}.landing-hero.visible{opacity:1;transform:translateY(0)}.landing-hero-inner{align-items:center;display:flex;flex-direction:row;gap:48px 64px;justify-content:space-between;max-width:1160px;width:100%}.hero-copy{flex:1 1;max-width:36rem;min-width:0;text-align:start}.hero-headline{text-wrap:balance;color:#fff;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:1.05;margin:0 0 20px}.hero-headline-break{display:block}.hero-visual{flex:0 0 auto}.landing-brand-logo{display:block;height:auto;margin:0;max-width:min(380px,42vw);object-fit:contain;width:380px}.hero-title-line{color:#fff;display:block}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c 50%,#fee140);-webkit-background-clip:text;background-clip:text;display:inline-block;padding-bottom:.1em}.hero-subtitle{color:#ffffffad;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:400;line-height:1.65;margin:0 0 32px;max-width:34rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:60px;box-shadow:0 10px 40px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:17px;font-weight:600;gap:12px;padding:18px 36px;transition:all .3s ease}.hero-cta:hover{box-shadow:0 15px 50px #667eea80;transform:translateY(-3px) scale(1.02)}.hero-cta svg{transition:transform .3s ease}.hero-cta:hover svg{transform:translateX(4px)}.landing-features{opacity:0;padding:100px 24px 120px;position:relative;transform:translateY(30px);transition:opacity .8s ease .3s,transform .8s ease .3s;z-index:1}.landing-features.visible{opacity:1;transform:translateY(0)}.features-header{margin-bottom:64px;text-align:center}.features-header h2{color:#fff;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin:0 0 16px}.features-header p{color:#fff9;font-size:1.1rem;margin:0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{animation:fadeInUp .6s ease backwards;animation-delay:var(--delay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:32px;position:relative;transition:all .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-8px)}.feature-icon-wrapper{align-items:center;border-radius:16px;color:#fff;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.feature-icon-wrapper svg{height:28px;width:28px}.feature-card h3{color:#fff;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 12px}.feature-card p{color:#fff9;font-size:.95rem;line-height:1.65;margin:0}.feature-glow{bottom:-50%;filter:blur(60px);height:100%;left:-25%;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;width:150%}.feature-card:hover .feature-glow{opacity:.15}.landing-preview{opacity:0;padding:80px 24px 120px;position:relative;transform:translateY(30px);transition:opacity .8s ease .5s,transform .8s ease .5s;z-index:1}.landing-preview.visible{opacity:1;transform:translateY(0)}.preview-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}@media (max-width:768px){.preview-content{grid-template-columns:1fr;text-align:center}}.preview-text h2{color:#fff;font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin:0 0 20px}.preview-text p{color:#ffffffa6;font-size:1.05rem;line-height:1.7;margin:0 0 32px}.theme-preview{display:flex;gap:16px}@media (max-width:768px){.theme-preview{justify-content:center}}.theme-card{align-items:center;border-radius:16px;display:flex;font-weight:500;gap:12px;padding:16px 24px;transition:transform .3s ease}.theme-card:hover{transform:scale(1.05)}.theme-light{background:linear-gradient(135deg,#87ceeb,#e0f6ff);color:#1a1a2e}.theme-dark{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;color:#fff}.theme-icon{font-size:24px}.preview-visual{display:flex;justify-content:center}.preview-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-width:400px;overflow:hidden;width:100%}.preview-window-header{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:16px 20px}.preview-window-header span{background:#fff3;border-radius:50%;height:12px;width:12px}.preview-window-header span:first-child{background:#ff5f56}.preview-window-header span:nth-child(2){background:#ffbd2e}.preview-window-header span:nth-child(3){background:#27ca3f}.preview-window-content{padding:24px}.preview-calendar{display:flex;gap:8px;margin-bottom:24px}.preview-day{animation:popIn .5s ease backwards;border-radius:10px;height:36px;width:36px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.preview-lines{display:flex;flex-direction:column;gap:12px}.preview-line{background:#ffffff1a;border-radius:5px;height:10px}.landing-cta{opacity:0;padding:100px 24px;position:relative;transform:translateY(30px);transition:opacity .8s ease .7s,transform .8s ease .7s;z-index:1}.landing-cta.visible{opacity:1;transform:translateY(0)}.cta-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #ffffff1a;border-radius:32px;margin:0 auto;max-width:600px;padding:60px 40px;text-align:center}.cta-content h2{color:#fff;font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;margin:0 0 16px}.cta-content p{color:#ffffffa6;font-size:1.05rem;line-height:1.6;margin:0 0 32px}.cta-button{align-items:center;background:#fff;border:none;border-radius:60px;color:#0a0a1a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:17px;font-weight:600;justify-content:center;overflow:hidden;padding:18px 48px;position:relative;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 40px #fff3;transform:scale(1.05)}.cta-shine{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.landing-footer{border-top:1px solid #ffffff0d;padding:40px 24px;position:relative;text-align:center;z-index:1}.landing-footer p{color:#fff6;font-size:14px;margin:0}@media (max-width:768px){.landing-nav{padding:16px 20px 0}.landing-hero{min-height:auto;padding:36px 20px 56px}.landing-hero-inner{align-items:center;flex-direction:column;gap:32px;text-align:center}.hero-copy{max-width:36rem;order:0;text-align:center}.hero-headline-break{display:inline}.hero-visual{order:1}.landing-brand-logo{margin-inline:auto;max-width:min(240px,72vw);width:240px}.hero-subtitle{margin-inline:auto;margin-bottom:24px}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.feature-card{padding:24px}.landing-hero{padding:28px 20px 48px}.hero-cta{font-size:15px;padding:16px 28px}.cta-content{padding:40px 24px}.preview-calendar{flex-wrap:wrap;justify-content:center}}.auth-page{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-page:before{background:radial-gradient(circle at 20% 30%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 70%,#f093fb1a 0,#0000 40%)}.auth-page:after,.auth-page:before{content:"";inset:0;pointer-events:none;position:absolute}.auth-page:after{animation:sparkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff80,#0000),radial-gradient(2px 2px at 60px 70px,#fff6,#0000),radial-gradient(1.5px 1.5px at 50px 50px,#fff9,#0000),radial-gradient(1px 1px at 80px 10px,#ffffff80,#0000),radial-gradient(2px 2px at 90px 40px,#fff6,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 160px 30px,#fff6,#0000),radial-gradient(2px 2px at 200px 60px,#fff9,#0000);background-repeat:repeat;background-size:300px 150px;opacity:.6}.auth-container{animation:fadeInUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.auth-back-btn{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff14;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;gap:6px;justify-content:flex-start;margin-bottom:8px;padding:0 0 16px;transition:color .2s;width:100%}.auth-back-btn:hover{color:#fff}.auth-back-btn .material-symbols-outlined{font-size:1.25rem}.auth-back-btn .auth-back-icon{flex-shrink:0}@media (max-width:480px){.auth-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;min-height:44px;padding:12px 0 16px}}.auth-header{margin-bottom:36px;text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:48px;margin-bottom:16px}.auth-title{-webkit-text-fill-color:#fff;color:#fff!important;font-family:Playfair Display,serif;font-size:2rem;font-weight:600;margin:0 0 12px}.auth-title,.auth-title-link{background:none;line-height:0}.auth-title-link{border:none;cursor:pointer;display:inline-block;padding:0}.auth-brand-logo{display:block;height:auto;margin:0 auto;max-width:min(240px,76vw);object-fit:contain;width:240px}.auth-subtitle{color:#fff9;font-size:1rem;margin:0}.auth-form{gap:20px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#fffc;font-size:14px;font-weight:500}.input-group input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:15px;padding:14px 18px;transition:all .2s ease}.input-group input::placeholder{color:#ffffff59}.input-group input:focus{background:#667eea1a;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.auth-error{background:#f4433626;border:1px solid #f443364d;border-radius:10px;color:#ff6b6b}.auth-error,.auth-success{font-size:14px;padding:12px 16px;text-align:center}.auth-success{background:#4caf5026;border:1px solid #4caf504d;border-radius:10px;color:#69f0ae}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea59;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 12px 32px #667eea73;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-footer{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:28px}.auth-link{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;padding:0;transition:color .2s ease}.auth-link:hover{color:#667eea}.forgot-link{color:#ffffff80;font-size:13px}.google-btn{align-items:center;background:#fff;border:1px solid #fff3;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;margin-bottom:0;padding:14px 24px;transition:all .2s ease;width:100%}.google-btn:hover:not(:disabled){background:#f8f8f8;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-btn:disabled{cursor:not-allowed;opacity:.7}.google-btn svg{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#ffffff26;content:"";flex:1 1;height:1px}.auth-divider span{color:#ffffff80;font-size:13px;letter-spacing:1px;padding:0 16px;text-transform:uppercase}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#fffc;display:flex;flex-direction:column;font-size:16px;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.app-header{justify-content:space-between;margin-bottom:16px;padding-top:8px}.app-header,.user-menu{align-items:center;display:flex}.user-menu{gap:12px;margin-left:auto}.user-email{color:#666;font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .user-email{color:#aaa}.user-menu{position:relative}.hamburger-btn{align-items:center;background:#0000000d;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:0;transition:background .2s ease;width:40px}.hamburger-btn:hover{background:#00000014}.dark-mode .hamburger-btn{background:#ffffff0f}.dark-mode .hamburger-btn:hover{background:#ffffff1a}.hamburger-bar{background:#333;border-radius:1px;display:block;height:2px;transition:background .2s ease;width:18px}.dark-mode .hamburger-bar{background:#e0e0e0}.hamburger-dropdown{animation:hamburgerFadeIn .15s ease;background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-height:min(80vh,640px);min-width:260px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes hamburgerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dark-mode .hamburger-dropdown{background:#2a2a3e;border-color:#ffffff14;box-shadow:0 8px 24px #0006}.hamburger-section{padding:0 4px}.hamburger-section-title{color:#888;display:block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 12px 4px;text-transform:uppercase}.dark-mode .hamburger-section-title{color:#999}.hamburger-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.hamburger-item:hover{background:#0000000f}.hamburger-item.active{background:#667eea1f;color:#667eea;font-weight:500}.dark-mode .hamburger-item{color:#e0e0e0}.dark-mode .hamburger-item:hover{background:#ffffff0f}.dark-mode .hamburger-item.active{background:#667eea33;color:#a5b4fc}.hamburger-item.hamburger-signout{color:#c62828}.hamburger-item.hamburger-signout:hover{background:#f443361a}.dark-mode .hamburger-item.hamburger-signout{color:#ef5350}.dark-mode .hamburger-item.hamburger-signout:hover{background:#f4433626}.hamburger-divider{background:#00000014;height:1px;margin:6px 8px}.dark-mode .hamburger-divider{background:#ffffff14}.hamburger-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 12px 4px}.hamburger-label{color:#555;font-size:14px}.dark-mode .hamburger-label{color:#aaa}.hamburger-lang-select{background:#fff;border:1px solid #00000026;border-radius:8px;color:#333;cursor:pointer;font-size:14px;min-width:120px;padding:6px 10px}.dark-mode .hamburger-lang-select{background:#1e1e32cc;border-color:#fff3;color:#e0e0e0}.hamburger-dropdown .theme-toggle{flex-shrink:0}.sign-out-btn{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.sign-out-btn .sign-out-icon{flex-shrink:0}.sign-out-btn:hover{background:#f4433633;border-color:#f4433680}.dark-mode .sign-out-btn{background:#f4433626}@media (max-width:480px){.auth-container{border-radius:20px;padding:36px 24px}.auth-title{font-size:1.75rem}.sign-out-btn .sign-out-text,.user-email{display:none}.sign-out-btn{padding:8px 10px}}.friends-social-route{background:#f8fafc;background:var(--background-light)}.dark-mode .friends-social-route{background:#0000;min-height:100vh;position:relative}.friends-social-page{margin:0 auto;max-width:56rem;padding:3rem 1.5rem 4rem;position:relative;z-index:10}.friends-social-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.dark-mode .friends-social-loading{color:#94a3b8;color:var(--slate-400)}.friends-social-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.friends-social-header-left{align-items:center;display:flex;gap:1rem}.friends-social-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.friends-social-back-btn:hover{background:#f8fafc}.friends-social-back-btn .material-symbols-outlined{font-size:1.125rem}.dark-mode .friends-social-back-btn{background:#1e293b99;border-color:#475569cc;color:#cbd5e1}.dark-mode .friends-social-back-btn:hover{background:#33415599}.friends-social-title{color:#0f172a;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;margin:0}.dark-mode .friends-social-title{color:#fff}.friends-social-premium-btn{align-items:center;background:#eab3081a;border:1px solid #eab30833;border-radius:.75rem;color:#eab308;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.friends-social-premium-btn:hover{background:#eab30833}.friends-social-premium-btn .material-symbols-outlined{font-size:1.25rem}.friends-social-setup-notice{background:#ff98001a;border:1px solid #ff98004d;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.dark-mode .friends-social-setup-notice{background:#ff980026;border-color:#ff980066}.friends-social-setup-notice .setup-notice-icon{flex-shrink:0;font-size:1.5rem}.friends-social-setup-notice .setup-notice-content strong{color:#c2410c;display:block;margin-bottom:.25rem}.dark-mode .friends-social-setup-notice .setup-notice-content strong{color:#fbbf24}.friends-social-setup-notice .setup-notice-content p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.friends-social-setup-notice .setup-notice-content code{background:#0000001a;border-radius:.25rem;font-family:monospace;font-size:.8125rem;padding:.125rem .375rem}.dark-mode .friends-social-setup-notice .setup-notice-content code{background:#ffffff1a}.friends-social-glass{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0000001a;padding:2rem}.dark-mode .friends-social-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #0006}.friends-social-profile-card{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.dark-mode .friends-social-profile-card{background:#0f172a66;border:1px solid #47556980}.friends-social-profile-inner{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.friends-social-profile-inner{align-items:center;flex-direction:row}}.friends-social-profile-avatar-wrap{flex-shrink:0;position:relative}.friends-social-avatar{align-items:center;border-radius:1rem;color:#fff;display:flex;font-size:1.875rem;font-weight:700;height:5rem;justify-content:center;width:5rem}.friends-social-avatar--indigo{background:#4f46e5;box-shadow:0 10px 15px -3px #4f46e533}.friends-social-avatar--pink{background:#ec4899;box-shadow:0 10px 15px -3px #ec489933}.friends-social-avatar--fuchsia{background:#d946ef;box-shadow:0 10px 15px -3px #d946ef33}.friends-social-avatar--emerald{background:#10b981;box-shadow:0 10px 15px -3px #10b98133}.friends-social-avatar--amber{background:#f59e0b;box-shadow:0 10px 15px -3px #f59e0b33}.friends-social-avatar--sky{background:#0ea5e9;box-shadow:0 10px 15px -3px #0ea5e933}.friends-social-avatar--rose{background:#f43f5e;box-shadow:0 10px 15px -3px #f43f5e33}.friends-social-online-dot{background:#22c55e;border:4px solid #fff;border-radius:50%;bottom:-.25rem;height:1.5rem;position:absolute;right:-.25rem;width:1.5rem}.dark-mode .friends-social-online-dot{border-color:#0f172a;border-color:var(--slate-900)}.friends-social-profile-info{flex:1 1;min-width:0}.friends-social-profile-top{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width:768px){.friends-social-profile-top{align-items:center;flex-direction:row;justify-content:space-between}}.friends-social-name-row{align-items:center;display:flex;gap:.5rem}.friends-social-display-name{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.dark-mode .friends-social-display-name{color:#fff}.friends-social-level-badge{background:#6366f133;border:1px solid #6366f14d;border-radius:.25rem;color:#818cf8;font-size:.625rem;font-weight:700;padding:.125rem .5rem}.friends-social-username{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.dark-mode .friends-social-username{color:#94a3b8;color:var(--slate-400)}.friends-social-edit-btn{align-self:flex-start;background:#0000;border:1px solid #6366f166;border-radius:.75rem;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.friends-social-edit-btn:hover{background:#6366f11a}.dark-mode .friends-social-edit-btn{border-color:#6366f14d;color:#a5b4fc}.dark-mode .friends-social-edit-btn:hover{background:#6366f126}.friends-social-xp-section{margin-top:.5rem}.friends-social-xp-labels{color:#94a3b8;display:flex;font-size:.6875rem;font-weight:700;justify-content:space-between;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.dark-mode .friends-social-xp-labels{color:#64748b;color:var(--slate-500)}.friends-social-xp-track{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:9999px;height:.75rem;overflow:hidden}.dark-mode .friends-social-xp-track{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700)}.friends-social-profile-habits{border-top:1px solid #e2e8f0cc;margin-top:1rem;padding-top:1rem}.dark-mode .friends-social-profile-habits{border-top-color:#47556980}.friends-social-xp-fill{background:linear-gradient(90deg,#6366f1,#3b82f6);border-radius:9999px;box-shadow:0 0 15px #6366f14d;height:100%;transition:width .3s ease}.friends-social-profile-edit{display:flex;flex-direction:column;gap:1rem}.friends-social-profile-edit .profile-field label{color:#64748b;font-size:.8125rem;font-weight:500}.friends-social-profile-edit .profile-field input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;padding:.5rem .75rem}.dark-mode .friends-social-profile-edit .profile-field input{background:#1e2533;background:var(--input-dark);border-color:#ffffff14;border-color:var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.friends-social-profile-edit .profile-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.friends-social-tabs{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:1rem;display:flex;gap:.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:28rem;padding:.25rem}.dark-mode .friends-social-tabs{background:#0f172a99;border:1px solid #47556980}.friends-social-tab-icon{font-size:1.125rem;margin-right:.25rem;vertical-align:middle}.friends-social-tab{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s}.friends-social-tab:hover{color:#334155}.dark-mode .friends-social-tab{color:#94a3b8;color:var(--slate-400)}.dark-mode .friends-social-tab:hover{color:#e2e8f0;color:var(--slate-200)}.friends-social-tab.active{background:#6366f126;border-bottom:2px solid #6366f1;color:#818cf8}.dark-mode .friends-social-tab.active{background:#8b5cf626;border-bottom-color:#8b5cf6;color:#a78bfa}.friends-social-tab-badge{background:#6366f133;border-radius:.375rem;font-size:.625rem;font-weight:700;padding:.125rem .375rem}.friends-social-tab-badge.notification{animation:pulse 2s ease-in-out infinite;background:#ef4444;color:#fff}.friends-social-leaderboard{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid #f59e0b59;border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem}.dark-mode .friends-social-leaderboard{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf2466}.friends-social-leaderboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem}.friends-social-leaderboard-title{align-items:center;color:#0f172a;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.dark-mode .friends-social-leaderboard-title{color:#fff}.friends-social-leaderboard-icon{color:#f59e0b;font-size:1.5rem}.friends-social-leaderboard-reward{background:#fbbf2459;border-radius:.5rem;color:#b45309;font-size:.9375rem;font-weight:700;padding:.25rem .625rem}.dark-mode .friends-social-leaderboard-reward{background:#fbbf2440;color:#fcd34d}.friends-social-leaderboard-countdown{color:#64748b;font-size:.8125rem}.dark-mode .friends-social-leaderboard-countdown{color:#94a3b8}.friends-social-leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.friends-social-leaderboard-empty{color:#64748b;font-size:.9375rem;margin:0}.friends-social-leaderboard-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem;text-align:center}.friends-social-leaderboard-empty-icon{font-size:3rem;margin-bottom:1rem}.friends-social-leaderboard-empty-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.dark-mode .friends-social-leaderboard-empty-title{color:#fff}.friends-social-leaderboard-empty-desc{color:#64748b;font-size:.9375rem;margin:0 0 1.5rem;max-width:280px}.dark-mode .friends-social-leaderboard-empty,.dark-mode .friends-social-leaderboard-empty-desc{color:#94a3b8}.friends-social-leaderboard-row{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:.5rem;display:flex;gap:.75rem;padding:.625rem .75rem}.dark-mode .friends-social-leaderboard-row{background:#1e293b66;border-color:#47556966}.friends-social-leaderboard-row.leaderboard-winner{background:linear-gradient(90deg,#fbbf2440,#ffffffb3 30%);border-color:#f59e0b80}.dark-mode .friends-social-leaderboard-row.leaderboard-winner{background:linear-gradient(90deg,#fbbf244d,#1e293b66 30%);border-color:#fbbf2480}.friends-social-leaderboard-row.leaderboard-you{border-left:3px solid #6366f1}.dark-mode .friends-social-leaderboard-row.leaderboard-you{border-left-color:#818cf8}.friends-social-leaderboard-rank{font-size:1rem;font-weight:700;min-width:2rem;text-align:center}.friends-social-leaderboard-avatar{align-items:center;border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.25rem;justify-content:center;width:2.25rem}.friends-social-leaderboard-info{flex:1 1;min-width:0}.friends-social-leaderboard-name{color:#0f172a;display:block;font-size:.9375rem;font-weight:600}.dark-mode .friends-social-leaderboard-name{color:#fff}.friends-social-leaderboard-you-badge{color:#6366f1;font-weight:500}.dark-mode .friends-social-leaderboard-you-badge{color:#a78bfa}.friends-social-leaderboard-username{color:#64748b;font-size:.8125rem}.dark-mode .friends-social-leaderboard-username{color:#94a3b8}.friends-social-leaderboard-xp{color:#0f172a;font-size:.9375rem;font-weight:700}.dark-mode .friends-social-leaderboard-xp{color:#e2e8f0}.friends-social-leaderboard-tab{margin-bottom:0}.friends-social-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.friends-social-grid{grid-template-columns:repeat(2,1fr)}}.friends-social-friend-card{background:#f8fafc99;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .2s}.friends-social-friend-card:hover{background:#f1f5f9cc}.dark-mode .friends-social-friend-card{background:#0f172a4d;border:1px solid #47556980}.dark-mode .friends-social-friend-card:hover{background:#1e293b66}.friends-social-friend-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.friends-social-friend-avatar{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:3.5rem;justify-content:center;width:3.5rem}.friends-social-friend-avatar--indigo{background:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533}.friends-social-friend-avatar--pink{background:#ec4899;box-shadow:0 4px 6px -1px #ec489933}.friends-social-friend-avatar--fuchsia{background:#d946ef;box-shadow:0 4px 6px -1px #d946ef33}.friends-social-friend-avatar--emerald{background:#10b981;box-shadow:0 4px 6px -1px #10b98133}.friends-social-friend-avatar--amber{background:#f59e0b;box-shadow:0 4px 6px -1px #f59e0b33}.friends-social-friend-avatar--sky{background:#0ea5e9;box-shadow:0 4px 6px -1px #0ea5e933}.friends-social-friend-avatar--rose{background:#f43f5e;box-shadow:0 4px 6px -1px #f43f5e33}.friends-social-friend-info{flex:1 1;min-width:0}.friends-social-friend-name-row{align-items:center;display:flex;gap:.375rem}.friends-social-friend-name{color:#0f172a;font-size:1rem;font-weight:700;margin:0;transition:color .2s}.friends-social-friend-card:hover .friends-social-friend-name{color:#6366f1}.dark-mode .friends-social-friend-name{color:#fff}.dark-mode .friends-social-friend-card:hover .friends-social-friend-name{color:#a78bfa}.friends-social-friend-level{background:#6366f133;border:1px solid #6366f133;border-radius:.125rem;color:#818cf8;font-size:.5625rem;font-weight:700;padding:.125rem .375rem}.friends-social-friend-username{color:#64748b;font-size:.75rem;margin:.25rem 0 0}.dark-mode .friends-social-friend-username{color:#64748b;color:var(--slate-500)}.friends-social-friend-menu-wrap{position:relative}.friends-social-friend-menu-btn{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;padding:.25rem;transition:color .2s}.friends-social-friend-menu-btn:hover{color:#0f172a}.dark-mode .friends-social-friend-menu-btn:hover{color:#fff}.friends-social-friend-menu-btn .material-symbols-outlined{font-size:1.25rem}.friends-social-menu-backdrop{inset:0;position:fixed;z-index:9998}.friends-social-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:.25rem;min-width:10rem;position:absolute;right:0;top:100%;z-index:9999}.dark-mode .friends-social-menu-dropdown{background:#161b26;background:var(--panel-dark);border-color:#ffffff14;border-color:var(--border-subtle)}.friends-social-menu-item{background:none;border:none;border-radius:.25rem;color:#64748b;cursor:pointer;display:block;font-size:.875rem;margin:.25rem;padding:.5rem 1rem;text-align:left;transition:background .2s;width:100%;width:calc(100% - .5rem)}.friends-social-menu-item:hover{background:#0000000d;color:#1e293b}.friends-social-menu-item.remove:hover{background:#ef44441a;color:#ef4444}.dark-mode .friends-social-menu-item{color:#cbd5e1;color:var(--slate-300)}.dark-mode .friends-social-menu-item:hover{background:#ffffff0d;color:#fff}.friends-social-friend-habits{border-top:1px solid #e2e8f0;padding-top:1rem}.dark-mode .friends-social-friend-habits{border-top-color:#1e293b;border-top-color:var(--slate-800)}.friends-social-habits-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.friends-social-habit-box{align-items:center;border-radius:.25rem;color:#0000;display:flex;font-size:.5rem;height:1rem;justify-content:center;width:1rem}.dark-mode .friends-social-habit-box,.friends-social-habit-box{background:#334155;background:var(--slate-700)}.friends-social-habit-box.completed{background:#10b981;color:#fff}.friends-social-friend-stats{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.friends-social-stats-label{color:#64748b}.dark-mode .friends-social-stats-label{color:#94a3b8;color:var(--slate-400)}.friends-social-stats-value{color:#10b981;font-weight:700}.friends-social-no-habits{color:#64748b;font-size:.875rem;font-style:italic;margin:0}.dark-mode .friends-social-no-habits{color:#64748b;color:var(--slate-500)}.friends-social-empty{grid-column:1/-1;padding:3rem 1.5rem;text-align:center}.friends-social-empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.friends-social-empty h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.dark-mode .friends-social-empty h3{color:#fff}.friends-social-empty p{color:#64748b;margin:0 auto 1.5rem;max-width:20rem}.dark-mode .friends-social-empty p{color:#94a3b8;color:var(--slate-400)}.friends-social-primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 14px #6366f166;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.friends-social-primary-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.friends-social-requests-section{margin-bottom:2rem}.friends-social-requests-section:last-child{margin-bottom:0}.friends-social-requests-section h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 1rem}.dark-mode .friends-social-requests-section h3{color:#fff}.friends-social-no-requests{background:#00000005;border-radius:.75rem;color:#64748b;font-size:.9375rem;padding:1.5rem;text-align:center}.dark-mode .friends-social-no-requests{background:#ffffff05;color:#94a3b8;color:var(--slate-400)}.friends-social-requests-list{display:flex;flex-direction:column;gap:.75rem}.friends-social-request-card{align-items:center;background:#f8fafc99;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.dark-mode .friends-social-request-card{background:#0f172a4d;border-color:#47556980}.friends-social-request-avatar{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:2.75rem;justify-content:center;width:2.75rem}.friends-social-request-info{flex:1 1;min-width:0}.friends-social-request-name{color:#0f172a;display:block;font-size:.9375rem;font-weight:600}.dark-mode .friends-social-request-name{color:#fff}.friends-social-request-username{color:#64748b;display:block;font-size:.75rem}.dark-mode .friends-social-request-username{color:#64748b;color:var(--slate-500)}.friends-social-request-actions{display:flex;gap:.5rem}.friends-social-accept-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.friends-social-accept-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.friends-social-reject-btn{background:#ef44441a;border:none;border-radius:.5rem;color:#ef4444;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.friends-social-reject-btn:hover{background:#ef444433}.friends-social-cancel-btn{background:#0000000d;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.friends-social-cancel-btn:hover{background:#0000001a}.dark-mode .friends-social-cancel-btn{background:#ffffff0d;color:#94a3b8;color:var(--slate-400)}.dark-mode .friends-social-cancel-btn:hover{background:#ffffff1a}.friends-social-search-wrap{margin-bottom:1.5rem;position:relative}.friends-social-search-icon{color:#94a3b8;font-size:1.25rem!important;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode .friends-social-search-icon{color:#64748b;color:var(--slate-500)}.friends-social-search-input{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.friends-social-search-input:focus{background:#fff;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.dark-mode .friends-social-search-input{background:#1e2533;background:var(--input-dark);border-color:#ffffff14;border-color:var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.dark-mode .friends-social-search-input:focus{border-color:#6366f180}.friends-social-search-clear{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.friends-social-search-clear:hover{background:#0000000d;color:#0f172a}.dark-mode .friends-social-search-clear:hover{background:#ffffff14;color:#fff}.friends-social-no-results,.friends-social-search-hint,.friends-social-searching{color:#64748b;font-size:.9375rem;padding:2.5rem;text-align:center}.dark-mode .friends-social-no-results,.dark-mode .friends-social-search-hint,.dark-mode .friends-social-searching{color:#94a3b8;color:var(--slate-400)}.friends-social-searching{align-items:center;display:flex;gap:.75rem;justify-content:center}.friends-social-results-list{display:flex;flex-direction:column;gap:.75rem}.friends-social-result-card{align-items:center;background:#f8fafc99;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:transform .2s}.friends-social-result-card:hover{transform:translateX(4px)}.dark-mode .friends-social-result-card{background:#0f172a4d;border-color:#47556980}.friends-social-result-avatar{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:2.75rem;justify-content:center;width:2.75rem}.friends-social-result-info{flex:1 1;min-width:0}.friends-social-result-name{color:#0f172a;display:block;font-size:.9375rem;font-weight:600}.dark-mode .friends-social-result-name{color:#fff}.friends-social-result-username{color:#64748b;display:block;font-size:.75rem}.dark-mode .friends-social-result-username{color:#64748b;color:var(--slate-500)}.friends-social-add-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.friends-social-add-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.friends-social-already{color:#10b981;font-size:.8125rem;font-weight:500}.friends-social-pending{color:#64748b;font-size:.8125rem}.dark-mode .friends-social-pending{color:#94a3b8;color:var(--slate-400)}.friends-social-footer{color:#64748b;font-size:.875rem;margin:3rem 0 0;text-align:center}.dark-mode .friends-social-footer{color:#64748b;color:var(--slate-500)}.friends-page{margin:0 auto;max-width:900px;padding:20px}.friends-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.friends-title{color:#1a1a2e;font-family:Playfair Display,serif;font-size:2rem;font-weight:600;margin:0}.dark-mode .friends-title{color:#f0f0f0}.friends-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.dark-mode .friends-loading{color:#aaa}.setup-notice{background:#ff98001a;border:1px solid #ff98004d;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.dark-mode .setup-notice{background:#ff980026;border-color:#ff980066}.setup-notice-icon{flex-shrink:0;font-size:24px}.setup-notice-content{flex:1 1}.setup-notice-content strong{color:#e65100;display:block;margin-bottom:4px}.dark-mode .setup-notice-content strong{color:#ffb74d}.setup-notice-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.dark-mode .setup-notice-content p{color:#aaa}.setup-notice-content code{background:#0000001a;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px}.dark-mode .setup-notice-content code{background:#ffffff1a}.profile-section{background:#ffffffe6;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;padding:20px}.dark-mode .profile-section{background:#1e1e32e6;box-shadow:0 2px 12px #0000004d}.profile-display{align-items:center;display:flex;gap:16px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:56px;justify-content:center;width:56px}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.profile-display-name{color:#1a1a2e;font-size:18px;font-weight:600}.dark-mode .profile-display-name{color:#f0f0f0}.profile-username{color:#666;font-size:14px}.dark-mode .profile-username{color:#aaa}.edit-profile-btn{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-profile-btn:hover{background:#667eea33;border-color:#667eea80}.profile-edit{display:flex;flex-direction:column;gap:16px}.profile-edit-fields{display:flex;flex-wrap:wrap;gap:16px}.profile-field{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:200px}.profile-field label{color:#666;font-size:13px;font-weight:500}.dark-mode .profile-field label{color:#aaa}.profile-field input{border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:10px 14px;transition:border-color .2s}.profile-field input:focus{border-color:#667eea}.dark-mode .profile-field input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.profile-error{background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;font-size:14px;padding:10px 14px}.profile-edit-actions{display:flex;gap:12px;justify-content:flex-end}.friends-tabs{background:#00000008;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.dark-mode .friends-tabs{background:#ffffff08}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background:#0000000d}.dark-mode .tab-btn{color:#aaa}.dark-mode .tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1a1a2e}.dark-mode .tab-btn.active{background:#2a2a3e;color:#f0f0f0}.tab-badge{background:#667eea33;border-radius:10px;color:#667eea;font-size:12px;font-weight:600;padding:2px 8px}.tab-badge.notification{animation:pulse 2s ease-in-out infinite;background:#f44336;color:#fff}.journal-tabs{margin-bottom:16px}.dashboard-container{padding-bottom:32px}.dashboard-title{color:#1a1a2e;font-size:1.5rem;font-weight:600;margin:0 0 20px}.dark-mode .dashboard-title{color:#f0f0f0}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:28px}.dashboard-stat-card{align-items:flex-start;background:#fffffff2;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;gap:14px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.dark-mode .dashboard-stat-card{background:#1e1e32f2;border-color:#ffffff0f;box-shadow:0 2px 12px #0003}.dark-mode .dashboard-stat-card:hover{box-shadow:0 4px 20px #0000004d}.dashboard-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.dashboard-stat-icon svg{color:#fff;height:22px;width:22px}.dashboard-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-stat-value{color:#1a1a2e;font-size:1.35rem;font-weight:700;line-height:1.2}.dark-mode .dashboard-stat-value{color:#f0f0f0}.dashboard-stat-label{color:#666;font-size:.9rem;font-weight:500}.dark-mode .dashboard-stat-label{color:#aaa}.dashboard-stat-subtext{color:#888;font-size:.8rem;margin-top:2px}.dark-mode .dashboard-stat-subtext{color:#777}.dashboard-mood-section{background:#fffffff2;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:20px}.dark-mode .dashboard-mood-section{background:#1e1e32f2;border-color:#ffffff0f}.dashboard-section-title{color:#1a1a2e;font-size:1.1rem;font-weight:600;margin:0 0 14px}.dark-mode .dashboard-section-title{color:#f0f0f0}.dashboard-mood-bars{display:flex;flex-direction:column;gap:10px}.dashboard-mood-row{align-items:center;background:#00000008;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px}.dark-mode .dashboard-mood-row{background:#ffffff0d}.dashboard-mood-label{align-items:center;color:#333;display:flex;font-size:.95rem;gap:8px}.dark-mode .dashboard-mood-label{color:#ddd}.dashboard-mood-count{color:#555;font-size:.9rem;font-weight:600}.dark-mode .dashboard-mood-count{color:#bbb}.dashboard-mood-section .mood-dot{border-radius:4px;display:inline-block;flex-shrink:0;height:14px;width:14px}.dashboard-mood-section .mood-dot.mood-ecstatic{background:#fbbf24}.dashboard-mood-section .mood-dot.mood-happy{background:#10b981}.dashboard-mood-section .mood-dot.mood-neutral{background:#6366f1}.dashboard-mood-section .mood-dot.mood-sad{background:#3b82f6}.dashboard-mood-section .mood-dot.mood-angry{background:#ef4444}.dashboard-habits-section{background:#fffffff2;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:20px}.dark-mode .dashboard-habits-section{background:#1e1e32f2;border-color:#ffffff0f}.dashboard-habits-description{color:#666;font-size:.9rem;margin:0 0 14px}.dark-mode .dashboard-habits-description{color:#888}.dashboard-habits-list{display:flex;flex-direction:column;gap:8px}.dashboard-habit-row{align-items:center;background:#00000008;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.dark-mode .dashboard-habit-row{background:#ffffff0d}.dashboard-habit-name{color:#333;font-size:.95rem;font-weight:500}.dark-mode .dashboard-habit-name{color:#e0e0e0}html[lang=ar] .dashboard-habit-name{font-size:1.1rem}.dashboard-habit-count{color:#4facfe;font-size:.95rem;font-weight:600}.dark-mode .dashboard-habit-count{color:#5eb8ff}.dashboard-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.dashboard-chart-card{background:#fffffff2;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:20px}.dark-mode .dashboard-chart-card{background:#1e1e32f2;border-color:#ffffff0f}.dark-mode .dashboard-chart-card .recharts-cartesian-axis-tick-value,.dark-mode .dashboard-chart-card .recharts-pie-label-text,.dark-mode .dashboard-chart-card .recharts-text{fill:#bbb}.dark-mode .dashboard-chart-card .recharts-cartesian-grid line{stroke:#ffffff14}.dark-mode .dashboard-chart-card .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e2238!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff14!important;color:#f0f0f0!important;padding:10px 14px!important}.dark-mode .dashboard-chart-card .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item,.dark-mode .dashboard-chart-card .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label,.dark-mode .dashboard-chart-card .recharts-tooltip-wrapper .recharts-default-tooltip p,.dark-mode .dashboard-chart-card .recharts-tooltip-wrapper .recharts-default-tooltip span{color:#f0f0f0!important}.dashboard-chart-card .dashboard-section-title{margin-bottom:12px}.dashboard-bar-wrap,.dashboard-line-wrap,.dashboard-pie-wrap{min-height:260px;width:100%}.dashboard-chart-legend{color:#666;font-size:.8rem;margin:8px 0 0;text-align:center}.dark-mode .dashboard-chart-legend{color:#888}.dashboard-chart-empty{color:#888;font-size:.95rem;margin:0;padding:40px 20px;text-align:center}.dark-mode .dashboard-chart-empty{color:#777}.dashboard-chart-full{grid-column:1/-1;margin-bottom:28px}.dashboard-chart-full .dashboard-bar-wrap{min-height:220px}@media (max-width:768px){.dashboard-charts-row,.dashboard-stats-grid{grid-template-columns:1fr}}.settings-container{max-width:480px;padding-bottom:32px}.settings-title{color:#1a1a2e;font-size:1.5rem;font-weight:600;margin:0 0 24px}.dark-mode .settings-title{color:#f0f0f0}.settings-section{background:#fffffff2;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:16px;padding:20px}.dark-mode .settings-section{background:#1e1e32f2;border-color:#ffffff0f}.settings-section-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.dark-mode .settings-section-title{color:#e0e0e0}.settings-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.settings-label{color:#555;font-size:.95rem}.dark-mode .settings-label{color:#aaa}.settings-theme-label{color:#666;font-size:.9rem}.dark-mode .settings-theme-label{color:#888}.settings-description{color:#666;font-size:.9rem;margin:0 0 12px}.dark-mode .settings-description{color:#888}.settings-dashboard-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:10px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.settings-dashboard-btn:hover{box-shadow:0 4px 14px #667eea66;transform:translateY(-1px)}.settings-email{color:#666;font-size:.9rem;margin:0 0 12px;word-break:break-all}.dark-mode .settings-email{color:#888}.settings-sign-out-btn{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:10px;color:#c62828;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,transform .2s ease}.settings-sign-out-btn:hover{background:#f4433633;transform:translateY(-1px)}.dark-mode .settings-sign-out-btn{background:#f4433626;border-color:#f4433666;color:#ef5350}.dark-mode .settings-sign-out-btn:hover{background:#f4433640}.friends-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.friend-card{background:#fffffff2;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.friend-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.dark-mode .friend-card{background:#1e1e32f2;box-shadow:0 2px 12px #0000004d}.dark-mode .friend-card:hover{box-shadow:0 4px 20px #0006}.friend-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.friend-avatar{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.friend-name{color:#1a1a2e;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .friend-name{color:#f0f0f0}.friend-username{color:#888;font-size:13px}.dark-mode .friend-username{color:#888}.remove-friend-btn{align-items:center;background:#f443361a;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;transition:all .2s ease;width:28px}.friend-card:hover .remove-friend-btn{opacity:1}.remove-friend-btn:hover{background:#f4433633}.remove-friend-modal{max-width:420px;min-width:320px}.remove-friend-modal-text{color:#333;font-size:15px;line-height:1.5;margin:0 0 24px}.dark-mode .remove-friend-modal-text{color:#e0e0e0}.remove-friend-modal-text strong{color:#1a1a2e;font-weight:600}.dark-mode .remove-friend-modal-text strong{color:#f0f0f0}.remove-friend-modal .delete-confirm-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;font-weight:600}.remove-friend-modal .delete-confirm-btn:hover{box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.habit-delete-dont-warn{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0 0 20px;-webkit-user-select:none;user-select:none}.habit-delete-dont-warn input{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.dark-mode .habit-delete-dont-warn{color:#b0b0b0}.friend-habits{margin-bottom:12px}.habits-row{display:flex;flex-wrap:wrap;gap:6px}.habit-box{align-items:center;background:#e8e8e8;border:2px solid #ddd;border-radius:6px;color:#0000;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.habit-box.completed{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.dark-mode .habit-box{background:#3a3a4a;border-color:#4a4a5a}.dark-mode .habit-box.completed{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.habit-box:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.15)}.no-habits{color:#888;font-size:13px;font-style:italic}.friend-stats{align-items:center;border-top:1px solid #00000014;display:flex;font-size:13px;justify-content:space-between;padding-top:12px}.dark-mode .friend-stats{border-top-color:#ffffff14}.stats-label{color:#888}.stats-value{color:#4caf50;font-weight:600}.habit-box-wrapper{cursor:pointer;display:inline-block;position:relative}.habit-tooltip{word-wrap:break-word;animation:tooltipFadeIn .2s ease;background:#1a1a2ef2;border-radius:10px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:13px;max-width:min(280px,calc(100vw - 32px));padding:10px 14px;pointer-events:none;z-index:10000}.habit-tooltip--above{bottom:100%;margin-bottom:6px}.habit-tooltip--above,.habit-tooltip--above:after{left:50%;position:absolute;transform:translateX(-50%)}.habit-tooltip--above:after{border:6px solid #0000;border-top-color:#1a1a2ef2;content:"";top:100%}@media (max-width:768px){.habit-tooltip--above{bottom:max(16px,env(safe-area-inset-bottom,0px));left:50%;margin-bottom:0;position:fixed;transform:translateX(-50%)}.habit-tooltip--above:after{display:none}}.tooltip-name{font-weight:600;margin-bottom:4px}.tooltip-time{color:#4caf50;font-size:12px}.tooltip-status{color:#888;font-size:12px}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 8px}.dark-mode .empty-state h3{color:#f0f0f0}.empty-state p{color:#666;margin:0 auto 24px;max-width:300px}.dark-mode .empty-state p{color:#aaa}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.primary-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.requests-section{margin-bottom:32px}.requests-section h3{color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 16px}.dark-mode .requests-section h3{color:#f0f0f0}.no-requests{background:#00000005;border-radius:12px;color:#888;font-size:14px;padding:20px;text-align:center}.dark-mode .no-requests{background:#ffffff05}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;padding:16px}.dark-mode .request-card{background:#1e1e32f2}.request-avatar{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.request-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.request-name{color:#1a1a2e;font-size:15px;font-weight:600}.dark-mode .request-name{color:#f0f0f0}.request-username{color:#888;font-size:13px}.request-actions{display:flex;gap:8px}.accept-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.accept-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.reject-btn{background:#f443361a;border:none;border-radius:8px;color:#f44336;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.reject-btn:hover{background:#f4433633}.cancel-request-btn{background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-request-btn:hover{background:#0000001a}.dark-mode .cancel-request-btn{background:#ffffff0d;color:#aaa}.dark-mode .cancel-request-btn:hover{background:#ffffff1a}.search-input-wrapper{margin-bottom:24px;position:relative}.search-icon{color:#888;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;outline:none;padding:14px 16px 14px 48px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.dark-mode .search-input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.dark-mode .search-input:focus{border-color:#667eea}.clear-search{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background .2s ease;width:24px}.clear-search:hover{background:#00000026}.dark-mode .clear-search{background:#ffffff1a;color:#aaa}.searching{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:40px}.dark-mode .searching{color:#aaa}.loading-spinner.small{border-width:2px;height:20px;width:20px}.no-results,.search-hint{color:#888;font-size:15px;padding:40px;text-align:center}.results-list{display:flex;flex-direction:column;gap:12px}.search-result-card{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;padding:16px;transition:transform .2s ease}.search-result-card:hover{transform:translateX(4px)}.dark-mode .search-result-card{background:#1e1e32f2}.result-avatar{align-items:center;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.result-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.result-name{color:#1a1a2e;font-size:15px;font-weight:600}.dark-mode .result-name{color:#f0f0f0}.result-username{color:#888;font-size:13px}.add-friend-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-friend-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.already-friends{color:#4caf50;font-size:13px;font-weight:500}.pending-request{color:#ff9800;font-size:13px;font-weight:500}.level-progress{align-items:center;background:#667eea24;border:1px solid #667eea59;border-radius:10px;display:flex;gap:12px;min-width:140px;padding:6px 12px}.dark-mode .level-progress{background:#667eea26;border-color:#667eea4d}.level-badge{color:#667eea;flex-shrink:0;font-size:14px;font-weight:700}.dark-mode .level-badge{color:#a5b4fc}.xp-bar-container{background:#e0e4ec;border:1px solid #667eea40;border-radius:9px;box-shadow:inset 0 1px 2px #0000000f;flex:1 1;height:18px;min-width:60px;overflow:hidden;position:relative}.dark-mode .xp-bar-container{background:#ffffff1a;border-color:#667eea4d;box-shadow:none}.xp-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:9px;height:100%;transition:width .4s ease}.xp-bar-text{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:800;inset:0;justify-content:center;position:absolute;text-shadow:0 0 1px #0009,0 1px 2px #00000080}.dark-mode .xp-bar-text{color:#fff;font-weight:800;text-shadow:0 0 1px #000c,0 1px 2px #00000080}.level-up-highlight{animation:levelUpPulse .6s ease}@keyframes levelUpPulse{0%{transform:scale(1)}50%{box-shadow:0 0 20px #667eea99;transform:scale(1.15)}to{transform:scale(1)}}.friend-level-badge,.profile-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:11px;font-weight:700;margin-left:8px;padding:2px 8px}.profile-xp-bar{background:#e0e4ec;border:1px solid #667eea38;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;height:16px;margin-top:8px;overflow:hidden;position:relative}.dark-mode .profile-xp-bar{background:#ffffff14;border-color:#667eea40;box-shadow:none}.profile-xp-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;height:100%;transition:width .4s ease}.profile-xp-text{align-items:center;color:#1a1d2e;display:flex;font-size:10px;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 0 2px #ffffffe6,0 1px 1px #fffc}.dark-mode .profile-xp-text{color:#e0e0e0;font-weight:600}.friends-nav-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 4px 12px #f093fb4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.friends-nav-btn:hover{box-shadow:0 6px 16px #f093fb66;transform:translateY(-2px)}.friends-nav-btn .notification-dot{animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@media (max-width:600px){.friends-nav-btn .friends-nav-text{display:none}}@media (max-width:768px){.friends-page{padding:16px}.friends-header{align-items:flex-start;flex-direction:column;gap:12px}.friends-title{font-size:1.75rem}.profile-display{flex-wrap:wrap}.edit-profile-btn{margin-top:12px;width:100%}.friends-tabs{flex-wrap:wrap}.tab-btn{flex:1 1 45%;font-size:14px;padding:10px 12px}.friends-grid{grid-template-columns:1fr}.request-card{flex-wrap:wrap}.request-actions{margin-top:12px;width:100%}.request-actions button{flex:1 1}}.m-loading{align-items:center;gap:16px;justify-content:center}.m-app,.m-loading{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.m-app{background:#f8fafc;background:var(--background-light);max-width:100%;width:100%}.dark-mode .m-app{background:#0a0c14;background:var(--background-dark)}@media (min-width:769px) and (max-width:1400px){.m-bottom-nav,.m-content,.m-date-selector,.m-header{max-width:100%;width:100%}.m-section{padding-left:24px;padding-right:24px}}.m-header{background:#f8fafc;background:var(--background-light);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);padding:12px 16px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.dark-mode .m-header{background:#0a0c14;background:var(--background-dark);border-bottom-color:#ffffff0f}.m-date-selector{align-items:center;background:#ffffffd9;border-bottom:none;display:flex;gap:4px;justify-content:center;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:39}.dark-mode .m-date-selector,.m-date-selector{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark-mode .m-date-selector{background:#02040866}.m-date-arrow{align-items:center;background:#0000;border-radius:50%;color:#94a3b8;color:var(--slate-400);display:flex;height:36px;justify-content:center;padding:0;transition:background .15s,color .15s;width:36px}.m-date-arrow:active{background:#0000000d}.dark-mode .m-date-arrow{color:#94a3b8;color:var(--slate-400)}.dark-mode .m-date-arrow:active{background:#ffffff0d}.m-date-arrow .material-symbols-outlined{font-size:20px}.m-date-display{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-width:180px;padding:6px 24px;transition:opacity .15s;width:auto}.m-date-display:active{opacity:.7}.m-date-text{color:#1e293b;color:var(--slate-800);font-size:1.15rem;font-weight:600}.dark-mode .m-date-text{color:#fff}.m-date-badge{background:#6366f126;border-radius:999px;color:#6366f1;color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.15em;padding:2px 8px;text-transform:uppercase}.dark-mode .m-date-badge{background:#6366f133;color:#818cf8}.m-cal-overlay{align-items:flex-end;animation:m-cal-fade-in .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:150}@keyframes m-cal-fade-in{0%{opacity:0}to{opacity:1}}.m-cal-sheet{animation:m-cal-slide-up .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #0000001f;max-width:420px;padding:20px 16px max(20px,env(safe-area-inset-bottom));width:100%}@keyframes m-cal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dark-mode .m-cal-sheet{background:#0f172a;background:var(--slate-900);box-shadow:0 -4px 24px #0006}.m-cal-header{justify-content:space-between;margin-bottom:16px}.m-cal-header,.m-cal-nav{align-items:center;display:flex}.m-cal-nav{background:#0000;border-radius:50%;color:#475569;color:var(--slate-600);height:40px;justify-content:center;padding:0;transition:background .15s;width:40px}.m-cal-nav:active{background:#f1f5f9;background:var(--slate-100)}.dark-mode .m-cal-nav{color:#cbd5e1;color:var(--slate-300)}.dark-mode .m-cal-nav:active{background:#ffffff0f}.m-cal-month-label{align-items:center;color:#1e293b;color:var(--slate-800);display:flex;font-size:1.05rem;font-weight:700;gap:2px}.dark-mode .m-cal-month-label{color:#f1f5f9;color:var(--slate-100)}.m-cal-year-tap{align-items:center;background:none;border:none;border-radius:6px;color:#6366f1;color:var(--primary);cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:2px;padding:2px 4px;transition:background .15s}.m-cal-year-tap:active{background:#6366f11a}.m-cal-year-chevron{font-size:1.1rem!important}.dark-mode .m-cal-year-tap{color:#818cf8}.m-cal-year-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);max-height:280px;overflow-y:auto;padding:12px 0}.m-cal-year-cell{background:#0000;border:none;border-radius:10px;color:#334155;color:var(--slate-700);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 4px;transition:all .15s}.m-cal-year-cell:active{background:#f1f5f9;background:var(--slate-100)}.m-cal-year-cell.m-cal-year-current{color:#1e293b;color:var(--slate-800);font-weight:700}.m-cal-year-cell.m-cal-year-active{background:#6366f1;background:var(--primary);color:#fff;font-weight:700}.dark-mode .m-cal-year-cell{color:#94a3b8;color:var(--slate-400)}.dark-mode .m-cal-year-cell:active{background:#ffffff0f}.dark-mode .m-cal-year-cell.m-cal-year-current{color:#e2e8f0;color:var(--slate-200)}.dark-mode .m-cal-year-cell.m-cal-year-active{background:#6366f1;background:var(--primary);color:#fff}.m-cal-weekdays{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.m-cal-wd{color:#94a3b8;color:var(--slate-400);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:4px 0;text-align:center;text-transform:uppercase}.m-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.m-cal-cell{align-items:center;aspect-ratio:1;background:#0000;border-radius:50%;color:#334155;color:var(--slate-700);display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:0;transition:background .12s,color .12s,transform .12s}.dark-mode .m-cal-cell{color:#cbd5e1;color:var(--slate-300)}.m-cal-empty{pointer-events:none}.m-cal-day:active{transform:scale(.9)}.m-cal-today{background:#6366f114;color:#6366f1;color:var(--primary);font-weight:800}.dark-mode .m-cal-today{background:#818cf81a;color:#818cf8;color:var(--accent-purple)}.m-cal-selected{background:#6366f1!important;background:var(--primary)!important;box-shadow:0 2px 8px #6366f159;color:#fff!important;font-weight:700}.dark-mode .m-cal-selected{background:#818cf8!important;background:var(--accent-purple)!important;box-shadow:0 2px 8px #818cf84d}.m-cal-footer{display:flex;gap:10px;margin-top:16px}.m-cal-today-btn{background:#f1f5f9;background:var(--slate-100);border:none;border-radius:12px;color:#6366f1;color:var(--primary);flex:1 1;font-size:.9rem;font-weight:600;padding:12px;transition:background .15s}.m-cal-today-btn:active{background:#e2e8f0;background:var(--slate-200)}.dark-mode .m-cal-today-btn{background:#ffffff0f;color:#818cf8;color:var(--accent-purple)}.m-cal-close-btn{background:#6366f1;background:var(--primary);border:none;border-radius:12px;color:#fff;flex:1 1;font-size:.9rem;font-weight:600;padding:12px;transition:opacity .15s}.m-cal-close-btn:active{opacity:.85}.m-content{flex:1 1;padding:0 0 100px;transition:opacity .12s ease}.m-fading{opacity:.3}.m-bottom-nav{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-radius:28px 28px 0 0;border-top:1px solid #0000000f;bottom:0;display:flex;justify-content:space-around;left:0;padding:10px 24px max(20px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.dark-mode .m-bottom-nav{background:#ffffff0a;border-top-color:#ffffff14;box-shadow:0 -8px 32px #0000004d}.m-nav-item{align-items:center;background:#0000;border-radius:0;color:#94a3b8;color:var(--slate-400);display:flex;flex:1 1;flex-direction:column;font-size:.625rem;font-weight:500;gap:2px;justify-content:center;letter-spacing:.02em;padding:4px 0;position:relative;transition:color .2s}.m-nav-item .m-nav-icon{font-size:24px;transition:transform .2s,color .2s}.m-nav-active{color:#6366f1;color:var(--primary)}.m-nav-active .m-nav-icon{filter:drop-shadow(0 0 8px rgba(99,102,241,.5));font-variation-settings:"FILL" 1;transform:scale(1.1)}.dark-mode .m-nav-item{color:#64748b;color:var(--slate-500)}.dark-mode .m-nav-active{color:#6366f1;color:var(--primary)}.dark-mode .m-nav-active .m-nav-icon{filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.m-nav-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:calc(50% - 16px);top:2px;width:8px}.dark-mode .m-nav-dot{border-color:#0a0c14;border-color:var(--background-dark)}.m-nav-label{font-size:.625rem;font-weight:700;line-height:1.2}.m-section{padding:16px}.m-section+.m-section{padding-top:0}.m-section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px;padding-left:2px}.m-section-title{align-items:center;color:#1e293b;color:var(--slate-800);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.m-section-title .material-symbols-outlined{color:#6366f1;color:var(--primary);font-size:20px;font-variation-settings:"FILL" 1}.dark-mode .m-section-title{color:#fff}.m-streak-badge{align-items:center;background:none;border:none;border-radius:.5rem;color:#475569;color:var(--slate-600);cursor:pointer;display:flex;gap:2px;padding:4px 8px;position:relative}.m-streak-badge:active{background:#0000000d}.dark-mode .m-streak-badge{color:#94a3b8;color:var(--slate-400)}.dark-mode .m-streak-badge:active{background:#ffffff0d}.m-streak-number{color:#1e293b;color:var(--slate-800);font-size:1.1rem;font-weight:700}.dark-mode .m-streak-number{color:#fff}.m-streak-fire{color:#6366f1!important;color:var(--primary)!important;font-size:1.25rem!important;font-variation-settings:"FILL" 1}.m-streak-tooltip{background:#1e293b;background:var(--slate-800);border-radius:.75rem;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.8rem;font-weight:500;line-height:1.4;margin-top:8px;max-width:min(280px,calc(100vw - 2rem));padding:10px 14px;position:absolute;right:0;top:100%;white-space:nowrap;white-space:normal;z-index:50}.dark-mode .m-streak-tooltip{background:#334155;background:var(--slate-700)}.m-moment-input-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000000f;border-radius:24px;box-shadow:0 8px 32px #0000000a,inset 0 1px 1px #fff9;padding:20px;transition:border-color .2s,box-shadow .2s}.m-moment-input-card:focus-within{border-color:#6366f14d;box-shadow:0 8px 32px #6366f114,inset 0 1px 1px #fff9}.dark-mode .m-moment-input-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a}.dark-mode .m-moment-input-card:focus-within{border-color:#6366f14d;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a}.m-moment-input-row{align-items:flex-start;display:flex;gap:14px}.m-star-btn{background:#0000;border-radius:8px;color:#cbd5e1;color:var(--slate-300);flex-shrink:0;margin-top:2px;padding:4px;transition:color .2s,transform .2s,filter .2s}.m-star-btn.active{color:#ffb800;filter:drop-shadow(0 0 8px rgba(255,184,0,.4))}.m-star-btn:active{transform:scale(.88)}.dark-mode .m-star-btn{color:#64748b;color:var(--slate-500)}.dark-mode .m-star-btn.active{color:#ffb800}.m-star-btn .material-symbols-outlined{font-size:26px;font-variation-settings:"FILL" 1}.m-moment-textarea,.m-moment-textarea:active,.m-moment-textarea:focus{-webkit-appearance:none;background:#0000!important;border:none!important;box-shadow:none!important;color:#1e293b;color:var(--slate-800);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.6;min-height:60px;outline:none;padding:4px 0;resize:none}.m-moment-textarea::placeholder{color:#94a3b8;color:var(--slate-400)}.dark-mode .m-moment-textarea{color:#e2e8f0;color:var(--slate-200)}.dark-mode .m-moment-textarea::placeholder{color:#94a3b880}.m-action-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.m-write-journal-btn{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:1.5rem;box-shadow:0 10px 25px -5px #6366f159;color:#fff;cursor:pointer;display:flex;grid-column:1/-1;justify-content:space-between;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-align:left;transition:transform .1s ease,box-shadow .2s}.m-write-journal-btn:active{transform:scale(.97)}.m-write-journal-left{align-items:center;display:flex;gap:1rem}.m-write-journal-icon{align-items:center;background:#fff3;border-radius:1rem;display:flex;height:3rem;justify-content:center;width:3rem}.m-write-journal-icon .material-symbols-outlined{font-size:1.5rem}.m-write-journal-text h3{font-size:1.125rem;font-weight:700;margin:0}.m-write-journal-text p{color:#ffffffb3;font-size:.75rem;margin:.125rem 0 0}.m-write-journal-arrow{color:#fff6;font-size:1.5rem;transition:transform .2s}.m-write-journal-btn:hover .m-write-journal-arrow{transform:translateX(4px)}.m-write-journal-btn.expanded .m-write-journal-arrow{transform:rotate(180deg)}.m-write-journal-blob{background:#ffffff0d;border-radius:50%;bottom:-1rem;height:6rem;pointer-events:none;position:absolute;right:-1rem;width:6rem}.m-action-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1.5rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;text-align:left;transition:border-color .2s,transform .1s ease}.m-action-card:active{transform:scale(.97)}body:not(.dark-mode) .m-action-card{background:#ffffffb3;border:1px solid #0000000d}.m-action-card:hover{border-color:#6366f14d}.m-action-card-icon{align-items:center;border-radius:1rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.m-action-card-icon .material-symbols-outlined{font-size:1.5rem}.m-sketch-icon{background:#6366f133;color:#6366f1}.m-photo-icon{background:#f43f5e33;color:#f43f5e}.m-action-card-text h3{color:#1e293b;color:var(--slate-800);font-size:.875rem;font-weight:700;margin:0}.dark-mode .m-action-card-text h3{color:#fff}.m-action-card-text p{color:#64748b;color:var(--slate-500);font-size:.6875rem;margin:.125rem 0 0}.dark-mode .m-action-card-text p{color:#94a3b8;color:var(--slate-400)}.m-action-card-saved{background:#6366f133;border-radius:999px;color:#6366f1;color:var(--primary);display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-top:.25rem;padding:.15rem .5rem;text-transform:uppercase}.m-photo-display-below{background:#00000008;border-radius:1.5rem;margin-top:1rem;overflow:hidden;position:relative}.dark-mode .m-photo-display-below{background:#ffffff08}.m-photo-display-wrap{cursor:pointer;display:block;min-height:180px;width:100%}.m-photo-display-img{display:block;height:auto;max-height:280px;min-height:180px;object-fit:cover;width:100%}.m-photo-remove-below{position:absolute;right:.75rem;top:.75rem}.m-photo-loading-below{align-items:center;display:flex;justify-content:center;min-height:180px}.m-expand-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000000f;border-radius:20px;box-shadow:inset 0 1px 1px #fff9;color:#334155;color:var(--slate-700);display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:16px 18px;text-align:left;transition:all .2s ease;width:100%}.m-expand-btn:active{transform:scale(.98)}.dark-mode .m-expand-btn{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a;color:#fff}.m-expand-btn .material-symbols-outlined:first-child{color:#818cf8;color:var(--accent-purple);font-size:22px}.dark-mode .m-expand-btn .material-symbols-outlined:first-child{color:#818cf8}.m-expand-chevron{color:#94a3b8;color:var(--slate-400);margin-left:auto;transition:transform .25s ease}.m-expand-btn.expanded .m-expand-chevron{transform:rotate(180deg)}.m-journal-expanded-wrap{margin-top:-.5rem}.m-journal-expanded{max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .3s ease}.m-journal-expanded.open{max-height:600px;opacity:1;padding:12px 0 0}.m-journal-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #0000000f;border-radius:20px;box-shadow:inset 0 1px 1px #fff6;color:#1e293b;color:var(--slate-800);font-family:inherit;font-size:.95rem;line-height:1.7;min-height:200px;outline:none;padding:18px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.m-journal-textarea:focus{border-color:#6366f14d}.dark-mode .m-journal-textarea{background:#ffffff08;border-color:#ffffff14;box-shadow:0 4px 16px #0003,inset 0 1px 1px #ffffff0d;color:#e2e8f0;color:var(--slate-200)}.dark-mode .m-journal-textarea:focus{border-color:#818cf866}.m-journal-autosave{align-items:center;color:#94a3b8;color:var(--slate-400);display:flex;font-size:.75rem;gap:6px;margin-top:8px}.m-journal-autosave .material-symbols-outlined{color:#10b981;color:var(--accent-green);font-size:16px}.m-sketch-btn{align-items:center;background:#6366f1e6;border:none;border-radius:20px;box-shadow:0 8px 24px #6366f159,inset 0 1px 1px #ffffff26;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:20px 18px;text-align:left;transition:all .2s ease;width:100%}.m-sketch-btn:active{transform:scale(.98)}.m-sketch-btn .material-symbols-outlined{font-size:22px}.m-sketch-saved-indicator{background:#fff3;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-left:auto;padding:4px 12px;text-transform:uppercase}.m-photo-preview-wrap{border-radius:12px;overflow:hidden;position:relative}.m-photo-thumb{border-radius:12px;cursor:pointer;display:block;height:88px;object-fit:cover;width:88px}.m-photo-remove-btn{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:#475569;color:var(--slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:background .2s,border-color .2s,color .2s,transform .15s;width:40px}.m-photo-remove-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.m-photo-remove-btn:disabled{cursor:not-allowed;opacity:.6}.m-photo-remove-btn .material-symbols-outlined{font-size:24px;font-weight:600}.dark-mode .m-photo-remove-btn{background:#161b26;background:var(--panel-dark);border-color:#ffffff14;border-color:var(--border-subtle);box-shadow:0 2px 8px #0006;color:#94a3b8;color:var(--slate-400)}.dark-mode .m-photo-remove-btn:hover:not(:disabled){background:#ef444426;border-color:#ef4444;color:#f87171}.m-photo-btn{cursor:pointer;display:block}.m-photo-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.m-photo-btn-inner{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;color:#475569;color:var(--slate-600);display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:14px 18px;transition:background .2s,border-color .2s}.m-photo-btn:active .m-photo-btn-inner{background:#e2e8f0;background:var(--slate-200)}.m-photo-btn-inner .material-symbols-outlined{font-size:1.25rem}.m-photo-spin{animation:m-photo-spin 1s linear infinite}.m-photo-error{color:#dc2626;font-size:.8rem;margin:8px 0 0}.dark-mode .m-photo-btn-inner{background:#ffffff0f;border-color:#ffffff1a;color:#cbd5e1;color:var(--slate-300)}.dark-mode .m-photo-btn:active .m-photo-btn-inner{background:#ffffff1a}.dark-mode .m-photo-error{color:#f87171}.m-photo-loading{color:#64748b;color:var(--slate-500);font-size:.9rem;padding:1.5rem}.m-journal-stats{align-items:center;display:flex;gap:32px;justify-content:center;padding:16px 16px 8px}.m-journal-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.m-journal-stat-label{color:#94a3b8;color:var(--slate-400);font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.dark-mode .m-journal-stat-label{color:#64748b;color:var(--slate-500)}.m-journal-stat-value{color:#1e293b;color:var(--slate-800);font-size:1.15rem;font-weight:700}.dark-mode .m-journal-stat-value{color:#fff}.m-journal-stat-fire{font-size:.9rem}.m-journal-stat-divider{background:#00000014;height:32px;width:1px}.dark-mode .m-journal-stat-divider{background:#ffffff14}.m-habits-tab{padding:16px}.m-habits-progress{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;padding:14px 16px}.dark-mode .m-habits-progress{background:#1e293b80;border-color:#ffffff0f}.m-habits-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.m-habits-progress-label{color:#334155;color:var(--slate-700);font-size:.85rem;font-weight:600}.dark-mode .m-habits-progress-label{color:#e2e8f0;color:var(--slate-200)}.m-habits-progress-count{color:#6366f1;color:var(--primary);font-size:.85rem;font-weight:700}.m-habits-progress-bar{background:#f1f5f9;background:var(--slate-100);border-radius:3px;height:6px;overflow:hidden}.dark-mode .m-habits-progress-bar{background:#ffffff0f}.m-habits-progress-fill{background:linear-gradient(90deg,#6366f1,#10b981);background:linear-gradient(90deg,var(--primary),var(--accent-green));border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.m-add-habit-row{display:flex;gap:8px;margin-bottom:16px}.m-add-habit-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;color:#1e293b;color:var(--slate-800);flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:12px 14px;transition:border-color .2s}.m-add-habit-input:focus{border-color:#6366f1;border-color:var(--primary)}.m-add-habit-input::placeholder{color:#94a3b8;color:var(--slate-400)}.dark-mode .m-add-habit-input{background:#1e293b80;border-color:#ffffff0f;color:#f1f5f9;color:var(--slate-100)}.dark-mode .m-add-habit-input::placeholder{color:#64748b;color:var(--slate-500)}.m-add-habit-btn{align-items:center;background:#6366f1;background:var(--primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:opacity .15s;width:44px}.m-add-habit-btn:disabled{opacity:.4}.m-add-habit-btn .material-symbols-outlined{font-size:22px}.m-habits-list{display:flex;flex-direction:column;gap:8px}.m-habit-swipe-container{border-radius:16px;overflow:hidden;position:relative}.m-habit-swipe-actions{align-items:stretch;bottom:0;display:none;position:absolute;right:0;top:0;width:90px;z-index:0}.m-habit-swipe-actions.visible{display:flex}.m-habit-delete-action{-webkit-tap-highlight-color:transparent;align-items:center;background:#ef4444;border:none;border-radius:0 16px 16px 0;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:3px;justify-content:center;padding:0 8px;transition:background .15s;width:100%}.m-habit-delete-action:active{background:#dc2626}.m-habit-delete-action .material-symbols-outlined{font-size:22px}.m-habit-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;gap:14px;padding:16px;position:relative;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;width:100%;z-index:1}.m-habit-card:active{transform:scale(.98)}.dark-mode .m-habit-card{background:#1e293b;border-color:#ffffff0f}.m-habit-done{background:linear-gradient(135deg,#10b9810f,#10b98105);border-color:#10b9814d}.dark-mode .m-habit-done{background:#1a2e2b;border-color:#10b98140}.m-habit-card.m-habit-card--custom:not(.m-habit-done){border-color:#0f172a1f}.dark-mode .m-habit-card.m-habit-card--custom:not(.m-habit-done){border-color:#ffffff1a}@keyframes m-habit-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.m-habit-completing{animation:m-habit-pop .5s cubic-bezier(.34,1.56,.64,1)}.m-habit-check{flex-shrink:0}.m-habit-check .material-symbols-outlined{color:#cbd5e1;color:var(--slate-300);font-size:28px;font-variation-settings:"FILL" 0;transition:color .2s}.m-habit-done .m-habit-check .material-symbols-outlined{color:#10b981;color:var(--accent-green);font-variation-settings:"FILL" 1}.m-habit-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.m-habit-name{color:#1e293b;color:var(--slate-800);font-size:.95rem;font-weight:600}.dark-mode .m-habit-name{color:#f1f5f9;color:var(--slate-100)}.m-habit-done .m-habit-name{opacity:.7;text-decoration:line-through}html[lang=ar] .m-habit-name{font-size:1.15rem}html[lang=ar] .m-add-habit-input{font-size:1.05rem}html[lang=ar] .m-habits-progress-label{font-size:1rem}.m-habit-xp{color:#10b981;color:var(--accent-green);font-size:.7rem;font-weight:700;letter-spacing:.02em}.m-habit-card-wrap{position:relative}.m-habit-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--slate-500);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.m-habit-menu-btn:active,.m-habit-menu-btn:hover{background:#0000000f;color:#334155;color:var(--slate-700)}.dark-mode .m-habit-menu-btn:active,.dark-mode .m-habit-menu-btn:hover{background:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.m-habit-menu-btn .material-symbols-outlined{font-size:20px}.m-habit-reminder-dot{background:#6366f1;background:var(--primary);border-radius:50%;height:6px;position:absolute;right:6px;top:6px;width:6px}.m-habit-menu-backdrop{inset:0;position:fixed;z-index:9998}.m-habit-menu-sheet{animation:m-sheet-up .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;padding:12px 16px calc(env(safe-area-inset-bottom, 16px) + 16px);position:fixed;right:0;z-index:9999}.dark-mode .m-habit-menu-sheet{background:#0a0c14;background:var(--background-dark);box-shadow:0 -4px 20px #0006}.m-habit-menu-sheet-handle{background:#cbd5e1;background:var(--slate-300);border-radius:2px;height:4px;margin:0 auto 16px;width:36px}.dark-mode .m-habit-menu-sheet-handle{background:#475569;background:var(--slate-600)}.m-habit-menu-sheet-title{color:#64748b;color:var(--slate-500);font-size:.85rem;font-weight:600;margin:0 0 12px;padding:0 4px}.dark-mode .m-habit-menu-sheet-title{color:#94a3b8;color:var(--slate-400)}.m-habit-menu-item{align-items:center;background:none;border:none;border-radius:12px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.m-habit-menu-item .material-symbols-outlined{color:#64748b;color:var(--slate-500);font-size:22px}.m-habit-menu-item:active,.m-habit-menu-item:hover{background:#0000000d}.m-habit-menu-item.remove,.m-habit-menu-item.remove .material-symbols-outlined{color:#ef4444}.m-habit-menu-item.remove:active,.m-habit-menu-item.remove:hover{background:#ef44441a;color:#ef4444}.m-habit-menu-item.remove:active .material-symbols-outlined,.m-habit-menu-item.remove:hover .material-symbols-outlined{color:#ef4444}.dark-mode .m-habit-menu-item{color:#e2e8f0;color:var(--slate-200)}.dark-mode .m-habit-menu-item:active,.dark-mode .m-habit-menu-item:hover{background:#ffffff0d}.dark-mode .m-habit-menu-item.remove,.dark-mode .m-habit-menu-item.remove .material-symbols-outlined{color:#f87171}.dark-mode .m-habit-menu-item.remove:active,.dark-mode .m-habit-menu-item.remove:hover{background:#ef444426;color:#f87171}.dark-mode .m-habit-menu-item.remove:active .material-symbols-outlined,.dark-mode .m-habit-menu-item.remove:hover .material-symbols-outlined{color:#f87171}.m-habit-menu-divider{background:#e2e8f0;background:var(--slate-200);height:1px;margin:6px 16px}.dark-mode .m-habit-menu-divider{background:#475569;background:var(--slate-600)}.m-habit-menu-toggle{align-items:center;cursor:default;justify-content:space-between;padding-bottom:16px;padding-top:16px}.m-habit-menu-toggle:hover{background:#0000}.m-habit-toggle-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.m-habit-toggle-icon{color:#64748b;color:var(--slate-500);flex-shrink:0;font-size:22px;transition:color .2s}.m-habit-menu-toggle .m-habit-toggle-icon.hidden-state{color:#6366f1;color:var(--primary)}.dark-mode .m-habit-menu-toggle .m-habit-toggle-icon.hidden-state{color:#818cf8;color:var(--accent-purple,var(--primary))}.m-habit-toggle-labels{display:flex;flex-direction:column;gap:2px;min-width:0}.m-habit-toggle-label{color:#1e293b;color:var(--slate-800);font-size:.95rem;font-weight:500}.dark-mode .m-habit-toggle-label{color:#f1f5f9;color:var(--slate-100)}.m-habit-toggle-sublabel{color:#64748b;color:var(--slate-500);font-size:.8rem;font-weight:400}.dark-mode .m-habit-toggle-sublabel{color:#94a3b8;color:var(--slate-400)}.m-habit-toggle-switch{-webkit-tap-highlight-color:transparent;background:#cbd5e1;background:var(--slate-300);border:none;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;padding:3px;position:relative;transition:background .2s ease,box-shadow .2s ease;width:48px}.m-habit-toggle-switch:hover{background:#94a3b8;background:var(--slate-400)}.m-habit-toggle-switch.on{background:#6366f1;background:var(--primary);box-shadow:0 0 0 1px #6366f133}.m-habit-toggle-switch.on:hover{background:color-mix(in srgb,#6366f1 90%,#000);background:color-mix(in srgb,var(--primary) 90%,#000)}.m-habit-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:block;height:22px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:22px}.m-habit-toggle-switch.on .m-habit-toggle-knob{transform:translateX(20px)}.dark-mode .m-habit-toggle-switch{background:#475569;background:var(--slate-600)}.dark-mode .m-habit-toggle-switch:hover{background:#64748b;background:var(--slate-500)}.dark-mode .m-habit-toggle-switch.on{box-shadow:0 0 0 1px #818cf84d}.dark-mode .m-habit-toggle-knob{background:#f1f5f9;background:var(--slate-100);box-shadow:0 1px 3px #0000004d}.m-habit-color-section{padding:4px 16px 12px}.m-habit-color-heading{color:#64748b;color:var(--slate-500,#64748b);font-size:.72rem;font-weight:600;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.dark-mode .m-habit-color-heading{color:#94a3b8e6}.m-habit-color-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.m-habit-color-swatch{-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;height:32px;padding:0;transition:transform .12s,box-shadow .12s;width:32px}.m-habit-color-swatch:active{transform:scale(.94)}.m-habit-color-swatch.selected{box-shadow:0 0 0 2px #10b981;box-shadow:0 0 0 2px var(--accent-green,#10b981)}.m-habit-color-swatch--reset{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);color:#64748b;color:var(--slate-500,#64748b);display:flex;justify-content:center}.dark-mode .m-habit-color-swatch--reset{background:#1e293b;border-color:#ffffff1a;color:#94a3b8e6}.m-habit-color-swatch--reset .material-symbols-outlined{font-size:18px}.m-habit-color-swatch--picker{align-items:center;background:linear-gradient(135deg,#f472b6,#a78bfa,#38bdf8);border:none;display:flex;justify-content:center;overflow:hidden;position:relative}.m-habit-color-swatch--picker .material-symbols-outlined{color:#fff;font-size:18px;pointer-events:none;position:relative;text-shadow:0 1px 2px #00000040;z-index:0}.m-habit-color-input{border:none;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.m-habit-color-swatch--picker.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #10b981;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent-green,#10b981)}.m-habit-reminder-sheet .m-habit-reminder-time-row{margin:16px 0 24px}.m-habit-reminder-time-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;color:#1e293b;color:var(--slate-800);font-size:1.1rem;max-width:200px;padding:14px 16px;width:100%}.dark-mode .m-habit-reminder-time-input{background:#1e293b80;border-color:#ffffff1a;color:#f1f5f9;color:var(--slate-100)}.m-habit-confirm-save{background:#6366f1;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .15s}.m-habit-confirm-save:active{opacity:.9}.m-habit-confirm-overlay{align-items:flex-end;animation:m-overlay-fade .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes m-overlay-fade{0%{opacity:0}to{opacity:1}}.m-habit-confirm-sheet{animation:m-sheet-up .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px 20px 0 0;max-width:420px;padding:28px 24px calc(env(safe-area-inset-bottom, 16px) + 24px);text-align:center;width:100%}@keyframes m-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dark-mode .m-habit-confirm-sheet{background:#0a0c14;background:var(--background-dark);border:1px solid #ffffff14;border-bottom:none}.m-habit-confirm-icon{align-items:center;background:#ef44441a;border-radius:50%;display:flex;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.m-habit-confirm-icon .material-symbols-outlined{color:#ef4444;font-size:28px}.m-habit-confirm-title{color:#0f172a;color:var(--slate-900);font-size:1.1rem;font-weight:700;margin:0 0 8px}.dark-mode .m-habit-confirm-title{color:#fff}.m-habit-confirm-text{color:#64748b;color:var(--slate-500);font-size:.9rem;line-height:1.5;margin:0 0 20px}.dark-mode .m-habit-confirm-text{color:#94a3b8;color:var(--slate-400)}.m-habit-confirm-text strong{color:#334155;color:var(--slate-700);font-weight:600}.dark-mode .m-habit-confirm-text strong{color:#e2e8f0;color:var(--slate-200)}.m-habit-confirm-actions{display:flex;gap:10px}.m-habit-confirm-cancel{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:14px;color:#475569;color:var(--slate-600);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:14px;transition:background .15s}.m-habit-confirm-cancel:active{background:#f1f5f9;background:var(--slate-100)}.dark-mode .m-habit-confirm-cancel{border-color:#ffffff1a;color:#cbd5e1;color:var(--slate-300)}.dark-mode .m-habit-confirm-cancel:active{background:#ffffff0d}.m-habit-confirm-delete{background:#ef4444;border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:14px;transition:background .15s}.m-habit-confirm-delete:active{background:#dc2626}.m-trackers-tab{padding:16px}.m-tracker-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.m-tracker-card{border:none;border-radius:16px;color:#fff;cursor:default;display:block;overflow:hidden;padding:14px 16px;position:relative;text-align:left;width:100%}.m-tracker-sleep{background:linear-gradient(135deg,#3b82f6,#a855f7);background:var(--grad-sleep);box-shadow:0 8px 24px -4px #3b82f659}.m-tracker-mood{background:linear-gradient(135deg,#ec4899,#fb923c);background:var(--grad-mood);box-shadow:0 8px 24px -4px #ec489959}.m-tracker-weight{background:linear-gradient(135deg,#10b981,#06b6d4);background:var(--grad-weight);box-shadow:0 8px 24px -4px #10b98159}button.m-tracker-card{-webkit-tap-highlight-color:transparent;cursor:pointer}button.m-tracker-card:active{transform:scale(.98)}.m-tracker-card-header{align-items:center;color:#ffffffd9;display:flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.m-tracker-card-header .material-symbols-outlined{color:#fff!important;font-size:20px}.m-tracker-card-body{align-items:center;display:flex;gap:8px}.m-tracker-input{-moz-appearance:textfield;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff40;border-radius:10px;color:#fff;font-family:inherit;font-size:1.1rem;font-weight:600;outline:none;padding:10px 12px;transition:border-color .2s,background .2s;width:100px}.m-tracker-input:focus{background:#ffffff47;border-color:#ffffff80}.m-tracker-input::-webkit-inner-spin-button,.m-tracker-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.m-tracker-input::placeholder{color:#ffffff80;font-weight:400}.m-tracker-unit{color:#ffffffb3;font-size:.8rem;font-weight:500}.m-tracker-placeholder{color:#fff9;font-size:.9rem}.m-mood-display{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:700;gap:10px;letter-spacing:.01em;text-shadow:0 1px 2px #0f172a40}.m-mood-dot{border:2px solid #ffffffd9;border-radius:50%;box-shadow:0 0 0 1px #0f172a26,0 2px 4px #0f172a2e;flex-shrink:0;height:16px;width:16px}.m-mood-legend-row{display:flex;gap:6px;margin-top:10px}.m-mood-pip{border:1.5px solid #ffffff4d;border-radius:50%;height:12px;opacity:.4;transition:opacity .2s,transform .2s;width:12px}.m-mood-pip.active{border-color:#fff;opacity:1;transform:scale(1.3)}.m-weight-unit-toggle{background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;display:flex;margin-left:auto;overflow:hidden}.m-weight-unit-toggle button{background:#0000;border:none;border-radius:0;color:#fff9;cursor:pointer;font-size:.7rem;font-weight:600;padding:4px 10px;transition:background .15s,color .15s}.m-weight-unit-toggle button.active{background:#ffffff40;color:#fff}.m-settings-tab .m-weight-unit-toggle{background:#0000;border-color:#e2e8f0;border-color:var(--slate-200)}.dark-mode .m-settings-tab .m-weight-unit-toggle{border-color:#ffffff1a}.m-settings-tab .m-weight-unit-toggle button{color:#64748b;color:var(--slate-500)}.m-settings-tab .m-weight-unit-toggle button.active{background:#6366f1;background:var(--primary);color:#fff}.m-charts-title{color:#334155;color:var(--slate-700);font-size:.95rem;font-weight:700;margin:0 0 12px}.dark-mode .m-charts-title{color:#e2e8f0;color:var(--slate-200)}.m-chart-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:12px;padding:14px 12px}.dark-mode .m-chart-card{background:#1e293b80;border-color:#ffffff0f}.m-chart-label{color:#64748b;color:var(--slate-500);font-size:.8rem;font-weight:600;margin:0 0 8px 4px}.dark-mode .m-chart-label{color:#94a3b8;color:var(--slate-400)}.m-mood-cal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-top:12px;padding:16px}.dark-mode .m-mood-cal{background:#1e293b80;border-color:#ffffff0f}.m-mood-cal-title{align-items:center;color:#334155;color:var(--slate-700);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0 0 12px}.m-mood-cal-title .material-symbols-outlined{color:#ec4899;font-size:20px}.dark-mode .m-mood-cal-title{color:#e2e8f0;color:var(--slate-200)}.m-mood-cal-legend{background:#ec48990f;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:14px;padding:10px 12px}.dark-mode .m-mood-cal-legend{background:#ec48991a}.m-mood-cal-legend-item{align-items:center;color:#475569;color:var(--slate-600);display:flex;font-size:.72rem;font-weight:500;gap:5px}.dark-mode .m-mood-cal-legend-item{color:#cbd5e1;color:var(--slate-300)}.m-mood-cal-legend-dot{border:1.5px solid #00000014;border-radius:4px;flex-shrink:0;height:14px;width:14px}.dark-mode .m-mood-cal-legend-dot{border-color:#ffffff1a}.m-mood-cal-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.m-mood-cal-wd{color:#94a3b8;color:var(--slate-400);font-size:.7rem;font-weight:600;padding:4px 0;text-align:center}.m-mood-cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.m-mood-cal-cell{align-items:center;aspect-ratio:1;border-radius:8px;display:flex;font-size:.75rem;font-weight:500;justify-content:center}.m-mood-cal-empty{background:#0000}.m-mood-cal-day{-webkit-tap-highlight-color:transparent;background:#f8fafc;background:var(--slate-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);color:#475569;color:var(--slate-600);cursor:pointer;font-family:inherit;padding:0;transition:transform .15s,box-shadow .15s}.m-mood-cal-day:active{transform:scale(.92)}.dark-mode .m-mood-cal-day{background:#0f172a66;border-color:#ffffff14;color:#94a3b8;color:var(--slate-400)}.m-mood-cal-today{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--primary);font-weight:700}.m-mood-cal-day.m-mood-cal-ecstatic{border-color:#f59e0b;color:#1f2937;font-weight:600}.m-mood-cal-day.m-mood-cal-happy{border-color:#059669;color:#fff;font-weight:600}.m-mood-cal-day.m-mood-cal-neutral{border-color:#4f46e5;color:#fff;font-weight:600}.m-mood-cal-day.m-mood-cal-sad{border-color:#2563eb;color:#fff;font-weight:600}.m-mood-cal-day.m-mood-cal-angry{border-color:#dc2626;color:#fff;font-weight:600}.m-mood-cal-hint{color:#94a3b8;color:var(--slate-400);font-size:.72rem;font-style:italic;margin:10px 0 0;text-align:center}.m-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.m-empty-icon{color:#cbd5e1;color:var(--slate-300);font-size:48px!important;margin-bottom:12px}.dark-mode .m-empty-icon{color:#475569;color:var(--slate-600)}.m-empty-state p{color:#94a3b8;color:var(--slate-400);font-size:.9rem;margin:0}.m-friends-tab-wrap .friends-social-header{display:none!important}.m-friends-tab-wrap .friends-social-page{max-width:100%;padding:0}.m-settings-tab{display:flex;flex-direction:column;gap:12px;padding:16px}.m-settings-install-btn{align-items:center;background:linear-gradient(135deg,#22c55e1f,#10b9811f);border:1px solid #22c55e33;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:4px;padding:16px;text-align:left;transition:background .2s,transform .15s;width:100%}.m-settings-install-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e2e,#10b9812e);transform:translateY(-1px)}.m-settings-install-btn:active:not(:disabled){transform:scale(.98)}.dark-mode .m-settings-install-btn{background:linear-gradient(135deg,#22c55e26,#10b98126);border-color:#22c55e40}.dark-mode .m-settings-install-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e38,#10b98138)}.m-settings-install-btn>.material-symbols-outlined:first-of-type{color:#059669;font-size:1.5rem}.dark-mode .m-settings-install-btn>.material-symbols-outlined:first-of-type{color:#34d399}.m-settings-install-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.m-settings-install-title{color:#1a1a2e;font-size:.95rem;font-weight:600}.dark-mode .m-settings-install-title{color:#f0f0f0}.m-settings-install-desc{color:#64748b;font-size:.75rem;line-height:1.35}.dark-mode .m-settings-install-desc{color:#94a3b8}.m-settings-install-chevron{color:#059669;font-size:18px!important;opacity:.7}.dark-mode .m-settings-install-chevron{color:#34d399}.m-settings-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:16px}.dark-mode .m-settings-card{background:#1e293b80;border-color:#ffffff0f}.m-settings-heading{color:#94a3b8;color:var(--slate-400);font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}.dark-mode .m-settings-heading{color:#64748b;color:var(--slate-500)}.m-settings-row{align-items:center;color:#334155;color:var(--slate-700);display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.m-settings-lang-select{background:#f8fafc;background:var(--slate-50);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:8px;color:#334155;color:var(--slate-700);cursor:pointer;font-size:.85rem;min-width:120px;padding:6px 10px}.dark-mode .m-settings-lang-select{background:#0f172a66;border-color:#ffffff14}.dark-mode .m-settings-lang-select,.dark-mode .m-settings-row{color:#e2e8f0;color:var(--slate-200)}.m-settings-rename-btn{align-items:center;background:#f8fafc;background:var(--slate-50);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:8px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 10px}.dark-mode .m-settings-rename-btn{background:#0f172a66;border-color:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.m-settings-favs-btn{align-items:center;background:none;border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--slate-200);color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin-top:12px;padding:12px 0;text-align:left;width:100%}.dark-mode .m-settings-favs-btn{border-top-color:#ffffff14;color:#e2e8f0;color:var(--slate-200)}.m-settings-favs-btn .material-symbols-outlined:first-of-type{color:#fbbf24;font-size:1.25rem;font-variation-settings:"FILL" 1}.m-settings-favs-label{flex:1 1}.m-settings-favs-count{align-items:center;background:#fbbf2433;border-radius:10px;color:#f59e0b;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.m-settings-favs-chevron{color:#94a3b8;color:var(--slate-400);font-size:18px!important}.dark-mode .m-settings-favs-chevron,.m-settings-email{color:#64748b;color:var(--slate-500)}.m-settings-email{font-size:.85rem;margin:0 0 12px;word-break:break-all}.dark-mode .m-settings-email{color:#94a3b8;color:var(--slate-400)}.m-settings-level-wrap{margin-bottom:12px}.m-settings-xp{color:#94a3b8;color:var(--slate-400);font-size:.8rem;margin:0 0 16px}.m-signout-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:12px;color:#ef4444;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background .15s;width:100%}.m-signout-btn:active{background:#ef444426}.m-signout-btn .material-symbols-outlined{font-size:20px}.m-view-favs-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000000f;border-radius:20px;box-shadow:inset 0 1px 1px #fff9;color:#1e293b;color:var(--slate-800);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-top:12px;padding:16px 18px;transition:all .2s ease;width:100%}.m-view-favs-btn:active{transform:scale(.98)}.dark-mode .m-view-favs-btn{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff1a;color:#fff}.dark-mode .m-view-favs-btn:active{background:#ffffff0f}.m-view-favs-count{align-items:center;background:#ffb80033;border-radius:10px;color:#ffb800;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;line-height:1.3;padding:0;width:20px}.m-view-favs-star{color:#ffb800;filter:drop-shadow(0 0 8px rgba(255,184,0,.4));font-size:22px!important;font-variation-settings:"FILL" 1}.m-view-favs-chevron{color:#94a3b8;color:var(--slate-400);font-size:18px!important;margin-left:auto}.dark-mode .m-view-favs-chevron{color:#64748b;color:var(--slate-500)}.m-favs-page{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:24px}.m-favs-page-header{align-items:center;background:#f8fafc;background:var(--background-light);display:flex;gap:10px;padding:14px 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark-mode .m-favs-page-header{background:#0a0c14;background:var(--background-dark)}.m-favs-back-btn{align-items:center;background:#f1f5f9;background:var(--slate-100);border:none;border-radius:10px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.m-favs-back-btn:active{background:#e2e8f0;background:var(--slate-200)}.dark-mode .m-favs-back-btn{background:#ffffff12;color:#e2e8f0;color:var(--slate-200)}.m-favs-back-btn .material-symbols-outlined{font-size:20px}.m-favs-page-title{color:#0f172a;color:var(--slate-900);font-size:1.15rem;font-weight:700;margin:0}.dark-mode .m-favs-page-title{color:#fff}.m-favs-search-wrap{margin:0 16px 12px;position:relative}.m-favs-search-icon{color:#94a3b8;color:var(--slate-400);font-size:20px!important;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.m-favs-search-input{background:#f8fafc;background:var(--slate-50);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--slate-800);font-size:.9rem;outline:none;padding:11px 40px;transition:border-color .15s;width:100%}.m-favs-search-input:focus{border-color:#6366f1;border-color:var(--primary)}.dark-mode .m-favs-search-input{background:#1e293b80;border-color:#ffffff14;color:#fff}.dark-mode .m-favs-search-input:focus{border-color:#6366f1;border-color:var(--primary)}.m-favs-search-clear{background:none;border:none;color:#94a3b8;color:var(--slate-400);cursor:pointer;padding:4px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.m-favs-search-clear .material-symbols-outlined{font-size:18px}.m-favs-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.m-favs-empty-icon{color:#cbd5e1;color:var(--slate-300);font-size:48px!important;font-variation-settings:"FILL" 1;margin-bottom:12px}.dark-mode .m-favs-empty-icon{color:#475569;color:var(--slate-600)}.m-favs-empty p{color:#64748b;color:var(--slate-500);font-size:.95rem;margin:0}.m-favs-empty-hint{color:#94a3b8!important;color:var(--slate-400)!important;font-size:.85rem!important;margin-top:6px!important}.m-favs-page-list{display:flex;flex-direction:column;gap:10px;padding:0 16px}.m-favs-page-card{align-items:flex-start;background:#f8fafc;background:var(--slate-50);border:1px solid #f1f5f9;border:1px solid var(--slate-100);border-radius:14px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;padding:14px;text-align:left;transition:background .2s,border-color .2s;width:100%}.m-favs-page-card:hover{background:#f1f5f9;background:var(--slate-100);border-color:#e2e8f0;border-color:var(--slate-200)}.m-favs-page-card:active{background:#e2e8f0;background:var(--slate-200)}.dark-mode .m-favs-page-card{background:#1e293b66;border-color:#ffffff0d}.dark-mode .m-favs-page-card:hover{background:#1e293b99;border-color:#ffffff1a}.dark-mode .m-favs-page-card:active{background:#33415580}.m-favs-page-card-chevron{color:#94a3b8;color:var(--slate-400);flex-shrink:0;font-size:1.25rem!important;margin-left:auto}.dark-mode .m-favs-page-card-chevron{color:#64748b;color:var(--slate-500)}.m-favs-page-card-star{flex-shrink:0;padding-top:1px}.m-favs-page-card-star .material-symbols-outlined{font-size:20px}.m-favs-page-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.m-favs-page-card-date{color:#94a3b8;color:var(--slate-400);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.m-favs-page-card-text{color:#334155;color:var(--slate-700);font-size:.9rem;line-height:1.45;word-break:break-word}.dark-mode .m-favs-page-card-text{color:#e2e8f0;color:var(--slate-200)}.m-sketches-page{background:#f8fafc;background:var(--background-light);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.dark-mode .m-sketches-page{background:#0a0c14;background:var(--background-dark)}.m-sketches-header{align-items:center;background:#f8fafc;background:var(--background-light);border-bottom:1px solid #0000000f;display:flex;gap:12px;padding:12px 16px}.dark-mode .m-sketches-header{background:#0a0c14;background:var(--background-dark);border-bottom-color:#ffffff0f}.m-sketches-back-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;width:40px}.m-sketches-back-btn:active{background:#e2e8f0;background:var(--slate-200)}.dark-mode .m-sketches-back-btn{color:#cbd5e1;color:var(--slate-300)}.dark-mode .m-sketches-back-btn:active{background:#ffffff12}.m-sketches-title{color:#1e293b;color:var(--slate-800);font-size:1.15rem;font-weight:700}.dark-mode .m-sketches-title{color:#fff}.m-sketches-search-wrap{padding:12px 16px;position:relative}.m-sketches-search-icon{color:#94a3b8;color:var(--slate-400);font-size:20px!important;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.m-sketches-search-input{background:#00000008;border:1px solid #00000014;border-radius:14px;color:#1e293b;color:var(--slate-800);font-size:.95rem;padding:12px 16px 12px 44px;width:100%}.m-sketches-search-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.dark-mode .m-sketches-search-input{background:#1e293b80;border-color:#ffffff14;color:#f1f5f9}.dark-mode .m-sketches-search-input:focus{border-color:#6366f1;border-color:var(--primary)}.m-sketches-search-clear{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--slate-400);cursor:pointer;padding:6px;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.m-sketches-search-clear .material-symbols-outlined{font-size:18px}.m-sketches-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.m-sketches-empty-icon{color:#94a3b8;color:var(--slate-400);font-size:48px!important;margin-bottom:12px}.dark-mode .m-sketches-empty-icon,.m-sketches-empty p{color:#475569;color:var(--slate-600)}.m-sketches-empty p{font-size:1rem;margin:0}.m-sketches-empty-hint{color:#94a3b8!important;color:var(--slate-400)!important;font-size:.85rem!important;margin-top:6px!important}.m-sketches-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:0 16px 24px}.m-sketches-card{background:#ffffffb3;border:1px solid #0000000f;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.dark-mode .m-sketches-card{background:#1e293b66;border-color:#ffffff0f}.m-sketches-card-thumb{aspect-ratio:1;background:#0000;border:none;cursor:pointer;overflow:hidden;padding:0;width:100%}.m-sketches-card-img-wrap{background:#e2e8f0;height:100%;width:100%}.dark-mode .m-sketches-card-img-wrap{background:#0f172a99}.m-sketches-card-img{height:100%;object-fit:cover;width:100%}.m-sketches-card-footer{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.m-sketches-card-date{color:#475569;color:var(--slate-600);font-size:.75rem;font-weight:600}.dark-mode .m-sketches-card-date{color:#94a3b8;color:var(--slate-400)}.m-sketches-card-open{background:#0000;border:none;color:#6366f1;color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:0;text-align:left}.m-done-check-wrap{position:relative}.m-done-check-btn{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:12px;box-shadow:0 2px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:44px;z-index:9999}.m-done-check-btn:active{opacity:.9}.m-done-check-btn .material-symbols-outlined{font-size:24px}.m-entry-view{background:#f8fafc;background:var(--background-light);display:flex;flex-direction:column;height:100vh;height:100dvh}.dark-mode .m-entry-view{background:#0a0c14;background:var(--background-dark)}.m-entry-view-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);display:flex;flex-shrink:0;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.dark-mode .m-entry-view-header{background:#0f172ae6;border-bottom-color:#ffffff14}.m-entry-view-back{align-items:center;background:none;border:none;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:6px;padding:8px 0}.m-entry-view-back .material-symbols-outlined{font-size:1.25rem}.m-entry-view-title{color:#1e293b;color:var(--slate-800);flex:1 1;font-size:1.1rem;font-weight:700;margin:0;text-align:center}.dark-mode .m-entry-view-title{color:#f1f5f9;color:var(--slate-100)}.m-entry-view-star{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.m-entry-view-star .material-symbols-outlined{font-size:1.5rem}.m-entry-view-star.active,.m-entry-view-star.active .material-symbols-outlined{color:#fbbf24;font-variation-settings:"FILL" 1}.m-entry-view-scroll{flex:1 1;overflow-y:auto;padding:16px 16px max(16px,env(safe-area-inset-bottom))}.m-entry-view-label-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.m-entry-view-label{color:#64748b;color:var(--slate-500);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.m-entry-view-label-row .m-entry-view-label{margin-bottom:0}.dark-mode .m-entry-view-label{color:#94a3b8;color:var(--slate-400)}.m-entry-view-entry-wrap,.m-entry-view-summary-wrap{margin-bottom:20px}.m-entry-view-entry,.m-entry-view-summary{background:#f8fafc;background:var(--slate-50);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;color:#1e293b;color:var(--slate-800);font-family:inherit;font-size:1rem;line-height:1.5;padding:12px 14px;resize:vertical;width:100%}.m-entry-view-entry:focus,.m-entry-view-summary:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none}.dark-mode .m-entry-view-entry,.dark-mode .m-entry-view-summary{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9;color:var(--slate-100)}.dark-mode .m-entry-view-entry:focus,.dark-mode .m-entry-view-summary:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.m-entry-view-summary{min-height:60px;resize:none}.m-entry-view-entry{min-height:180px}.voice-input-wrap{align-items:center;display:inline-flex;flex-shrink:0}.voice-input-btn{align-items:center;background:#6366f126;border:none;border-radius:50%;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background .2s,transform .15s;width:40px}.voice-input-btn:hover:not(:disabled){background:#6366f140}.voice-input-btn:active:not(:disabled){transform:scale(.95)}.voice-input-btn.listening{animation:voice-pulse 1.5s ease-in-out infinite;background:#6366f1;background:var(--primary);color:#fff}.voice-input-btn .material-symbols-outlined{font-size:22px}.voice-input-dot{animation:voice-blink .8s ease-in-out infinite;background:currentColor;border-radius:50%;bottom:6px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.voice-input-error{color:#ef4444;font-size:.7rem;margin-left:4px}@keyframes voice-pulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes voice-blink{0%,to{opacity:1}50%{opacity:.3}}.m-entry-voice-btn{flex-shrink:0}.m-moment-textarea-wrap{align-items:flex-start;display:flex;flex:1 1;gap:8px;min-width:0}.m-moment-textarea-wrap .m-moment-textarea{flex:1 1;min-width:0}.m-moment-voice-btn{flex-shrink:0;margin-left:auto;padding-top:4px}.m-journal-textarea-row{align-items:flex-start;display:flex;gap:10px;position:relative}.m-journal-textarea-row .m-done-check-wrap{flex:1 1;min-width:0}.m-journal-textarea-row .m-journal-textarea{min-width:0;width:100%}.m-journal-voice-btn{flex-shrink:0}.m-entry-view-photo-wrap{margin-bottom:20px}.m-entry-view-photo-preview{border-radius:12px;display:inline-block;overflow:hidden;position:relative}.m-entry-view-photo-thumb{border-radius:12px;cursor:pointer;display:block;height:88px;object-fit:cover;width:88px}.m-entry-view-photo-remove{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:#475569;color:var(--slate-600);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:background .2s,border-color .2s,color .2s,transform .15s;width:40px}.m-entry-view-photo-remove:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.m-entry-view-photo-remove:disabled{cursor:not-allowed;opacity:.6}.m-entry-view-photo-remove .material-symbols-outlined{font-size:24px;font-weight:600}.dark-mode .m-entry-view-photo-remove{background:#161b26;background:var(--panel-dark);border-color:#ffffff14;border-color:var(--border-subtle);box-shadow:0 2px 8px #0006;color:#94a3b8;color:var(--slate-400)}.dark-mode .m-entry-view-photo-remove:hover:not(:disabled){background:#ef444426;border-color:#ef4444;color:#f87171}.m-entry-view-photo-upload{cursor:pointer;display:block}.m-entry-view-photo-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.m-entry-view-photo-btn{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--slate-200);border-radius:12px;color:#64748b;color:var(--slate-500);display:flex;font-size:.95rem;gap:10px;padding:12px 16px}.m-entry-view-photo-upload:active .m-entry-view-photo-btn{border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.m-entry-view-photo-btn .material-symbols-outlined{font-size:22px}.m-entry-photo-spin{animation:m-photo-spin 1s linear infinite}.m-entry-view-photo-loading{color:#64748b;color:var(--slate-500);font-size:.9rem;padding:1.5rem}.m-entry-view-photo-error{color:#dc2626;font-size:.8rem;margin:8px 0 0}.dark-mode .m-entry-view-photo-btn{border-color:#fff3;color:#94a3b8;color:var(--slate-400)}.dark-mode .m-entry-view-photo-error{color:#f87171}@keyframes m-photo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.m-entry-view-drawing-wrap{margin-bottom:20px}.m-entry-view-drawing-preview{background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;overflow:hidden}.dark-mode .m-entry-view-drawing-preview{background:#0003;border-color:#ffffff1a}.m-entry-view-drawing-img{display:block;height:auto;max-height:280px;object-fit:contain;width:100%}.m-entry-view-autosave{align-items:center;color:#94a3b8;color:var(--slate-400);display:flex;font-size:.8rem;gap:6px;margin-top:8px}.m-entry-view-autosave .material-symbols-outlined{font-size:1rem}.dark-mode .m-entry-view-autosave{color:#64748b;color:var(--slate-500)}.m-entry-view-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1rem}.m-fullscreen-sketch{background:#f8fafc;background:var(--background-light);display:flex;flex-direction:column;inset:0;position:fixed;z-index:200}.dark-mode .m-fullscreen-sketch{background:#0a0c14;background:var(--background-dark)}.m-sketch-top-bar{align-items:center;background:#f8fafc;background:var(--background-light);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);display:flex;flex-shrink:0;gap:12px;padding:10px 16px;z-index:1}.dark-mode .m-sketch-top-bar{background:#0a0c14;background:var(--background-dark);border-bottom-color:#ffffff0f}.m-sketch-close-btn{align-items:center;background:#f1f5f9;background:var(--slate-100);border:none;border-radius:10px;color:#334155;color:var(--slate-700);display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px}.dark-mode .m-sketch-close-btn{background:#ffffff0f;color:#e2e8f0;color:var(--slate-200)}.m-sketch-close-btn .material-symbols-outlined{font-size:20px}.m-sketch-top-title{color:#1e293b;color:var(--slate-800);font-size:.95rem;font-weight:700}.dark-mode .m-sketch-top-title{color:#f1f5f9;color:var(--slate-100)}.m-sketch-top-date{color:#94a3b8;color:var(--slate-400);font-size:.8rem;font-weight:500;margin-left:auto}.m-sketch-save-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;margin-left:auto;padding:6px 14px;transition:opacity .15s ease}.m-sketch-save-btn:active{opacity:.8}.m-sketch-save-btn .material-symbols-outlined{font-size:18px}.dark-mode .m-sketch-save-btn{background:linear-gradient(135deg,#4f46e5,#6366f1)}.m-sketch-canvas-area{-webkit-overflow-scrolling:touch;flex:1 1;overflow:auto}.m-sketch-canvas-area .sketch-pad-container{min-height:100%}.m-sketch-canvas-area .sketch-canvas-wrap{min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}.m-friends-tab-wrap .friends-social-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #0000000f;border-radius:2rem;box-shadow:none;margin:0 16px;padding:24px}.dark-mode .m-friends-tab-wrap .friends-social-glass{background:#ffffff08;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}.m-friends-tab-wrap .friends-social-footer{color:#94a3b8;color:var(--slate-400);font-size:.8rem;padding:12px 16px 16px;text-align:center}.m-friends-tab-wrap .friends-social-profile-card--compact{padding:16px}.m-friends-tab-wrap .friends-social-profile-card--compact .friends-social-friend-header{margin-bottom:12px}.m-friends-tab-wrap .friends-social-profile-card--compact .friends-social-friend-level{font-size:.5rem}.m-friends-tab-wrap .friends-social-profile-card--compact .friends-social-friend-username{font-size:.75rem}.m-friends-tab-wrap .friends-social-profile-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #0000000f;border-radius:2rem;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.dark-mode .m-friends-tab-wrap .friends-social-profile-card{background:#ffffff08;border-color:#ffffff14}.m-friends-tab-wrap .friends-social-profile-card:before{background:#8b5cf626;border-radius:50%;content:"";filter:blur(48px);height:128px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:128px}.m-friends-tab-wrap .friends-social-profile-inner{align-items:center;flex-direction:column;gap:16px;text-align:center}.m-friends-tab-wrap .friends-social-avatar{border-radius:1rem;box-shadow:0 10px 24px -4px #0003;font-size:1.875rem;height:5rem;width:5rem}.m-friends-tab-wrap .friends-social-online-dot{border-width:4px;bottom:-4px;box-shadow:0 0 12px #22c55e99;height:1.25rem;right:-4px;width:1.25rem}.dark-mode .m-friends-tab-wrap .friends-social-online-dot{border-color:#0a0a0b}.m-friends-tab-wrap .friends-social-profile-top{align-items:center;flex-direction:column;gap:12px}.m-friends-tab-wrap .friends-social-display-name{font-size:1.25rem;font-weight:700}.m-friends-tab-wrap .friends-social-level-badge{background:#8b5cf633;border-radius:6px;color:#8b5cf6;font-size:.625rem;font-weight:700;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.m-friends-tab-wrap .friends-social-username{color:#94a3b8;color:var(--slate-400);font-size:.875rem}.m-friends-tab-wrap .friends-social-edit-btn{background:#1e293b;background:var(--slate-800);border:none;border-radius:.75rem;color:#fff;font-size:.875rem;font-weight:600;padding:8px 24px;transition:transform .15s}.m-friends-tab-wrap .friends-social-edit-btn:active{transform:scale(.95)}.dark-mode .m-friends-tab-wrap .friends-social-edit-btn{background:#fff;color:#0f172a;color:var(--slate-900)}.m-friends-tab-wrap .friends-social-xp-section{margin-top:8px;width:100%}.m-friends-tab-wrap .friends-social-xp-labels{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.m-friends-tab-wrap .friends-social-xp-labels span:last-child{font-size:.75rem;letter-spacing:normal;text-transform:none}.m-friends-tab-wrap .friends-social-xp-track{border-radius:999px;height:8px}.dark-mode .m-friends-tab-wrap .friends-social-xp-track{background:#1e293bcc}.m-friends-tab-wrap .friends-social-xp-fill{background:#8b5cf6;border-radius:999px}.m-friends-tab-wrap .friends-social-profile-edit{gap:12px}.m-friends-tab-wrap .friends-social-profile-edit .profile-edit-fields{flex-direction:column;gap:12px}.m-friends-tab-wrap .friends-social-profile-edit .profile-field label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.m-friends-tab-wrap .friends-social-profile-edit .profile-field input{background:#ffffff80;border:1px solid #0000000f;border-radius:.75rem;font-size:.9rem;padding:12px 14px}.dark-mode .m-friends-tab-wrap .friends-social-profile-edit .profile-field input{background:#ffffff0d;border-color:#ffffff14}.m-friends-tab-wrap .friends-social-profile-edit .profile-edit-actions{gap:10px;margin-top:4px}.m-friends-tab-wrap .friends-social-profile-edit .profile-edit-actions button{border-radius:.75rem;font-size:.875rem;font-weight:600;padding:10px 20px}.m-friends-tab-wrap .friends-social-tabs{background:#0000000a;border:none;border-radius:1rem;gap:0;margin-bottom:20px;padding:6px}.dark-mode .m-friends-tab-wrap .friends-social-tabs{background:#0f172a80}.m-friends-tab-wrap .friends-social-tab{background:#0000;border:none;border-radius:.75rem;color:#64748b;color:var(--slate-500);font-size:.8rem;font-weight:500;padding:10px 8px;transition:all .2s;white-space:nowrap}.m-friends-tab-wrap .friends-social-tab.active{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000a;box-shadow:0 1px 4px #0000000f;color:#8b5cf6;font-weight:600}.dark-mode .m-friends-tab-wrap .friends-social-tab.active{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 1px 8px #0003}.m-friends-tab-wrap .friends-social-tab-badge{background:#8b5cf6;border-radius:6px;color:#fff;font-size:.6rem;font-weight:700;margin-left:4px;padding:2px 6px}.m-friends-tab-wrap .friends-social-tab-badge.notification{background:#ef4444}.m-friends-tab-wrap .friends-social-tab--leaderboard .friends-social-tab-label{display:none}.m-friends-tab-wrap .friends-social-tab--leaderboard .friends-social-tab-icon{margin-right:0}@media (max-width:640px){.friends-social-tab--leaderboard .friends-social-tab-label{display:none}.friends-social-tab--leaderboard .friends-social-tab-icon{margin-right:0}}.m-friends-tab-wrap .friends-social-grid{gap:12px!important;grid-template-columns:1fr!important}.m-friends-tab-wrap .friends-social-content{padding:0}.m-friends-tab-wrap .friends-social-leaderboard{margin:0 0 12px;padding:12px}.m-friends-tab-wrap .friends-social-leaderboard-header{align-items:flex-start;flex-direction:column;gap:8px}.m-friends-tab-wrap .friends-social-leaderboard-title{font-size:1rem}.m-friends-tab-wrap .friends-social-leaderboard-reward{font-size:.875rem}.m-friends-tab-wrap .friends-social-leaderboard-row{padding:8px 10px}.m-friends-tab-wrap .friends-social-leaderboard-avatar{font-size:.75rem;height:2rem;width:2rem}.m-friends-tab-wrap .friends-social-leaderboard-name,.m-friends-tab-wrap .friends-social-leaderboard-xp{font-size:.875rem}.m-friends-tab-wrap .friends-social-friend-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #0000000f;border-radius:1rem;padding:16px;transition:transform .2s}.m-friends-tab-wrap .friends-social-friend-card:active{transform:scale(.98)}.dark-mode .m-friends-tab-wrap .friends-social-friend-card{background:#ffffff08;border-color:#ffffff14}.m-friends-tab-wrap .friends-social-friend-header{gap:12px;margin-bottom:0}.m-friends-tab-wrap .friends-social-friend-avatar{border-radius:.75rem;box-shadow:0 4px 12px -2px #0003;font-size:1.1rem;font-weight:700;height:3rem;width:3rem}.m-friends-tab-wrap .friends-social-friend-name{font-size:.95rem;font-weight:600}.m-friends-tab-wrap .friends-social-friend-username{color:#94a3b8;color:var(--slate-400);font-size:.75rem}.m-friends-tab-wrap .friends-social-friend-level{background:#0000000d;border-radius:6px;color:#64748b;color:var(--slate-500);font-size:.5rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.dark-mode .m-friends-tab-wrap .friends-social-friend-level{background:#ffffff0f;color:#94a3b8;color:var(--slate-400)}.m-friends-tab-wrap .friends-social-friend-habits{border-top:1px solid #0000000a;margin-top:12px;padding-top:12px}.dark-mode .m-friends-tab-wrap .friends-social-friend-habits{border-top-color:#ffffff0f}.m-friends-tab-wrap .friends-social-habits-row{flex-wrap:wrap;gap:8px}.m-friends-tab-wrap .friends-social-habit-box{border:none;border-radius:6px;font-size:.6rem;height:24px;width:24px}.dark-mode .m-friends-tab-wrap .friends-social-habit-box{background:#1e293bcc}.m-friends-tab-wrap .friends-social-habit-box.completed{background:#8b5cf666;box-shadow:0 0 16px #8b5cf64d}.m-friends-tab-wrap .friends-social-friend-stats{align-items:flex-end;display:flex;flex-direction:column;font-size:.7rem;gap:2px;margin-top:0;text-align:right}.m-friends-tab-wrap .friends-social-stats-label{color:#64748b;color:var(--slate-500);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.m-friends-tab-wrap .friends-social-stats-value{color:#22c55e;font-size:.75rem;font-weight:700}.m-friends-tab-wrap .friends-social-no-habits{color:#64748b;color:var(--slate-500);font-size:.7rem;font-style:italic;font-weight:500}.m-friends-tab-wrap .friends-social-empty{padding:40px 20px}.m-friends-tab-wrap .friends-social-empty h3{font-size:1.1rem;font-weight:700}.m-friends-tab-wrap .friends-social-empty p{font-size:.85rem}.m-friends-tab-wrap .friends-social-primary-btn{border-radius:.75rem;font-size:.875rem;font-weight:600;padding:10px 28px}.m-friends-tab-wrap .friends-social-requests-section{margin-bottom:20px}.m-friends-tab-wrap .friends-social-requests-section h3{font-size:.9rem;font-weight:700;margin-bottom:12px}.m-friends-tab-wrap .friends-social-request-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #0000000f;border-radius:1rem;flex-wrap:wrap;gap:12px;padding:14px}.dark-mode .m-friends-tab-wrap .friends-social-request-card{background:#ffffff08;border-color:#ffffff14}.m-friends-tab-wrap .friends-social-request-avatar{border-radius:.75rem;box-shadow:0 4px 12px -2px #00000026;font-size:1rem;height:2.5rem;width:2.5rem}.m-friends-tab-wrap .friends-social-request-name{font-size:.9rem;font-weight:600}.m-friends-tab-wrap .friends-social-request-username{font-size:.75rem}.m-friends-tab-wrap .friends-social-request-actions{gap:8px;width:100%}.m-friends-tab-wrap .friends-social-accept-btn,.m-friends-tab-wrap .friends-social-reject-btn{border-radius:.75rem;flex:1 1;font-size:.8rem;font-weight:600;padding:10px;text-align:center}.m-friends-tab-wrap .friends-social-accept-btn{background:#22c55e}.m-friends-tab-wrap .friends-social-cancel-btn{border-radius:.75rem;font-size:.8rem;padding:10px 16px}.m-friends-tab-wrap .friends-social-search-wrap{margin-bottom:16px}.m-friends-tab-wrap .friends-social-search-input{background:#ffffff80;border:1px solid #0000000f;border-radius:1rem;font-size:.9rem;padding:12px 14px 12px 42px}.dark-mode .m-friends-tab-wrap .friends-social-search-input{background:#ffffff0d;border-color:#ffffff14;color:#fff}.m-friends-tab-wrap .friends-social-result-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #0000000f;border-radius:1rem;gap:12px;padding:14px}.dark-mode .m-friends-tab-wrap .friends-social-result-card{background:#ffffff08;border-color:#ffffff14}.m-friends-tab-wrap .friends-social-result-avatar{border-radius:.75rem;box-shadow:0 4px 12px -2px #00000026;font-size:1rem;height:2.5rem;width:2.5rem}.m-friends-tab-wrap .friends-social-result-name{font-size:.9rem;font-weight:600}.m-friends-tab-wrap .friends-social-result-username{font-size:.75rem}.m-friends-tab-wrap .friends-social-add-btn{border-radius:.75rem;font-size:.8rem;font-weight:600;padding:8px 16px;white-space:nowrap}.m-friends-tab-wrap .friends-social-already,.m-friends-tab-wrap .friends-social-pending{font-size:.75rem;white-space:nowrap}.m-friends-tab-wrap .friends-social-no-results,.m-friends-tab-wrap .friends-social-search-hint{font-size:.85rem;padding:24px 16px;text-align:center}.m-friends-tab-wrap .friends-social-searching{font-size:.85rem}.m-friends-tab-wrap .friends-social-setup-notice{border-radius:1rem;font-size:.85rem;margin:0 16px 16px;padding:14px}.m-friends-tab-wrap .friends-social-menu-dropdown{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.75rem;font-size:.85rem;min-width:150px}.dark-mode .m-friends-tab-wrap .friends-social-menu-dropdown{background:#14141ef2;border:1px solid #ffffff14}.m-friends-tab-wrap .friends-social-friend-menu-btn{color:#94a3b8;color:var(--slate-400)}.dark-mode .recharts-default-tooltip{background:#1e293b!important;background:var(--slate-800)!important;border-color:#ffffff14!important;color:#f1f5f9!important;color:var(--slate-100)!important}.dark-mode .recharts-tooltip-label{color:#cbd5e1!important;color:var(--slate-300)!important}.dark-mode .recharts-cartesian-axis-tick-value{fill:#94a3b8!important;fill:var(--slate-400)!important}.ins-panel{padding-bottom:20px}.ins-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.ins-header,.ins-header-left{align-items:flex-start;display:flex}.ins-header-left{gap:12px}.ins-back-btn{align-items:center;background:#0000000d;border-radius:10px;color:#333;display:flex;height:36px;justify-content:center;margin-top:2px;padding:0;width:36px}.dark-mode .ins-back-btn{background:#ffffff14;color:#e0e0e0}.ins-back-btn:hover{background:#0000001a}.dark-mode .ins-back-btn:hover{background:#ffffff24}.ins-title{color:#1a1a2e;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.dark-mode .ins-title{color:#f0f0f0}.ins-subtitle{color:#64748b;font-size:.9rem;margin:0}.dark-mode .ins-subtitle{color:#94a3b8}.ins-period{background:#6366f114;border-radius:10px;color:#6366f1;color:var(--primary);font-size:.85rem;font-weight:600;padding:6px 14px;white-space:nowrap}.dark-mode .ins-period{background:#6366f126}.ins-month-switcher{align-items:center;background:#6366f10f;border:1px solid #6366f11f;border-radius:14px;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding:10px 4px}.dark-mode .ins-month-switcher{background:#6366f114;border-color:#6366f12e}body:not(.dark-mode) .ins-month-switcher{background:linear-gradient(135deg,#4f46e51f,#6366f126);border:1px solid #4f46e559;box-shadow:0 2px 8px #4f46e51f}.ins-month-switcher-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff9;border:none;border-radius:12px;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:background .2s,color .2s;width:44px}.ins-month-switcher-btn:hover:not(:disabled){background:#6366f126;color:#6366f1;color:var(--primary)}.ins-month-switcher-btn:disabled{cursor:not-allowed;opacity:.35}.ins-month-switcher-btn .material-symbols-outlined{font-size:1.5rem}.dark-mode .ins-month-switcher-btn{background:#ffffff0f;color:#cbd5e1;color:var(--slate-300)}.dark-mode .ins-month-switcher-btn:hover:not(:disabled){background:#6366f133;color:#a5b4fc}.ins-month-switcher-label{color:#1e293b;color:var(--slate-800);flex:1 1;font-size:1rem;font-weight:700;text-align:center}.dark-mode .ins-month-switcher-label{color:#f1f5f9;color:var(--slate-100)}body:not(.dark-mode) .ins-month-switcher-label{color:#1e293b;font-weight:800}.ins-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161b2c99;border:1px solid #ffffff0d}.dark-mode .ins-glass{background:#161b2cb3;border-color:#ffffff0f}.light-mode .ins-glass,body:not(.dark-mode) .ins-glass{background:#ffffffbf;border-color:#0000000f}.ins-hero-row{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:900px){.ins-hero-row{gap:18px;grid-template-columns:2fr 1fr}}@media (min-width:1280px){.ins-hero-row{grid-template-columns:3fr 1fr}}.ins-rings-wrap{display:flex;flex-wrap:wrap;gap:14px}.ins-ring-card.ins-glass{align-items:center;border-radius:.875rem;border-top-style:solid;border-top-width:2px;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:180px;min-width:120px;padding:12px 10px}.ins-ring-text{text-align:center}.ins-ring-card .ins-ring-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 2px;text-transform:uppercase}.dark-mode .ins-ring-card .ins-ring-label{color:#94a3b8}.ins-ring-card .ins-ring-sub{color:#64748b;font-size:10px;margin:0}.dark-mode .ins-ring-card .ins-ring-sub{color:#64748b}.ins-circular-progress{align-items:center;background:conic-gradient(var(--progress-color) calc(var(--percentage)*1%),#1e293b80 0);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:6px;position:relative;width:60px}.dark-mode .ins-circular-progress{background:conic-gradient(var(--progress-color) calc(var(--percentage)*1%),#1e293b99 0)}.light-mode .ins-circular-progress,body:not(.dark-mode) .ins-circular-progress{background:conic-gradient(var(--progress-color) calc(var(--percentage)*1%),#e2e8f0cc 0)}.ins-circular-progress:before{background:#111523;border-radius:50%;content:"";height:48px;position:absolute;width:48px}.dark-mode .ins-circular-progress:before{background:#0f1320}.light-mode .ins-circular-progress:before,body:not(.dark-mode) .ins-circular-progress:before{background:#f1f5f9}.ins-circular-pct{color:#f8fafc;font-size:.95rem;font-weight:700;position:relative;z-index:1}.dark-mode .ins-circular-pct{color:#f8fafc}.light-mode .ins-circular-pct,body:not(.dark-mode) .ins-circular-pct{color:#1e293b}.ins-glow-blue{box-shadow:0 0 15px #3b82f64d}.ins-glow-green{box-shadow:0 0 15px #10b9814d}.ins-glow-yellow{box-shadow:0 0 15px #f59e0b4d}.ins-glow-red{box-shadow:0 0 15px #f43f5e4d}.ins-glow-purple{box-shadow:0 0 15px #8b5cf64d}.ins-glow-pink{box-shadow:0 0 15px #ec48994d}.ins-period-pill{background:#1e293b80;border:1px solid #47556980;border-radius:9999px;padding:6px 16px}.dark-mode .ins-period-pill{background:#1e293b99;border-color:#47556999}body:not(.dark-mode) .ins-period-pill{background:linear-gradient(135deg,#4f46e5,#6366f1);border:1px solid #4f46e580;box-shadow:0 2px 6px #4f46e540}.ins-period-pill-label{color:#818cf8;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}body:not(.dark-mode) .ins-period-pill-label{color:#fff;font-weight:700;text-shadow:0 1px 2px #00000026}.ins-header-ref .ins-title.ins-title-ref{color:#fff;font-size:1.625rem;font-weight:800;letter-spacing:-.025em}.ins-header-ref .ins-subtitle.ins-subtitle-ref{color:#94a3b8;font-size:.8rem;margin-top:2px}.ins-score-ref.ins-glass{align-items:center;border-left:4px solid #6366f1;border-radius:1rem;display:flex;gap:16px;justify-content:space-between;padding:18px}.ins-score-ref .ins-score-heading{color:#818cf8;font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 4px;text-transform:uppercase}.ins-score-value-wrap{align-items:center;display:flex;gap:16px}.ins-score-value-ref{color:#fff;font-size:3rem;font-weight:800;line-height:1}.ins-score-badge-ref{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:9999px;color:#a5b4fc;display:inline-flex;font-size:10px;font-weight:700;gap:4px;padding:4px 12px}.ins-score-ref .ins-score-bg-icon{color:#64748b;font-size:3rem;opacity:.15}.light-mode .ins-score-value-ref,body:not(.dark-mode) .ins-score-value-ref{color:#1e293b}.light-mode .ins-header-ref .ins-title.ins-title-ref,body:not(.dark-mode) .ins-header-ref .ins-title.ins-title-ref{color:#0f172a}.light-mode .ins-header-ref .ins-subtitle.ins-subtitle-ref,body:not(.dark-mode) .ins-header-ref .ins-subtitle.ins-subtitle-ref{color:#64748b}.light-mode .ins-card-head-ref .ins-card-title,.light-mode .ins-mood-card-full .ins-card-title,.light-mode .ins-streaks-head .ins-card-title,body:not(.dark-mode) .ins-card-head-ref .ins-card-title,body:not(.dark-mode) .ins-mood-card-full .ins-card-title,body:not(.dark-mode) .ins-streaks-head .ins-card-title{color:#0f172a}.light-mode .ins-streak-row-ref .ins-streak-name,body:not(.dark-mode) .ins-streak-row-ref .ins-streak-name{color:#475569}.light-mode .ins-streak-stat-value-ref,body:not(.dark-mode) .ins-streak-stat-value-ref{color:#1e293b}.light-mode .ins-stat-tile-ref .ins-stat-tile-value,body:not(.dark-mode) .ins-stat-tile-ref .ins-stat-tile-value{color:#334155}.ins-main-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:900px){.ins-main-row{align-items:stretch;gap:18px;grid-template-columns:7fr 5fr}}.ins-main-left{display:flex;flex-direction:column;gap:16px}.ins-main-row .ins-streaks-card.ins-glass{align-self:stretch;display:flex;flex-direction:column}.ins-main-row .ins-streaks-list.ins-streaks-list-ref{display:flex;flex:1 1;flex-direction:column;gap:6px}.ins-main-row .ins-mood-card-full.ins-glass{margin-bottom:0}.ins-sleep-card.ins-glass,.ins-weight-card.ins-glass{border-radius:1rem;padding:18px}.ins-card-head-ref{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ins-card-head-ref .ins-card-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 2px}.ins-card-head-ref .ins-card-sub{color:#64748b;font-size:.75rem;margin:0}.ins-card-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ins-card-icon-indigo{background:#6366f11a;color:#818cf8}.ins-card-icon-emerald{background:#10b9811a;color:#34d399}.ins-stat-tiles-ref{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:0}.ins-stat-tiles-compact .ins-stat-tile-hero-ref,.ins-stat-tiles-compact .ins-stat-tile-ref{padding:12px 8px}.ins-stat-tiles-compact .ins-stat-tile-value,.ins-stat-tiles-compact .ins-stat-tile-value-indigo{font-size:1.5rem}.ins-stat-tile-ref{background:#1e293b66;border:1px solid #0000;border-radius:.75rem;padding:14px;text-align:center}.dark-mode .ins-stat-tile-ref{background:#1e293b80}.ins-stat-tile-ref .ins-stat-tile-label{color:#64748b;display:block;font-size:10px;font-weight:700;letter-spacing:.02em;margin:0 0 4px;text-transform:uppercase}.ins-stat-tile-ref .ins-stat-tile-value{color:#e2e8f0;font-size:1.875rem;font-weight:700}.ins-stat-tile-hero-ref{background:#6366f11a;border:1px solid #6366f133;border-radius:.75rem;padding:14px;text-align:center}.ins-stat-tile-hero-ref .ins-stat-tile-label{color:#94a3b8;display:block;font-size:10px;font-weight:700;margin:0 0 4px;text-transform:uppercase}.ins-stat-tile-value-indigo{color:#818cf8!important;font-size:1.875rem;font-weight:700}.ins-change-bar{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;margin-top:16px;padding:12px 16px}.ins-change-bar-up{background:#10b9810d;border:1px solid #10b98133}.ins-change-bar-up .ins-change-bar-value{color:#34d399;font-size:.875rem;font-weight:700}.ins-change-bar-down .ins-change-bar-value{color:#f87171;font-size:.875rem;font-weight:700}.ins-change-bar-down{background:#f871710d;border:1px solid #f8717133}.ins-change-bar-label{color:#94a3b8;font-size:.75rem}.ins-streaks-card.ins-glass{align-self:start;border-radius:1rem;padding:14px 16px}.ins-streaks-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ins-streaks-head .ins-card-title{color:#fff;font-size:1rem;font-weight:700;margin:0}.ins-streaks-fire{color:#64748b;font-size:1.25rem}.ins-streaks-list-ref{display:flex;flex-direction:column;gap:6px}.ins-streak-row-ref{align-items:center;background:#1e293b4d;border:1px solid #47556980;border-radius:.625rem;display:flex;justify-content:space-between;padding:8px 12px}.dark-mode .ins-streak-row-ref{background:#1e293b66;border-color:#47556980}.ins-streak-row-ref .ins-streak-left{align-items:center;display:flex;gap:10px}.ins-streak-dot-glow,.ins-streak-row-ref .ins-streak-dot{border-radius:50%;height:8px;width:8px}.ins-streak-row-ref .ins-streak-dot{flex-shrink:0}.ins-streak-row-ref .ins-streak-name{color:#cbd5e1;font-size:.8rem;font-weight:600;margin:0}.ins-streak-right-ref{display:flex;gap:18px}.ins-streak-stat-ref{text-align:right}.ins-streak-stat-label-ref{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.02em;margin:0 0 2px;text-transform:uppercase}.ins-streak-stat-value-ref{color:#e2e8f0;font-size:1rem;font-weight:700;line-height:1.2;margin:0}.ins-mood-card-full.ins-glass{border-radius:1rem;margin-bottom:16px;padding:18px 20px}.ins-mood-card-full .ins-card-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 2px}.ins-mood-card-full .ins-mood-ref-subtitle{color:#64748b;display:block;font-size:.75rem;margin:0 0 16px}.ins-mood-row .ins-mood-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.ins-mood-card-full .ins-mood-list{grid-gap:16px 40px;display:grid;gap:16px 40px;grid-template-columns:1fr}@media (min-width:768px){.ins-mood-card-full .ins-mood-list{gap:14px 40px;grid-template-columns:repeat(2,1fr)}}.ins-mood-bar-fill{transition:width .4s ease}.ins-rings-section{margin-bottom:24px}.ins-rings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:14px}@media (min-width:600px){.ins-rings-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}}@media (min-width:900px){.ins-rings-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.ins-habits-progress-card{background:#fffffff2;border:1px solid #0000000f;border-radius:14px;margin-bottom:24px;padding:16px 20px}.dark-mode .ins-habits-progress-card{background:#1e1e32f2;border-color:#ffffff0f}.ins-habits-progress-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.ins-habits-progress-title{color:#1a1a2e;font-size:.95rem;font-weight:700;margin:0}.dark-mode .ins-habits-progress-title{color:#e2e8f0}.ins-habits-progress-label{color:#64748b;font-size:.85rem;font-weight:600}.dark-mode .ins-habits-progress-label{color:#94a3b8}.ins-habits-progress-bar{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.dark-mode .ins-habits-progress-bar{background:#334155}.ins-habits-progress-fill{background:#6366f1;background:var(--primary);border-radius:999px;height:100%;transition:width .4s ease}.ins-bottom-row .ins-habits-progress-card{display:flex;flex-direction:column;min-height:0}.ins-habits-progress-placeholder{align-items:center;display:flex;justify-content:center;min-height:120px}.ins-ring-card{align-items:center;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;display:flex;flex-direction:column;min-width:0;padding:14px;text-align:center;transition:transform .2s,box-shadow .2s}.ins-ring-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.dark-mode .ins-ring-card{background:#1e1e32f2;border-color:#ffffff0f}.dark-mode .ins-ring-card:hover{box-shadow:0 4px 20px #0000004d}.ins-ring-accent{border-left:4px solid}.ins-ring-svg-wrap{height:64px;margin-bottom:8px;position:relative;width:64px}@media (min-width:600px){.ins-ring-card{border-radius:14px;padding:16px}.ins-ring-svg-wrap{height:72px;margin-bottom:10px;width:72px}}@media (min-width:900px){.ins-ring-card{padding:18px}.ins-ring-svg-wrap{height:80px;margin-bottom:12px;width:80px}}.ins-ring-svg{height:100%;width:100%}.ins-ring-bg{stroke:#e2e8f0}.dark-mode .ins-ring-bg{stroke:#334155}.ins-ring-pct{align-items:center;color:#1a1a2e;display:flex;font-size:1rem;font-weight:700;inset:0;justify-content:center;position:absolute}@media (min-width:600px){.ins-ring-pct{font-size:1.1rem}}@media (min-width:900px){.ins-ring-pct{font-size:1.15rem}}.dark-mode .ins-ring-pct{color:#f0f0f0}.ins-ring-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.2;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}@media (min-width:600px){.ins-ring-label{font-size:.85rem}}.dark-mode .ins-ring-label{color:#e2e8f0}.ins-ring-sub{color:#94a3b8;font-size:.7rem;margin:0}@media (min-width:600px){.ins-ring-sub{font-size:.75rem}}.dark-mode .ins-ring-sub{color:#64748b}.ins-rings-section .ins-score-card{border-radius:14px;color:#fff;justify-content:space-between;overflow:hidden;padding:16px 20px;width:100%}.ins-rings-section .ins-score-card,.ins-score-card .ins-score-inner{align-items:center;display:flex;flex-direction:row;gap:16px;position:relative}.ins-score-card .ins-score-inner{flex-wrap:wrap;z-index:1}.ins-score-card .ins-score-heading{font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0;opacity:.9;text-transform:uppercase}.ins-score-card .ins-score-value{font-size:2rem;font-weight:700;line-height:1;margin:0}.ins-score-card .ins-score-badge{align-items:center;display:inline-flex;font-size:.85rem;gap:6px;margin-left:auto;opacity:.95}.ins-score-heading{font-size:.85rem;font-weight:500;margin:0 0 6px;opacity:.85}.ins-score-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:12px}.ins-score-badge{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px}.ins-rings-section .ins-score-bg-icon{font-size:4rem;opacity:.12;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ins-score-bg-icon{bottom:-16px;font-size:7rem;opacity:.1;position:absolute;right:-16px}.ins-card{background:#fffffff2;border:1px solid #0000000f;border-radius:14px;padding:24px;transition:transform .2s,box-shadow .2s}.ins-card:hover{box-shadow:0 4px 16px #00000014}.dark-mode .ins-card{background:#1e1e32f2;border-color:#ffffff0f}.dark-mode .ins-card:hover{box-shadow:0 4px 20px #0000004d}.ins-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.ins-card-title{color:#1a1a2e;font-size:1.05rem;font-weight:700;margin:0}.dark-mode .ins-card-title{color:#f0f0f0}.ins-card-sub{color:#94a3b8;font-size:.8rem;margin:2px 0 0}.dark-mode .ins-card-sub{color:#64748b}.ins-card-stat{text-align:right}.ins-card-stat-val{color:#1a1a2e;font-size:1.5rem;font-weight:700}.dark-mode .ins-card-stat-val{color:#f0f0f0}.ins-card-stat-unit{color:#10b981;color:var(--accent-green);display:block;font-size:.65rem;font-weight:700;text-transform:uppercase}.ins-sleep-weight-streaks-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;margin-bottom:20px}.ins-sleep-weight-streaks-row .ins-card{min-width:0}@media (max-width:900px){.ins-sleep-weight-streaks-row{grid-template-columns:1fr}}.ins-dashboard-habits-wrap{margin:0}.ins-dashboard-habits-wrap .dashboard-section-title{font-size:1rem;margin:0 0 4px}.ins-habits-summary{color:#333;font-size:.95rem;font-weight:600;margin:0 0 12px}.dark-mode .ins-habits-summary{color:#e0e0e0}.ins-habits-pct{font-weight:500;opacity:.85}.ins-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}@media (max-width:900px){.ins-charts-row{grid-template-columns:1fr}}.ins-card-wide{min-width:0}.ins-weight-chart{margin-top:8px;position:relative;width:100%}.ins-weight-svg{color:#94a3b8;height:auto;overflow:visible;width:100%}.ins-grid-line{stroke:currentColor;stroke-opacity:.08}.dark-mode .ins-grid-line{stroke-opacity:.06}.ins-stats-card{min-width:0}.ins-stats-wrap{display:flex;flex-direction:column;gap:12px;margin-top:14px}.ins-stat-tiles{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr}.ins-stat-tile{background:#6366f10f;border:1px solid #6366f11f;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .2s,background .2s}.ins-stat-tile:hover{background:#6366f117;border-color:#6366f12e}.ins-stat-tile-hero{background:linear-gradient(135deg,#6366f11f,#6366f10d);border-color:#6366f133}.ins-stat-tile-hero .ins-stat-tile-value{color:#6366f1;color:var(--primary);font-size:1.5rem;letter-spacing:-.02em}.dark-mode .ins-stat-tile{background:#6366f114;border-color:#6366f126}.dark-mode .ins-stat-tile:hover{background:#6366f11f;border-color:#6366f138}.dark-mode .ins-stat-tile-hero{background:linear-gradient(135deg,#6366f12e,#6366f10f);border-color:#6366f140}.dark-mode .ins-stat-tile-hero .ins-stat-tile-value{color:#a5b4fc}.ins-stat-tile-label{color:#64748b;color:var(--slate-500);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dark-mode .ins-stat-tile-label{color:#94a3b8;color:var(--slate-400)}.ins-stat-tile-value{color:#1e293b;color:var(--slate-800);font-size:1.15rem;font-weight:700;line-height:1.2}.dark-mode .ins-stat-tile-value{color:#f1f5f9;color:var(--slate-100)}.ins-stat-unit{font-size:.85em;font-weight:600;opacity:.85}.ins-stat-badge{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:12px;justify-content:space-between;padding:12px 16px}.ins-stat-badge-up{background:#0d94881a;border:1px solid #0d948840}.ins-stat-badge-up .ins-stat-badge-value{color:#0d9488}.dark-mode .ins-stat-badge-up{background:#2dd4bf1f;border-color:#2dd4bf4d}.dark-mode .ins-stat-badge-up .ins-stat-badge-value{color:#2dd4bf}.ins-stat-badge-down{background:#dc262614;border:1px solid #dc262633}.ins-stat-badge-down .ins-stat-badge-value{color:#dc2626}.dark-mode .ins-stat-badge-down{background:#f871711a;border-color:#f8717140}.dark-mode .ins-stat-badge-down .ins-stat-badge-value{color:#f87171}.ins-stat-badge-label{color:#475569;color:var(--slate-600);font-size:.8rem}.dark-mode .ins-stat-badge-label{color:#94a3b8;color:var(--slate-400)}.ins-stat-badge-value{font-size:1.05rem;letter-spacing:.02em}@media (max-width:500px){.ins-stat-tiles{grid-template-columns:1fr}.ins-stat-tile-hero .ins-stat-tile-value{font-size:1.35rem}}.ins-streaks-card{display:flex;flex-direction:column}.ins-fire-icon{color:#6366f1;color:var(--primary);font-size:1.4rem}.ins-streaks-list{display:flex;flex:1 1;flex-direction:column;gap:12px}.ins-streak-row{align-items:center;background:#6366f10a;border:1px solid #6366f114;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.dark-mode .ins-streak-row{background:#6366f10f;border-color:#6366f11f}.ins-streak-left{align-items:center;display:flex;gap:10px}.ins-streak-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ins-streak-icon .material-symbols-outlined{font-size:1.15rem}.ins-streak-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.ins-streak-name{color:#1a1a2e;font-size:.85rem;font-weight:600;margin:0}.dark-mode .ins-streak-name{color:#e2e8f0}.ins-streak-longest{color:#94a3b8;font-size:.65rem;margin:1px 0 0}.dark-mode .ins-streak-longest{color:#64748b}.ins-streak-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.ins-streak-pair{align-items:center;display:flex;gap:16px}.ins-streak-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.ins-streak-stat-label{color:#64748b;color:var(--slate-500);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dark-mode .ins-streak-stat-label{color:#94a3b8;color:var(--slate-400)}.ins-streak-stat-value{font-size:1.1rem;font-weight:700;line-height:1.2}.ins-streak-unit{color:#64748b;color:var(--slate-500);font-size:.6rem;font-weight:700;opacity:.6;text-transform:uppercase}.dark-mode .ins-streak-unit{color:#94a3b8;color:var(--slate-400)}.ins-streak-count{font-size:1.15rem;font-weight:700}.ins-bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ins-bottom-row .ins-mood-card-full{grid-column:1/-1}@media (max-width:900px){.ins-bottom-row{grid-template-columns:1fr}}.ins-card-sleep{min-width:0}.ins-sleep-chart{margin-top:8px;position:relative;width:100%}.ins-sleep-svg{color:#94a3b8;height:auto;overflow:visible;width:100%}.ins-legend{gap:14px}.ins-legend,.ins-legend-item{align-items:center;display:flex}.ins-legend-item{color:#64748b;font-size:.65rem;font-weight:700;gap:5px;text-transform:uppercase}.dark-mode .ins-legend-item{color:#94a3b8}.ins-legend-dot{border-radius:50%;height:7px;width:7px}.ins-legend-dot-accent{background:#6366f1;background:var(--primary)}.ins-legend-dot-muted{background:#cbd5e1}.dark-mode .ins-legend-dot-muted{background:#475569}.ins-sleep-bars{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-between;margin-top:12px;padding:0 4px}.ins-sleep-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.ins-sleep-bar-wrap{align-items:flex-end;display:flex;height:100%;justify-content:center;position:relative;width:100%}.ins-sleep-target{background:#e2e8f0;border-radius:4px 4px 0 0;bottom:0;opacity:.3;position:absolute;width:100%}.dark-mode .ins-sleep-target{background:#334155}.ins-sleep-actual{background:#6366f1;background:var(--primary);border-radius:4px 4px 0 0;box-shadow:0 0 12px #6366f14d;position:relative;transition:height .4s ease;width:10px}.ins-sleep-actual.met{background:#10b981;background:var(--accent-green);box-shadow:0 0 12px #10b9814d}.ins-sleep-label{color:#94a3b8;font-size:.6rem;font-weight:700;text-transform:uppercase}.dark-mode .ins-sleep-label{color:#64748b}.ins-mood-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.ins-mood-row{gap:12px}.ins-mood-icon,.ins-mood-row{align-items:center;display:flex}.ins-mood-icon{border-radius:50%;flex-shrink:0;height:42px;justify-content:center;width:42px}.ins-mood-info{flex:1 1}.ins-mood-top{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:4px}.ins-mood-name{color:#1a1a2e;font-size:.85rem;font-weight:500}.dark-mode .ins-mood-name{color:#e2e8f0}.ins-mood-days{color:#94a3b8;font-size:.75rem}.dark-mode .ins-mood-days{color:#64748b}.ins-mood-bar-bg{background:#e2e8f0;border-radius:6px;height:6px;overflow:hidden;width:100%}.dark-mode .ins-mood-bar-bg{background:#334155}.ins-mood-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.ins-tip{align-items:flex-start;background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;display:flex;gap:10px;margin-top:14px;padding:12px}.dark-mode .ins-tip{background:#6366f114;border-color:#6366f126}.ins-tip-icon{flex-shrink:0;margin-top:2px}.ins-tip-heading,.ins-tip-icon{color:#6366f1;color:var(--primary)}.ins-tip-heading{font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 4px;text-transform:uppercase}.ins-tip-text{color:#475569;font-size:.85rem;line-height:1.5;margin:0}.dark-mode .ins-tip-text{color:#cbd5e1}.ins-table-card{background:#fffffff2;border:1px solid #0000000f;border-radius:14px;margin-top:0;overflow:hidden}.dark-mode .ins-table-card{background:#1e1e32f2;border-color:#ffffff0f}.ins-table-head{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.dark-mode .ins-table-head{border-bottom-color:#ffffff0f}.ins-table-pagination{align-items:center;display:flex;gap:8px}.ins-table-page-btn{align-items:center;background:#fff9;border:1px solid #0000001f;border-radius:10px;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background .2s,border-color .2s;width:36px}.ins-table-page-btn:hover:not(:disabled){background:#6366f11f;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.ins-table-page-btn:disabled{cursor:not-allowed;opacity:.4}.ins-table-page-btn .material-symbols-outlined{font-size:1.25rem}.dark-mode .ins-table-page-btn{background:#ffffff0f;border-color:#ffffff1f}.dark-mode .ins-table-page-btn:hover:not(:disabled){background:#6366f133;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.ins-table-page-info{color:#475569;color:var(--slate-600);font-size:.875rem;font-weight:600;min-width:5ch;text-align:center}.dark-mode .ins-table-page-info{color:#94a3b8;color:var(--slate-400)}.ins-table-wrap{overflow-x:auto}.ins-table{border-collapse:collapse;text-align:left;width:100%}.ins-table thead{background:#f8fafc}.dark-mode .ins-table thead{background:#6366f10d}.ins-table th{color:#94a3b8;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:12px 24px;text-transform:uppercase}.dark-mode .ins-table th{color:#64748b}.ins-table td{border-top:1px solid #0000000a;color:#475569;font-size:.85rem;padding:14px 24px}.dark-mode .ins-table td{border-top-color:#ffffff0a;color:#cbd5e1}.ins-table tbody tr:hover{background:#00000005}.dark-mode .ins-table tbody tr:hover{background:#6366f10a}.ins-table-date{color:#1a1a2e;font-weight:600}.dark-mode .ins-table-date{color:#f0f0f0}.ins-mood-badge{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:700;padding:3px 10px;text-transform:uppercase}.ins-empty{color:#94a3b8;font-size:.85rem;margin:0;padding:32px 16px;text-align:center}.dark-mode .ins-empty{color:#64748b}.m-insights-page{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:16px 16px 100px}.m-insights-page .ins-rings-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.m-insights-page .ins-rings-section .ins-score-card{padding:14px 16px}.m-insights-page .ins-score-card .ins-score-value{font-size:1.75rem}.m-insights-page .ins-bottom-row,.m-insights-page .ins-charts-row,.m-insights-page .ins-main-row,.m-insights-page .ins-sleep-weight-streaks-row{grid-template-columns:1fr}.m-insights-page .ins-header{flex-direction:column;gap:8px}.m-insights-page .ins-table{font-size:.78rem}.m-insights-page .ins-table td,.m-insights-page .ins-table th{padding:10px 12px}.m-dashboard-page{-webkit-overflow-scrolling:touch;min-height:100vh;overflow-y:auto;padding:16px 16px 100px}.m-dashboard-header{margin-bottom:20px}.m-dashboard-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:12px;padding:10px 0}.m-dashboard-back-btn .material-symbols-outlined{font-size:1.25rem}.m-dashboard-title{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0 0 12px}.dark-mode .m-dashboard-title{color:#f0f0f0}.m-dashboard-month-switcher{align-items:center;background:#6366f114;border:1px solid #6366f12e;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.dark-mode .m-dashboard-month-switcher{background:#6366f11f;border-color:#6366f133}.m-dashboard-month-switcher button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;justify-content:center;padding:8px}.m-dashboard-month-switcher button:disabled{cursor:not-allowed;opacity:.35}.m-dashboard-month-switcher button:not(:disabled):active{background:#6366f126}.dark-mode .m-dashboard-month-switcher button{background:#ffffff0f;color:#cbd5e1;color:var(--slate-300)}.m-dashboard-month-label{color:#1e293b;flex:1 1;font-size:1rem;font-weight:700;text-align:center}.dark-mode .m-dashboard-month-label{color:#f1f5f9;color:var(--slate-100)}.m-dashboard-content{margin-top:8px}.m-settings-insights-btn{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:background .2s,transform .15s;width:100%}.m-settings-insights-btn:hover{background:linear-gradient(135deg,#6366f124,#8b5cf624);transform:translateY(-1px)}.m-settings-insights-btn:active{transform:scale(.98)}.dark-mode .m-settings-insights-btn{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f133}.dark-mode .m-settings-insights-btn:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.m-settings-insights-left{align-items:center;display:flex;gap:12px}.m-settings-insights-left>.material-symbols-outlined{color:#6366f1;color:var(--primary);font-size:1.4rem}.m-settings-insights-title{color:#1a1a2e;display:block;font-size:.9rem;font-weight:600;text-align:left}.dark-mode .m-settings-insights-title{color:#f0f0f0}.m-settings-insights-desc{color:#64748b;display:block;font-size:.75rem;text-align:left}.dark-mode .m-settings-insights-desc{color:#94a3b8}.m-settings-insights-chevron{color:#6366f1;color:var(--primary);opacity:.6}:root{--mym-empty:#e2e8f0;--mym-future:#f1f5f9;--mym-bg:#fff;--mym-card:#fff;--mym-card-hover:#f8fafc;--mym-border:var(--slate-200);--mym-text:var(--slate-700);--mym-muted:var(--slate-500)}.dark-mode{--mym-empty:#33415573;--mym-future:#1e293b40;--mym-bg:#0f172a99;--mym-card:#1e293b;--mym-card-hover:#263348;--mym-border:#ffffff14;--mym-text:var(--slate-200);--mym-muted:var(--slate-400)}.mym-page{margin:0 auto;max-width:100%;padding:16px 24px}.mym-page.mym-desktop{max-width:100%;padding:0;width:100%}.mym-top{align-items:center;display:flex;gap:12px;margin-bottom:20px}.mym-desktop .mym-top{margin-bottom:28px}.mym-top-text{flex:1 1;min-width:0}.mym-back{align-items:center;background:none;border:none;border-radius:8px;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:4px;padding:6px 8px;transition:background .15s}.mym-back:hover{background:#6366f114}.mym-back .material-symbols-outlined{font-size:20px}.mym-title{color:#334155;color:var(--mym-text);font-size:1.25rem;font-weight:700;margin:0}.mym-desktop .mym-title{font-size:1.5rem;font-weight:800}.mym-subtitle{color:#64748b;color:var(--mym-muted);font-size:.85rem;margin:2px 0 0}.mym-year-nav{align-items:center;display:flex;flex-shrink:0;gap:12px}.mym-mobile .mym-year-nav{justify-content:center;margin-bottom:16px}.mym-year-nav button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--mym-border);border-radius:10px;color:#334155;color:var(--mym-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s,border-color .15s;width:36px}.mym-year-nav button:hover:not(:disabled){background:#6366f114;border-color:#6366f1;border-color:var(--primary)}.mym-year-nav button:disabled{cursor:default;opacity:.3}.mym-year-nav .material-symbols-outlined{font-size:20px}.mym-year{color:#334155;color:var(--mym-text);font-size:1.15rem;font-weight:700;min-width:56px;text-align:center}.mym-legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:18px}.mym-mgrid{width:100%}.mym-mgrid-head{align-items:center;background:#181a20;background:var(--bg,#181a20);display:flex;padding:6px 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.mym-mgrid-label-col{align-items:center;display:flex;justify-content:center;min-width:36px;width:36px}.mym-mgrid-mh{color:#334155;color:var(--mym-text,#94a3b8);flex:1 1;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-align:center}.mym-mgrid-body{display:flex;flex-direction:column;gap:4px}.mym-mgrid-row{align-items:stretch;display:flex;gap:4px}.mym-mgrid-daynum{color:#334155;color:var(--mym-text,#94a3b8);font-size:.72rem;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.mym-mgrid-cell{aspect-ratio:1;border-radius:6px;cursor:pointer;flex:1 1;transition:transform .1s,filter .15s}.mym-mgrid-cell.mym-empty{background:#0000;cursor:default}.mym-mgrid-cell.mym-future{cursor:default;opacity:.5}.mym-mgrid-cell.mym-today{outline:2px solid #fff;outline-offset:-2px;position:relative;z-index:1}.mym-mgrid-cell:not(.mym-empty):not(.mym-future):hover{filter:brightness(1.18);position:relative;transform:scale(1.12);z-index:2}.mym-legend-item{align-items:center;color:#64748b;color:var(--mym-muted);display:flex;font-size:.8rem;gap:6px}.mym-legend-dot{border-radius:4px;flex-shrink:0;height:13px;width:13px}.mym-legend-n{color:#334155;color:var(--mym-text);font-size:.82rem;font-weight:700}.mym-total{color:#64748b;color:var(--mym-muted);font-size:.85rem;margin:12px 0 0;text-align:center}.mym-vert{margin-bottom:14px}.mym-vert-head{align-items:center;background:#fff;background:var(--mym-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mym-border);display:flex;margin-bottom:6px;padding:6px 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.dark-mode .mym-vert-head{background:#fff;background:var(--mym-card)}.mym-vert-label-col{flex-shrink:0;min-width:42px;width:42px}.mym-vert-wd{color:#64748b;color:var(--mym-muted);flex:1 1;font-size:.68rem;font-weight:700;letter-spacing:.02em;text-align:center;text-transform:uppercase}.mym-vert-body{display:flex;flex-direction:column;gap:4px}.mym-vert-row{align-items:center;display:flex;gap:4px}.mym-vert-month{color:#64748b;color:var(--mym-muted);display:block;font-size:.58rem;font-weight:800;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.mym-vert-cell{aspect-ratio:1;border-radius:5px;cursor:pointer;flex:1 1;min-height:0;transition:transform .1s}.mym-vert-cell.mym-empty{background:#0000;cursor:default}.mym-vert-cell.mym-future{cursor:default;opacity:.3}.mym-vert-cell.mym-today{outline:2.5px solid #6366f1;outline:2.5px solid var(--primary);outline-offset:-1px}.mym-vert-cell:not(.mym-empty):not(.mym-future):active{transform:scale(.82)}.mym-overlay{align-items:center;animation:mymFadeIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes mymFadeIn{0%{opacity:0}to{opacity:1}}.mym-detail{animation:mymSlideUp .2s ease;background:#fff;background:var(--mym-card);border:1px solid #e2e8f0;border:1px solid var(--mym-border);border-radius:22px;box-shadow:0 24px 80px #0000004d;max-height:80vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}@keyframes mymSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mym-detail-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.mym-detail-head h3{color:#334155;color:var(--mym-text);font-size:1.1rem;font-weight:700;margin:0}.mym-detail-head button{background:none;border:none;border-radius:8px;color:#64748b;color:var(--mym-muted);cursor:pointer;display:flex;padding:4px;transition:background .15s}.mym-detail-head button:hover{background:#0000000f}.dark-mode .mym-detail-head button:hover{background:#ffffff14}.mym-detail-mood{align-items:center;background:color-mix(in srgb,var(--mc) 12%,#0000);border-radius:14px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.mym-mood-dot{background:var(--mc);border-radius:50%;flex-shrink:0;height:16px;width:16px}.mym-detail-mood span{color:#334155;color:var(--mym-text);font-size:.95rem;font-weight:600}.mym-detail-muted{color:#64748b;color:var(--mym-muted);font-size:.85rem;font-style:italic;margin:0 0 14px}.mym-detail-section{margin-bottom:16px}.mym-detail-section h4{color:#64748b;color:var(--mym-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.mym-detail-section p{color:#334155;color:var(--mym-text);font-size:.92rem;line-height:1.6;margin:0}.mym-detail-entry{white-space:pre-wrap;word-break:break-word}.mym-habit-list{display:flex;flex-wrap:wrap;gap:8px}.mym-habit-chip{align-items:center;background:#0000000a;border:1px solid #e2e8f0;border:1px solid var(--mym-border);border-radius:20px;color:#64748b;color:var(--mym-muted);display:flex;font-size:.82rem;font-weight:500;gap:5px;padding:7px 14px;transition:background .15s}.mym-habit-chip .material-symbols-outlined{font-size:16px}.mym-habit-chip.done{background:#10b9811a;border-color:#10b98133;color:#10b981}.dark-mode .mym-habit-chip{background:#ffffff0a}.dark-mode .mym-habit-chip.done{background:#10b98126}.mym-open-btn{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:6px;padding:13px;transition:opacity .15s,transform .1s;width:100%}.mym-open-btn:hover{opacity:.9}.mym-open-btn:active{transform:scale(.98)}.mym-open-btn .material-symbols-outlined{font-size:18px}@media (max-width:600px){.mym-page{padding:12px 12px 24px}.mym-top{flex-wrap:wrap}.mym-year-nav{justify-content:center;width:100%}.mym-detail{margin:12px;max-height:85vh;padding:20px}}.tutorial-overlay{animation:fadeIn .2s ease;background:linear-gradient(135deg,#eef2ff,#faf5ff 50%,#f0f9ff);height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:10001}.dark-mode .tutorial-overlay{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a)}.tutorial-card{animation:modalPop .25s ease;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;height:100%;padding:max(20px,env(safe-area-inset-top)) clamp(16px,4vw,48px) max(20px,env(safe-area-inset-bottom));position:relative;width:100%}.tutorial-close{align-items:center;background:#0f172a14;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));transition:background .15s,transform .1s;width:40px;z-index:3}.tutorial-close:hover{background:#0f172a29}.tutorial-close:active{transform:scale(.95)}.tutorial-close .material-symbols-outlined{font-size:24px}.dark-mode .tutorial-close{background:#ffffff1a;color:#e2e8f0}.dark-mode .tutorial-close:hover{background:#ffffff2e}.tutorial-progress{align-items:center;display:flex;gap:14px;margin:0 auto;max-width:760px;padding-right:56px;width:100%}.tutorial-step-count{color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.dark-mode .tutorial-step-count{color:#cbd5e1}.tutorial-progress-bar{background:#6366f12e;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.dark-mode .tutorial-progress-bar{background:#8b5cf638}.tutorial-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .3s ease}.tutorial-image-wrap{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-height:0;padding:4px}.tutorial-image{-webkit-user-drag:none;border-radius:22px;box-shadow:0 24px 60px #0f172a38,0 0 0 1px #6366f11a;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto}.dark-mode .tutorial-image{box-shadow:0 24px 60px #00000080,0 0 0 1px #8b5cf633}.tutorial-text{margin:0 auto;max-width:720px;padding:0 8px;text-align:center;width:100%}.tutorial-title{color:#1a1a2e;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.dark-mode .tutorial-title{color:#f1f5f9}.tutorial-description{color:#475569;font-size:clamp(.92rem,1.6vw,1.05rem);line-height:1.55;margin:0}.dark-mode .tutorial-description{color:#cbd5e1}.tutorial-dots{align-items:center;display:flex;gap:10px;justify-content:center}.tutorial-dot{background:#6366f14d;border:none;border-radius:50%;cursor:pointer;height:9px;padding:0;transition:background .15s,transform .15s,width .2s;width:9px}.tutorial-dot:hover{background:#6366f18c}.tutorial-dot.active{background:#6366f1;border-radius:999px;width:26px}.dark-mode .tutorial-dot{background:#8b5cf666}.dark-mode .tutorial-dot.active{background:#a78bfa}.tutorial-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:760px;width:100%}.tutorial-spacer{flex:1 1}.tutorial-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:4px;justify-content:center;min-width:96px;padding:12px 20px;transition:background .15s,transform .1s,opacity .15s,color .15s;white-space:nowrap}.tutorial-btn:active{transform:scale(.97)}.tutorial-btn .material-symbols-outlined{font-size:22px}.tutorial-btn-secondary{background:#6366f11f;color:#4f46e5}.tutorial-btn-secondary:hover:not(:disabled){background:#6366f138}.tutorial-btn-secondary:disabled{cursor:not-allowed;opacity:.4}.dark-mode .tutorial-btn-secondary{background:#8b5cf633;color:#c4b5fd}.dark-mode .tutorial-btn-secondary:hover:not(:disabled){background:#8b5cf652}.tutorial-btn-skip{background:#0000;color:#64748b;flex:1 1;min-width:0}.tutorial-btn-skip:hover{background:#64748b1f;color:#334155}.dark-mode .tutorial-btn-skip{color:#94a3b8}.dark-mode .tutorial-btn-skip:hover{background:#94a3b824;color:#e2e8f0}.tutorial-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 22px #6366f159;color:#fff}.tutorial-btn-primary:hover{background:linear-gradient(135deg,#5b5ee0,#7e4ee8)}.tutorial-btn-wide{flex:1 1;font-size:1rem;padding:14px 22px}.tutorial-actions-single{justify-content:center}.tutorial-language-phase{flex:1 1 auto;gap:32px;justify-content:center;margin:0 auto;max-width:560px;padding:24px 8px;width:100%}.tutorial-language-header,.tutorial-language-phase{align-items:center;display:flex;flex-direction:column}.tutorial-language-header{gap:12px;text-align:center}.tutorial-language-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 12px 28px #6366f159;color:#fff;display:inline-flex;font-size:38px!important;height:72px;justify-content:center;width:72px}.tutorial-language-title{color:#1a1a2e;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;letter-spacing:-.01em;margin:0}.dark-mode .tutorial-language-title{color:#f1f5f9}.tutorial-language-subtitle{color:#475569;font-size:clamp(.95rem,1.7vw,1.05rem);line-height:1.5;margin:0;max-width:440px}.dark-mode .tutorial-language-subtitle{color:#cbd5e1}.tutorial-language-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tutorial-language-option{align-items:center;background:#fff;border:2px solid #6366f126;border-radius:16px;color:#1a1a2e;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:space-between;padding:18px 22px;text-align:start;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}.tutorial-language-option:hover{background:#6366f10a;border-color:#6366f166}.tutorial-language-option:active{transform:scale(.98)}.tutorial-language-option.active{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f1;box-shadow:0 8px 22px #6366f12e}.dark-mode .tutorial-language-option{background:#1e293b99;border-color:#8b5cf638;color:#f1f5f9}.dark-mode .tutorial-language-option:hover{background:#8b5cf614;border-color:#8b5cf673}.dark-mode .tutorial-language-option.active{background:linear-gradient(135deg,#8b5cf638,#6366f12e);border-color:#a78bfa}.tutorial-language-label{flex:1 1;min-width:0}.tutorial-language-check{color:#6366f1;font-size:22px!important}.dark-mode .tutorial-language-check{color:#a78bfa}@media (max-width:600px){.tutorial-card{gap:14px;padding:14px}.tutorial-progress{padding-right:48px}.tutorial-btn{font-size:.9rem;min-width:80px;padding:11px 14px}.tutorial-btn-primary span:not(.material-symbols-outlined),.tutorial-btn-secondary span:not(.material-symbols-outlined){display:inline}.tutorial-language-phase{gap:24px;padding:16px 4px}.tutorial-language-icon{font-size:32px!important;height:60px;width:60px}.tutorial-language-option{font-size:1rem;padding:16px 18px}}@media (max-width:380px){.tutorial-btn{font-size:.85rem;padding:10px 12px}.tutorial-language-grid{grid-template-columns:1fr}}.journal-view-tabs{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto;max-width:80rem;padding:.75rem 1.5rem 0;width:100%}.journal-view-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:9999px;color:#475569;color:var(--slate-600);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:background .15s,border-color .15s,color .15s}.journal-view-tab .material-symbols-outlined{font-size:1.1rem}.journal-view-tab:hover{background:#f8fafc;background:var(--slate-50);border-color:#cbd5e1;border-color:var(--slate-300)}.journal-view-tab.is-active{background:#6366f11f;border-color:#6366f159;color:#4f46e5}.dark-mode .journal-view-tab{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700);color:#e2e8f0;color:var(--slate-200)}.dark-mode .journal-view-tab:hover{background:#334155;background:var(--slate-700)}.dark-mode .journal-view-tab.is-active{background:#818cf82e;border-color:#818cf866;color:#c7d2fe}.global-search-header{flex-shrink:1;min-width:8rem;position:relative;width:min(22rem,32vw)}.global-search-field{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:9999px;display:flex;gap:.4rem;padding:.35rem .7rem}.dark-mode .global-search-field{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700)}.global-search-icon{color:#94a3b8;color:var(--slate-400);font-size:1.15rem}.global-search-input{background:#0000;border:none;color:inherit;flex:1 1;font-size:.875rem;min-width:0;outline:none}.global-search-clear{background:#0000;border:none;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:flex;padding:0}.global-search-kbd{border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:4px;color:#94a3b8;color:var(--slate-400);font-family:inherit;font-size:.65rem;font-weight:600;padding:.1rem .35rem}.dark-mode .global-search-kbd{border-color:#475569;border-color:var(--slate-600)}.global-search-results{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:12px;box-shadow:0 12px 32px #0000001f;left:0;max-height:24rem;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:80}.dark-mode .global-search-results{background:#1e1e32;border-color:#ffffff14}.global-search-item{align-items:flex-start;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:.6rem;padding:.6rem .7rem;text-align:left;width:100%}.global-search-item.is-active,.global-search-item:hover{background:#6366f11a}.global-search-item-icon{color:#94a3b8;color:var(--slate-400);font-size:1.15rem;margin-top:2px}.global-search-item-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.global-search-item-top{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:space-between}.global-search-type{color:#6366f1;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.global-search-preview{color:#64748b;color:var(--slate-500);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-preview.is-empty{opacity:.5}.global-search-star{color:#fbbf24;font-size:1rem}.global-search-empty{align-items:center;color:#64748b;color:var(--slate-500);display:flex;flex-direction:column;font-size:.875rem;gap:.4rem;padding:1.25rem .75rem}.global-search-overlay{background:#f8fafc;background:var(--slate-50,#f8fafc);display:flex;flex-direction:column;inset:0;position:fixed;z-index:80}.dark-mode .global-search-overlay{background:#0f172a}.global-search-overlay-bar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);display:flex;gap:8px;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.dark-mode .global-search-overlay-bar{border-bottom-color:#ffffff14}.global-search-overlay-back{background:none;border:none;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;padding:8px}.global-search-overlay .global-search-field{flex:1 1}.global-search-overlay .global-search-results{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;max-height:none;position:static}.entry-light-day-nav,.m-entry-day-nav{align-items:center;display:flex;gap:.35rem}.entry-light-day-btn,.m-entry-day-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;color:#475569;cursor:pointer;display:flex;height:2.25rem;justify-content:center;width:2.25rem}.entry-light-day-btn:disabled,.m-entry-day-btn:disabled{cursor:default;opacity:.35}.entry-light-today-btn,.m-entry-today-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;color:#4f46e5;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.4rem .75rem}.dark-mode .entry-light-back-btn,.dark-mode .entry-light-day-btn,.dark-mode .entry-light-today-btn{background:#1e293b;background:var(--slate-800);border-color:#334155;border-color:var(--slate-700);color:#e2e8f0;color:var(--slate-200)}.m-entry-day-nav{justify-content:center;padding:8px 16px 0}.m-entry-day-btn,.m-entry-today-btn{background:#0000}.journal-reminder-switch{flex-shrink:0;height:22px;position:relative;width:40px}.journal-reminder-switch input{height:0;opacity:0;width:0}.journal-reminder-slider{background:#cbd5e1;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .15s}.journal-reminder-slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .15s;width:16px}.journal-reminder-switch input:checked+.journal-reminder-slider{background:#6366f1}.journal-reminder-switch input:checked+.journal-reminder-slider:before{transform:translateX(18px)}.journal-reminder-time{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:8px;color:inherit;font-size:.85rem;padding:4px 8px}.journal-reminder-time:disabled{opacity:.5}.hamburger-hint,.m-settings-export-desc{color:#888;font-size:.75rem;line-height:1.35;margin:0;padding:0 12px 6px}.hamburger-reminder{padding-bottom:4px}.m-settings-export-desc{padding:0 4px 10px}.m-date-search-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;color:var(--slate-600);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.dark-mode .m-date-search-btn{color:#cbd5e1;color:var(--slate-300)}@media (max-width:1100px){.global-search-header{width:min(16rem,28vw)}.global-search-kbd{display:none}}@media (min-width:769px) and (max-width:1400px){.main-page-design .app-wrapper.main-page-wrap{padding:0}.main-page-design .main-page-content{gap:1.5rem;padding:1.25rem 1.5rem 2.5rem}.journal-view-tabs{padding:.75rem 1.5rem 0}.main-page-design .main-page-header{gap:.75rem;max-width:100%;padding:.75rem 1.5rem}.main-page-design .main-page-header-left{flex-shrink:0;gap:.75rem;min-width:0}.main-page-design .main-page-title-link{white-space:nowrap}.main-page-design .main-page-header-right{flex:1 1 auto;gap:.5rem;justify-content:flex-end;min-width:0}.global-search-header{flex:1 1 9rem;max-width:22rem;min-width:7rem;width:auto}.main-page-design .main-page-avatar,.main-page-design .main-page-friends-btn,.main-page-design .main-page-menu-btn{flex-shrink:0}.hamburger-dropdown{max-width:calc(100vw - 2rem)}}@media (min-width:769px) and (max-width:1180px){.main-page-design .main-page-content{padding:1rem 1.25rem 2rem}.journal-view-tabs{padding:.75rem 1.25rem 0}.main-page-design .main-page-header{padding:.75rem 1.25rem}.main-page-design .main-page-title-link{font-size:1.35rem}.main-page-design .main-page-header-left .level-progress{gap:8px;min-width:0;padding:4px 10px}.main-page-design .main-page-xp-bar{width:5.5rem}.main-page-design .main-page-user-email{display:none}.global-search-header{max-width:18rem}.main-page-design .main-page-friends-btn{padding:.5rem .75rem}.main-page-design .timeline-section{gap:1rem}.main-page-design .timeline-label-wrap{flex:1 1 100%;max-width:100%;min-width:0}.main-page-design .timeline-months-wrap{flex-wrap:wrap;overflow:visible;padding-bottom:0}.main-page-design .timeline-month-btn{font-size:.9rem;padding:.55rem 1rem}.main-page-design .tracker-cards-grid{gap:1rem}.daily-log-table .daily-log-th{letter-spacing:.1em;padding:1rem .75rem}.daily-log-table .day-header.daily-log-th{min-width:3.25rem;width:3.25rem}.daily-log-table .moment-header.daily-log-th{min-width:220px}.daily-log-table .habit-header.daily-log-th,.daily-log-table .sleep-header.daily-log-th,.daily-log-table .weight-header.daily-log-th{letter-spacing:.06em;min-width:4.5rem;padding-left:.4rem;padding-right:.4rem;width:4.5rem}.daily-log-table .daily-log-day,.daily-log-table .daily-log-moment{padding:.85rem .75rem}.daily-log-table .daily-log-habit-cell,.daily-log-table .daily-log-sleep,.daily-log-table .daily-log-weight{padding:.85rem .3rem}.daily-log-sleep-input,.daily-log-weight-input{max-width:100%;min-width:0;padding:.35rem 0}.main-page-design .main-page-fab{bottom:1.25rem;height:3.5rem;right:1.25rem;width:3.5rem}}@media (min-width:769px) and (max-width:1100px){.dashboard-charts-row{grid-template-columns:1fr}.main-page-design .main-page-friends-btn .main-page-friends-label{display:none}.main-page-design .main-page-friends-btn{gap:0;padding:.5rem}}@media (min-width:769px) and (max-width:900px){.daily-log-table .daily-log-th{padding:.85rem .6rem}.daily-log-table .day-header.daily-log-th{min-width:3rem;width:3rem}.daily-log-table .moment-header.daily-log-th{min-width:200px}.daily-log-table .habit-header.daily-log-th,.daily-log-table .sleep-header.daily-log-th,.daily-log-table .weight-header.daily-log-th{min-width:3.75rem;padding-left:.3rem;padding-right:.3rem;width:3.75rem}.daily-log-table .daily-log-day,.daily-log-table .daily-log-moment{padding:.75rem .6rem}.daily-log-table .daily-log-habit-cell,.daily-log-table .daily-log-sleep,.daily-log-table .daily-log-weight{padding:.75rem .2rem}.daily-log-sleep-input,.daily-log-weight-input{font-size:.8rem;padding:.25rem 0}.daily-log-habit-btn{height:2.25rem;width:2.25rem}}@media (hover:none) and (pointer:coarse) and (min-width:769px){body{-webkit-tap-highlight-color:transparent}.favourite-moment-chevron,.habit-remove-x,.remove-friend-btn{opacity:1}.daily-log-table .habit-header.daily-log-th:hover,.habit-header:hover{background:inherit!important;color:inherit!important}.sketch-color-wheel:hover,.sketch-pad-light .sketch-color-btn:hover{transform:none}.sketch-color-wheel.active,.sketch-pad-light .sketch-color-btn.active{transform:scale(1.1)}.main-page-design .main-page-menu-btn{height:2.75rem;width:2.75rem}.journal-view-tab{min-height:2.5rem;padding:.5rem 1rem}.daily-log-add-btn,.daily-log-habit-input,.main-page-design .timeline-month-btn,.main-page-design .timeline-year-btn{min-height:2.5rem}.daily-log-habit-btn{height:2.5rem;width:2.5rem}.daily-log-star-btn{margin:-.55rem;padding:.55rem}.habit-visibility-btn{margin:-.4rem 0;padding:.5rem}.daily-log-sleep-input,.daily-log-weight-input{padding:.5rem 0}.global-search-kbd{display:none}.hamburger-item{min-height:2.75rem;padding:12px 14px}.entry-light-day-btn,.entry-light-today-btn{min-height:2.5rem;min-width:2.5rem}.sketch-color-wheel,.sketch-pad-light .sketch-color-btn{height:2.5rem;width:2.5rem}.sketch-color-wheel-dot{height:1.1rem;width:1.1rem}.sketch-colors-row{flex-wrap:wrap;gap:.5rem}.sketch-canvas-btn,.sketch-clear-btn,.sketch-pad-light .sketch-eraser-btn,.sketch-undo-btn.undo-btn{min-height:2.75rem}.sketch-size-slider{height:1.5rem}.sketch-size-group{max-width:220px}.daily-log-habit-input,.daily-log-moment-input,.daily-log-sleep-input,.daily-log-weight-input,.entry-textarea,.global-search-input{font-size:16px}.entry-light-sketch-section .sketch-canvas-wrap.paper-input{height:clamp(450px,50vh,720px)}}.location-add-btn,.location-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;line-height:1.2;max-width:100%;padding:.3rem .75rem;transition:background .15s,border-color .15s,color .15s}.location-tag{background:#6366f114;border:1px solid #6366f140;color:#4338ca;padding-right:.35rem}.location-tag .material-symbols-outlined{font-size:1rem}.location-tag-main{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.3rem;min-width:0;padding:0}.location-tag-main>span:not(.material-symbols-outlined){max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-tag-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:1.4rem;justify-content:center;opacity:.7;padding:0;width:1.4rem}.location-tag-remove:hover{background:#6366f126;opacity:1}.location-tag-remove .material-symbols-outlined{font-size:.95rem}.location-add-btn{background:#0000;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.location-add-btn:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.location-add-btn .material-symbols-outlined{font-size:1rem}.dark-mode .location-tag{background:#6366f129;border-color:#818cf859;color:#c7d2fe}.dark-mode .location-tag-remove:hover{background:#818cf840}.dark-mode .location-add-btn{border-color:#475569;color:#94a3b8}.dark-mode .location-add-btn:hover{background:#6366f11a;border-color:#818cf8;border-color:var(--accent-purple);color:#c7d2fe}.location-picker{display:flex;flex-direction:column;gap:.5rem;max-width:26rem;position:relative;width:100%}.location-picker--desktop{min-width:18rem}.location-picker-row{align-items:center;display:flex;gap:.5rem}.location-picker-field{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px #0f172a0a;display:flex;flex:1 1;gap:.4rem;height:2.5rem;padding:0 .65rem;position:relative}.location-picker-field:focus-within{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.location-picker-field .material-symbols-outlined{color:#94a3b8;font-size:1.1rem}.location-picker-input{background:#0000;border:none;color:#0f172a;flex:1 1;font:inherit;font-size:.9rem;min-width:0;outline:none}.location-picker-input::placeholder{color:#94a3b8}.location-picker-spinner{animation:spin .8s linear infinite;border:2px solid #6366f140;border-radius:50%;border-top:2px solid var(--primary);flex-shrink:0;height:.9rem;width:.9rem}.location-picker-cancel,.location-picker-gps{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;color:#475569;cursor:pointer;display:inline-flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:2.5rem}.location-picker-cancel:hover,.location-picker-gps:hover:not(:disabled){background:#f1f5f9;border-color:#c7d2fe;color:#6366f1;color:var(--primary)}.location-picker-gps:disabled{cursor:default;opacity:.5}.location-picker-cancel .material-symbols-outlined,.location-picker-gps .material-symbols-outlined{font-size:1.2rem}.location-picker-error{color:#b91c1c;font-size:.78rem;margin:0}.location-picker-results{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;box-shadow:0 12px 32px #0f172a24;display:flex;flex-direction:column;gap:.125rem;left:0;max-height:18rem;overflow-y:auto;padding:.35rem;position:absolute;right:0;top:calc(100% + .35rem);z-index:30}.location-picker--mobile .location-picker-results{box-shadow:none;margin-top:.125rem;position:static}.location-picker-result{align-items:center;background:#0000;border:none;border-radius:.6rem;color:#0f172a;cursor:pointer;display:flex;font:inherit;gap:.6rem;padding:.55rem .65rem;text-align:left;width:100%}.location-picker-result:focus-visible,.location-picker-result:hover{background:#6366f114;outline:none}.location-picker-result .material-symbols-outlined{color:#6366f1;color:var(--primary);flex-shrink:0;font-size:1.1rem}.location-picker-result-text{display:flex;flex-direction:column;min-width:0}.location-picker-result-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-picker-result-country{color:#64748b;font-size:.75rem}.location-picker-empty{color:#64748b;font-size:.8rem;padding:.6rem .75rem}.dark-mode .location-picker-cancel,.dark-mode .location-picker-field,.dark-mode .location-picker-gps,.dark-mode .location-picker-results{background:#1e2533;background:var(--input-dark);border-color:#ffffff14;border-color:var(--border-subtle);color:#e2e8f0;color:var(--slate-200)}.dark-mode .location-picker-input{color:#f1f5f9}.dark-mode .location-picker-field .material-symbols-outlined,.dark-mode .location-picker-input::placeholder{color:#64748b}.dark-mode .location-picker-cancel:hover,.dark-mode .location-picker-gps:hover:not(:disabled){background:#ffffff0f;border-color:#818cf866;color:#c7d2fe}.dark-mode .location-picker-result{color:#e2e8f0}.dark-mode .location-picker-result:focus-visible,.dark-mode .location-picker-result:hover{background:#6366f12e}.dark-mode .location-picker-empty,.dark-mode .location-picker-result-country{color:#94a3b8}.dark-mode .location-picker-error{color:#fca5a5}.dark-mode .location-picker-results{box-shadow:0 12px 32px #00000080}.entry-light-header-left{flex-wrap:wrap}.m-entry-location-wrap{display:flex;margin-bottom:14px}.m-entry-location-wrap .location-picker--mobile{max-width:100%}.location-picker--mobile .location-picker-input{font-size:16px}.jmap-page{--jmap-land:#e2e8f0;--jmap-land-stroke:#fff;--jmap-sea:#f8fafc;--jmap-grat:#94a3b840;--jmap-l1:#c7d2fe;--jmap-l2:#a5b4fc;--jmap-l3:#818cf8;--jmap-selected:#6366f1;--jmap-card:#fff;--jmap-border:#e2e8f0;--jmap-text:#0f172a;--jmap-muted:#64748b;color:var(--jmap-text);display:flex;flex-direction:column;gap:1rem}.dark-mode .jmap-page{--jmap-land:#2b3448;--jmap-land-stroke:#0f172a;--jmap-sea:#0f172a;--jmap-grat:#94a3b81f;--jmap-l1:#4338ca;--jmap-l2:#6366f1;--jmap-l3:#818cf8;--jmap-selected:#a5b4fc;--jmap-card:var(--panel-dark);--jmap-border:var(--border-subtle);--jmap-text:#f1f5f9;--jmap-muted:#94a3b8}.jmap-desktop{margin:0 auto;max-width:80rem;padding:1.5rem 1.5rem 3rem;width:100%}.jmap-mobile{min-height:100vh;min-height:100dvh;padding:12px 16px max(24px,env(safe-area-inset-bottom))}.jmap-top{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.jmap-back{align-items:center;background:var(--jmap-card);border:1px solid var(--jmap-border);border-radius:9999px;color:var(--jmap-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;height:2.5rem;justify-content:center;padding:0 .9rem 0 .7rem}.jmap-back,.jmap-back-icon{flex-shrink:0}.jmap-back:hover{background:#6366f114}.jmap-top-text{flex:1 1;min-width:0}.jmap-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.jmap-subtitle{color:var(--jmap-muted);font-size:.875rem;margin:.15rem 0 0}.jmap-reset{align-items:center;background:var(--jmap-card);border:1px solid var(--jmap-border);border-radius:9999px;color:var(--jmap-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.5rem .9rem}.jmap-reset:hover{background:#6366f114}.jmap-reset .material-symbols-outlined{font-size:1.1rem}.jmap-body{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:1024px){.jmap-desktop .jmap-body{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.jmap-desktop .jmap-side{max-height:calc(100vh - 2rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:1rem}}.jmap-map-card{background:var(--jmap-card);border:1px solid var(--jmap-border);border-radius:1.25rem;box-shadow:0 10px 30px #0f172a0f;overflow:hidden;padding:.75rem;position:relative}.dark-mode .jmap-map-card{box-shadow:0 10px 30px #0006}.jmap-svg{background:var(--jmap-sea);border-radius:.9rem;display:block;height:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%}.jmap-zoom{transform-origin:0 0;transition:transform .45s cubic-bezier(.22,1,.36,1)}.jmap-sphere{fill:var(--jmap-sea);stroke:none}.jmap-graticule{fill:none;stroke:var(--jmap-grat);stroke-width:.5}.jmap-country{fill:var(--jmap-land);stroke:var(--jmap-land-stroke);stroke-width:.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .2s}.jmap-country--visited{cursor:pointer}.jmap-country--l1{fill:var(--jmap-l1)}.jmap-country--l2{fill:var(--jmap-l2)}.jmap-country--l3{fill:var(--jmap-l3)}.jmap-country--selected,.jmap-country--visited:hover{fill:var(--jmap-selected)}.jmap-country--selected{stroke:var(--jmap-card);stroke-width:1.2}.jmap-pin{cursor:pointer;transition:opacity .2s}.jmap-pin--dim{opacity:.35}.jmap-pin-halo{fill:#ec489940;animation:jmap-pulse 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}.jmap-pin-dot{fill:#ec4899;fill:var(--accent-pink);stroke:#fff;stroke-width:1.5}.dark-mode .jmap-pin-dot{stroke:#0f172a}@keyframes jmap-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.jmap-hover-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;border-radius:9999px;bottom:1rem;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:.4rem .9rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.jmap-empty{align-items:center;background:linear-gradient(180deg,#f8fafc40,#f8fafceb);border-radius:.9rem;color:var(--jmap-text);display:flex;flex-direction:column;gap:.5rem;inset:.75rem;justify-content:center;padding:1.5rem;position:absolute;text-align:center}.dark-mode .jmap-empty{background:linear-gradient(180deg,#0f172a40,#0f172aeb)}.jmap-empty .material-symbols-outlined{color:#6366f1;color:var(--primary);font-size:2.5rem}.jmap-empty h2{font-size:1.1rem;margin:0}.jmap-empty p{color:var(--jmap-muted);font-size:.875rem;margin:0;max-width:24rem}.jmap-side{display:flex;flex-direction:column;gap:1rem}.jmap-countries,.jmap-entries{background:var(--jmap-card);border:1px solid var(--jmap-border);border-radius:1.25rem;padding:1rem}.jmap-side-title{align-items:center;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:space-between;margin:0 0 .75rem}.jmap-side-count{background:#6366f114;border-radius:9999px;color:var(--jmap-muted);font-size:.75rem;font-weight:600;padding:.15rem .6rem}.jmap-chips{display:flex;flex-wrap:wrap;gap:.5rem}.jmap-chip{align-items:center;background:#0000;border:1px solid var(--jmap-border);border-radius:9999px;color:var(--jmap-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem .4rem .55rem;transition:background .15s,border-color .15s}.jmap-chip:hover{background:#6366f114;border-color:#6366f159}.jmap-chip.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.jmap-chip-flag{font-size:1.05rem;line-height:1}.jmap-chip-count{background:#6366f11f;border-radius:9999px;color:inherit;font-size:.7rem;padding:.05rem .45rem}.jmap-chip.active .jmap-chip-count{background:#ffffff38}.jmap-entry-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.jmap-entry{align-items:center;background:#0000;border:1px solid var(--jmap-border);border-radius:.9rem;color:var(--jmap-text);cursor:pointer;display:flex;font:inherit;gap:.75rem;padding:.75rem .85rem;text-align:left;transition:background .15s,border-color .15s,transform .15s;width:100%}.jmap-entry:hover{background:#6366f10f;border-color:#6366f159;transform:translateY(-1px)}.jmap-entry>div{flex:1 1;min-width:0}.jmap-entry-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem}.jmap-entry-date{font-size:.8rem;font-weight:700}.jmap-entry-place{color:var(--jmap-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jmap-entry-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--jmap-text);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:.25rem 0 0;overflow:hidden}.jmap-entry-excerpt--empty{color:var(--jmap-muted);font-style:italic}.jmap-entry-meta{align-items:center;color:var(--jmap-muted);display:inline-flex;gap:.25rem}.jmap-entry-meta .material-symbols-outlined{font-size:1.1rem}.jmap-entry-arrow{color:var(--jmap-muted);flex-shrink:0;font-size:1.25rem}.jmap-hint{color:var(--jmap-muted);font-size:.85rem;margin:0;padding:.5rem 0;text-align:center}@media (max-width:768px){.jmap-title{font-size:1.25rem}.jmap-map-card{border-radius:1rem;padding:.5rem}.jmap-countries,.jmap-entries{border-radius:1rem;padding:.85rem}.jmap-hover-label{display:none}}
/*# sourceMappingURL=main.281c0327.css.map*/