@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0a1e;--surface:#1a1030;--surface2:#231545;--border:#2e1f5e;--border2:#3d2b7a;--text:#f0eaff;--text-muted:#9b8ec4;--accent:#a78bfa;--accent2:#7c3aed;--teal:#2dd4bf;--gold:#fcd34d;--coral:#f87171;--w0:#2dd4bf14;--w1:#a78bfa1a;--w2:#60a5fa14;--w3:#fbbf2414;--w4:#f8717114;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace;--radius:10px;--radius-sm:6px}#root,body,html{-webkit-font-smoothing:antialiased;background:#0f0a1e;background:var(--bg);color:#f0eaff;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);height:100%}.app{background:radial-gradient(ellipse at 20% 0,#7c3aed2e 0,#0000 60%),radial-gradient(ellipse at 80% 100%,#2dd4bf1a 0,#0000 60%),#0f0a1e;background:radial-gradient(ellipse at 20% 0,#7c3aed2e 0,#0000 60%),radial-gradient(ellipse at 80% 100%,#2dd4bf1a 0,#0000 60%),var(--bg);display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a0b3b,#0f1a3b);border-bottom:1px solid #2e1f5e;border-bottom:1px solid var(--border);padding:20px 20px 16px;position:sticky;top:0;z-index:100}.header-top{justify-content:space-between;margin-bottom:14px}.header-brand,.header-top{align-items:center;display:flex}.header-brand{gap:8px}.header-icon{color:#a78bfa;color:var(--accent);font-size:20px;line-height:1}.header-title{color:#9b8ec4;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.saving-dot{animation:pulse 1.2s ease-in-out infinite;color:#2dd4bf;color:var(--teal);font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-nav{gap:20px;margin-bottom:16px}.header-nav,.nav-btn{align-items:center;display:flex;justify-content:center}.nav-btn{background:#231545;background:var(--surface2);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:50%;color:#a78bfa;color:var(--accent);cursor:pointer;font-size:22px;height:36px;line-height:1;transition:all .2s;width:36px}.nav-btn:hover{background:#7c3aed;background:var(--accent2);border-color:#a78bfa;border-color:var(--accent);color:#fff;transform:scale(1.08)}.month-display{align-items:baseline;display:flex;gap:10px}.month-name{color:#f0eaff;color:var(--text);font-size:28px;font-weight:700;letter-spacing:-.02em}.year-tag{background:#231545;background:var(--surface2);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:20px;color:#9b8ec4;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:14px;padding:2px 8px}.header-stats{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.stat-pill{align-items:center;background:#231545;background:var(--surface2);border:1px solid #2e1f5e;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;min-width:80px;padding:6px 16px}.stat-pill--accent{background:linear-gradient(135deg,#7c3aed,#4c1d95);background:linear-gradient(135deg,var(--accent2),#4c1d95);border-color:#a78bfa;border-color:var(--accent)}.stat-val{font-family:DM Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:700;line-height:1.1}.stat-lbl{color:#9b8ec4;color:var(--text-muted);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.stat-pill--accent .stat-lbl{color:#ffffffb3}.overall-bar-wrap{padding:0 4px}.overall-bar{background:#231545;background:var(--surface2);border-radius:2px;height:4px;overflow:hidden}.overall-bar-fill{background:linear-gradient(90deg,#7c3aed,#2dd4bf);background:linear-gradient(90deg,var(--accent2),var(--teal));border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.grid-wrap{flex:1 1;overflow:hidden;padding:16px 12px}.grid-scroll{-webkit-overflow-scrolling:touch;background:#1a1030;background:var(--surface);border:1px solid #2e1f5e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow-x:auto;overflow-y:visible}.grid{border-collapse:collapse;font-size:12px;min-width:100%;width:max-content}.sticky-col{background:#1a1030;background:var(--surface);left:0;position:sticky;z-index:10}.habit-row:nth-child(2n) .sticky-col{background:#1e1238}.col-name{min-width:180px;width:180px}.col-meta{min-width:46px;text-align:center;width:46px}.col-day{min-width:26px;width:26px}.row-weekbands th{height:6px;padding:0}.week-0{background:#2dd4bf14!important;background:var(--w0)!important}.week-1{background:#a78bfa1a!important;background:var(--w1)!important}.week-2{background:#60a5fa14!important;background:var(--w2)!important}.week-3{background:#fbbf2414!important;background:var(--w3)!important}.week-4{background:#f8717114!important;background:var(--w4)!important}.row-daynums th{background:#1a1030;background:var(--surface);border-bottom:1px solid #2e1f5e;border-bottom:1px solid var(--border);padding:6px 2px 4px;position:sticky;top:0}.row-daynums .sticky-col{z-index:20}.col-name-label{font-size:10px;letter-spacing:.1em;padding-left:12px}.col-name-label,.th-label{color:#9b8ec4;color:var(--text-muted);font-weight:600;text-transform:uppercase}.th-label{font-size:9px;letter-spacing:.06em}.col-daynum{padding:4px 2px 2px}.daynum{color:#9b8ec4;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:500;line-height:1.2}.dayname,.daynum{display:block;text-align:center}.dayname{color:#3d2b7a;color:var(--border2);font-size:8px;font-weight:600;text-transform:uppercase}.col-day--today .daynum{font-weight:700}.col-day--today .dayname,.col-day--today .daynum{color:#2dd4bf;color:var(--teal)}.col-day--weekend .daynum{color:#a78bfa;color:var(--accent)}.habit-row{transition:background .15s}.row-even{background:#1a1030;background:var(--surface)}.row-odd{background:#1e1238}.habit-row:hover,.habit-row:hover .sticky-col{background:#261650!important}.habit-name-cell{border-right:1px solid #2e1f5e;border-right:1px solid var(--border);padding:8px 10px 6px 12px}.habit-icon{font-size:14px;line-height:1;margin-right:6px}.habit-name{color:#f0eaff;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap}.habit-progress-bar{background:#2e1f5e;background:var(--border);border-radius:1px;height:2px;margin-top:4px;overflow:hidden}.habit-progress-fill{border-radius:1px;height:100%;opacity:.7;transition:width .5s ease}.col-meta{border-right:1px solid #2e1f5e;border-right:1px solid var(--border);vertical-align:middle}.meta-done{font-size:13px;font-weight:600}.meta-done,.meta-goal{font-family:DM Mono,monospace;font-family:var(--mono)}.meta-goal{color:#9b8ec4;color:var(--text-muted);font-size:11px}.pct-badge{border-radius:4px;display:inline-block;font-family:DM Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 5px}.pct-green{background:#34d39926;color:#34d399}.pct-yellow{background:#fbbf2426;color:#fbbf24}.pct-orange{background:#fb923c26;color:#fb923c}.pct-red{background:#f8717126;color:#f87171}.streak-badge{color:#fb923c;font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:600;white-space:nowrap}.streak-zero{color:#3d2b7a;color:var(--border2);font-size:14px}.day-cell{border-right:1px solid #ffffff0a;cursor:pointer;height:32px;padding:0;position:relative;text-align:center;transition:background .1s,transform .1s;vertical-align:middle}.day-cell:hover:not(.day-cell--future){background:#a78bfa1f!important}.day-cell:active:not(.day-cell--future){transform:scale(.9)}.day-bg-0{background:#2dd4bf14;background:var(--w0)}.day-bg-1{background:#a78bfa1a;background:var(--w1)}.day-bg-2{background:#60a5fa14;background:var(--w2)}.day-bg-3{background:#fbbf2414;background:var(--w3)}.day-bg-4{background:#f8717114;background:var(--w4)}.week-bg-0{background:#2dd4bf14;background:var(--w0)}.week-bg-1{background:#a78bfa1a;background:var(--w1)}.week-bg-2{background:#60a5fa14;background:var(--w2)}.week-bg-3{background:#fbbf2414;background:var(--w3)}.week-bg-4{background:#f8717114;background:var(--w4)}.day-cell--future{cursor:default;opacity:.3}.day-cell--weekend{opacity:.85}.check-mark{animation:pop .2s cubic-bezier(.34,1.56,.64,1);display:block;font-size:15px;font-weight:700;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.check-empty{border:1.5px solid #3d2b7a;border:1.5px solid var(--border2);border-radius:3px;display:block;height:10px;margin:0 auto;transition:border-color .2s;width:10px}.day-cell:hover .check-empty{border-color:#a78bfa;border-color:var(--accent)}.day-cell--checked{background:#a78bfa0f!important}.totals-row td{background:#231545;background:var(--surface2);border-top:2px solid #3d2b7a;border-top:2px solid var(--border2);bottom:0;padding:6px 2px;position:sticky}.totals-label{color:#a78bfa;color:var(--accent);font-size:10px;letter-spacing:.1em;padding-left:12px!important;text-transform:uppercase}.totals-label,.totals-overall{border-right:1px solid #2e1f5e;border-right:1px solid var(--border);font-weight:700}.totals-overall{color:#2dd4bf;color:var(--teal);font-size:13px}.totals-day,.totals-overall{font-family:DM Mono,monospace;font-family:var(--mono);text-align:center}.totals-day{border-right:1px solid #ffffff0a;font-size:10px;font-weight:600}.totals-perfect{color:#34d399}.totals-good{color:#fbbf24}.totals-low{color:#3d2b7a;color:var(--border2)}.loading-state{align-items:center;color:#9b8ec4;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:2px solid #3d2b7a;border-top-color:#a78bfa;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.footer{background:#1a1030;background:var(--surface);border-top:1px solid #2e1f5e;border-top:1px solid var(--border);padding:12px 20px;text-align:center}.footer p{color:#9b8ec4;color:var(--text-muted);font-size:10px;letter-spacing:.05em}@media (max-width:600px){.header{padding:14px 12px 12px}.month-name{font-size:22px}.header-stats{gap:6px}.stat-pill{min-width:68px;padding:5px 10px}.stat-val{font-size:16px}.col-name{min-width:150px;width:150px}.habit-name{font-size:11px}.col-day{min-width:22px;width:22px}.day-cell{height:28px}.check-mark{font-size:13px}}.login-box{background:#1a1030;background:var(--surface);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:20px;box-shadow:0 25px 60px #00000080;max-width:380px;padding:48px 40px;text-align:center;width:90%}.login-icon{color:#a78bfa;color:var(--accent);font-size:48px;margin-bottom:16px}.login-title{color:#f0eaff;color:var(--text);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.login-sub{color:#9b8ec4;color:var(--text-muted);font-size:13px;line-height:1.6;margin-bottom:32px}.google-btn{color:#1a1a1a;padding:14px 24px}.google-btn:hover{box-shadow:0 8px 25px #ffffff26}.google-btn:active{transform:translateY(0)}.header-right{align-items:center;display:flex;gap:10px}.user-avatar{height:28px;width:28px}.user-name{color:#f0eaff;color:var(--text);font-size:12px;font-weight:600}.auth-screen{align-items:center;background:radial-gradient(ellipse at 30% 20%,#7c3aed40 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#2dd4bf26 0,#0000 60%),#0f0a1e;background:radial-gradient(ellipse at 30% 20%,#7c3aed40 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#2dd4bf26 0,#0000 60%),var(--bg);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#1a1030;background:var(--surface);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:20px;box-shadow:0 25px 60px #00000080;max-width:360px;padding:48px 40px;text-align:center;width:90%}.auth-icon{color:#a78bfa;color:var(--accent);display:block;font-size:40px;margin-bottom:12px}.auth-title{font-size:28px;font-weight:700;margin-bottom:8px}.auth-sub{color:#9b8ec4;color:var(--text-muted);font-size:14px;margin-bottom:32px}.google-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 12px #0000004d;color:#1f1f1f;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.google-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.auth-note{color:#9b8ec4;color:var(--text-muted);font-size:11px;margin-top:16px}.header-actions{gap:10px}.header-actions,.settings-btn{align-items:center;display:flex}.settings-btn{background:#231545;background:var(--surface2);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:8px;cursor:pointer;font-size:16px;height:34px;justify-content:center;transition:all .2s;width:34px}.settings-btn:hover{background:#7c3aed;background:var(--accent2);border-color:#a78bfa;border-color:var(--accent)}.user-info{align-items:center;display:flex;gap:8px}.user-avatar{border:2px solid #a78bfa;border:2px solid var(--accent);border-radius:50%;height:30px;width:30px}.signout-btn{background:#0000;border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:6px;color:#9b8ec4;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:11px;padding:4px 10px;transition:all .2s}.signout-btn:hover{border-color:#f87171;border-color:var(--coral);color:#f87171;color:var(--coral)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:16px;box-shadow:0 25px 60px #0009;max-height:85vh;max-width:600px;overflow-y:auto;width:100%}.modal,.modal-header{background:#1a1030;background:var(--surface)}.modal-header{align-items:center;border-bottom:1px solid #2e1f5e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px;position:sticky;top:0;z-index:1}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:#231545;background:var(--surface2);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:6px;color:#f0eaff;color:var(--text);cursor:pointer;font-size:14px;height:30px;width:30px}.habit-list-edit{display:flex;flex-direction:column;gap:6px;padding:12px 24px}.habit-edit-row{background:#231545;background:var(--surface2);border-radius:10px;padding:10px 12px}.habit-view-row{align-items:center;display:flex;gap:8px}.he-icon{font-size:18px;text-align:center;width:28px}.he-name{flex:1 1;font-size:13px;font-weight:500}.he-goal{color:#9b8ec4;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px;width:36px}.he-color{border-radius:50%;flex-shrink:0;height:14px;width:14px}.btn-add,.btn-cancel,.btn-del,.btn-edit,.btn-save{border:none;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;padding:4px 8px;transition:all .15s}.btn-edit{background:#3d2b7a;background:var(--border2);color:#f0eaff;color:var(--text)}.btn-del{background:#f8717126;color:#f87171;color:var(--coral)}.btn-save{background:#34d39933;color:#34d399}.btn-cancel{background:#2e1f5e;background:var(--border);color:#9b8ec4;color:var(--text-muted)}.btn-add{color:#fff;font-weight:600;padding:6px 14px}.btn-add,.btn-edit:hover{background:#7c3aed;background:var(--accent2)}.btn-del:hover{background:#f871714d}.btn-save:hover{background:#34d39959}.btn-add:hover{background:var(--purple);filter:brightness(1.15)}.add-habit-form,.habit-edit-form{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.edit-input{background:#1a1030;background:var(--surface);border:1px solid #3d2b7a;border:1px solid var(--border2);border-radius:6px;color:#f0eaff;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;outline:none;padding:6px 8px}.edit-input:focus{border-color:#a78bfa;border-color:var(--accent)}.add-habit-section{border-top:1px solid #2e1f5e;border-top:1px solid var(--border);padding:16px 24px 20px}.add-title{color:#a78bfa;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:10px}@media (max-width:600px){.auth-card{padding:36px 24px}.modal{max-height:90vh}.habit-view-row{flex-wrap:wrap}.header-actions{gap:6px}.signout-btn{display:none}}
/*# sourceMappingURL=main.74ca6bd5.css.map*/