*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:#f8fafc;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}.navbar{align-items:center;background:linear-gradient(135deg,#18181b,#27272a 60%,#3f3f46);color:#fff;display:flex;height:56px;justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.navbar-brand a{color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;white-space:nowrap}.navbar-toggle{background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;height:36px;justify-content:center;padding:4px;width:36px}.navbar-toggle span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .25s ease}.navbar-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-links{background:#1e293b;border-top:1px solid #334155;box-shadow:0 8px 24px #0000004d;display:none;flex-direction:column;left:0;padding:8px 0 16px;position:absolute;right:0;top:56px;z-index:199}.navbar-links.open{display:flex}.navbar-links a{color:#94a3b8;display:block;font-size:1rem;padding:12px 20px;text-decoration:none;transition:background .15s,color .15s}.navbar-links a:hover{background:#334155;color:#fff}.navbar-links .navbar-user{border-top:1px solid #334155;color:#64748b;display:block;font-size:.85rem;margin-top:4px;padding:10px 20px 4px}.navbar-links .btn-logout{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin:8px 20px 0;padding:10px 16px;text-align:left;width:calc(100% - 40px)}@media (min-width:640px){.navbar{padding:0 24px}.navbar-toggle{display:none}.navbar-links{align-items:center;background:#0000;border:none;box-shadow:none;display:flex!important;flex-direction:row;gap:4px;padding:0;position:static}.navbar-links a{border-radius:6px;font-size:.9rem;padding:6px 12px}.navbar-links .navbar-user{border:none;color:#cbd5e1;display:inline;font-size:.85rem;margin:0;padding:0}.navbar-links .btn-logout{display:inline-block;font-size:.85rem;margin:0;padding:6px 14px;width:auto}}.page{margin:0 auto;max-width:960px;padding:20px 16px 40px}@media (min-width:640px){.page{padding:28px 24px 48px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.page{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.auth-page{align-items:center;background:linear-gradient(135deg,#18181b,#27272a 60%,#3f3f46);display:flex;justify-content:center;min-height:100vh;padding:16px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:420px;padding:28px 20px;width:100%}@media (min-width:480px){.auth-card{padding:40px 36px}}.auth-card h1{color:#1e293b;font-size:1.5rem;margin-bottom:6px;text-align:center}.auth-card h2{color:#64748b;font-size:1rem;font-weight:400;margin-bottom:24px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card input{-webkit-appearance:none;border:1.5px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;padding:13px 14px;transition:border-color .2s;width:100%}.auth-card input:focus{border-color:#6366f1}.auth-card button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;touch-action:manipulation;transition:background .2s}.auth-card button:hover:not(:disabled){background:#4f46e5}.auth-card button:disabled{cursor:not-allowed;opacity:.6}.auth-card p{color:#64748b;font-size:.9rem;margin-top:20px;text-align:center}.auth-card a{color:#6366f1;font-weight:600;text-decoration:none}.error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:8px;padding:10px 14px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (min-width:640px){.stats-grid{gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}}.stat-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:10px;min-width:0;padding:12px 10px;transition:transform .15s,box-shadow .15s}@media (min-width:640px){.stat-card{border-radius:14px;gap:14px;padding:18px 16px}}.stat-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.stat-card--orange{border-color:#f97316}.stat-card--blue{border-color:#3b82f6}.stat-card--green{border-color:#22c55e}.stat-card--red{border-color:#ef4444}.stat-card--purple{border-color:#a855f7}.stat-card--indigo{border-color:#6366f1}.stat-icon{flex-shrink:0;font-size:1.4rem;line-height:1}@media (min-width:640px){.stat-icon{font-size:1.8rem}}.stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{color:#1e293b;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:#64748b;font-size:.67rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat-sub{color:#94a3b8;font-size:.67rem;margin-top:1px}@media (min-width:640px){.stat-value{font-size:1.15rem}.stat-label{font-size:.78rem}.stat-sub{font-size:.75rem}}.dashboard-header{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:14px}.dashboard-header h2{font-size:1.1rem;font-weight:700}@media (min-width:480px){.dashboard-header{gap:24px;margin-bottom:20px}.dashboard-header h2{font-size:1.4rem}}.btn-nav{background:#e2e8f0;border:none;border-radius:8px;cursor:pointer;font-size:1.3rem;line-height:1;min-height:40px;min-width:40px;padding:8px 14px;touch-action:manipulation}.btn-nav:hover{background:#cbd5e1}.calendar-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}@media (min-width:400px){.calendar-grid{gap:5px}}@media (min-width:640px){.calendar-grid{gap:8px}}.cal-header{color:#64748b;font-size:.6rem;font-weight:600;padding:4px 0;text-align:center}@media (min-width:400px){.cal-header{font-size:.7rem}}@media (min-width:640px){.cal-header{font-size:.78rem;padding:6px 0}}.cal-cell{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:48px;padding:4px 2px;touch-action:manipulation;transition:border-color .2s,box-shadow .2s}@media (min-width:400px){.cal-cell{border-radius:8px;gap:3px;min-height:60px;padding:6px 3px}}@media (min-width:640px){.cal-cell{border-radius:12px;gap:6px;min-height:80px;padding:10px 6px}}.cal-cell:active{background:#f1f5f9}.cal-cell:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.cal-cell.today{background:#eef2ff;border-color:#6366f1}.cal-cell.empty{background:#0000;cursor:default;pointer-events:none}.cal-date{color:#475569;font-size:.65rem;font-weight:600}@media (min-width:400px){.cal-date{font-size:.72rem}}@media (min-width:640px){.cal-date{font-size:.82rem}}.cal-ring{align-items:center;display:flex;justify-content:center;transform:scale(.58);transform-origin:center}@media (min-width:400px){.cal-ring{transform:scale(.72)}}@media (min-width:640px){.cal-ring{transform:scale(1)}}.cal-empty-ring{border:5px solid #e5e7eb;border-radius:50%;height:48px;width:48px}.legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:.78rem;gap:14px;justify-content:center;margin-top:14px}.legend-dot{border-radius:50%;display:inline-block;height:9px;margin-right:3px;vertical-align:middle;width:9px}.legend-dot.green{background:#22c55e}.legend-dot.yellow{background:#f59e0b}.legend-dot.red{background:#ef4444}.day-page{max-width:640px}.btn-back{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.95rem;gap:4px;margin-bottom:14px;padding:4px 0;touch-action:manipulation}.btn-back,.day-header{align-items:center;display:flex}.day-header{gap:12px;justify-content:space-between;margin-bottom:18px}.day-header h2{font-size:1rem;line-height:1.3}.day-sub{color:#64748b;font-size:.82rem;margin-top:3px}@media (min-width:480px){.day-header{margin-bottom:28px}.day-header h2{font-size:1.3rem}.day-sub{font-size:.9rem}}.habit-list{display:flex;flex-direction:column;gap:8px}.habit-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 16px;touch-action:manipulation;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.habit-item.checked{background:#f0fdf4;border-color:#22c55e}.habit-item input[type=checkbox]{accent-color:#22c55e;cursor:pointer;flex-shrink:0;height:20px;width:20px}.day-actions{display:flex;justify-content:stretch;margin-top:20px}.btn-save{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 30px;touch-action:manipulation;transition:background .2s;width:100%}@media (min-width:480px){.day-actions{justify-content:flex-end}.btn-save{width:auto}}.btn-save:hover:not(:disabled){background:#4f46e5}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-save.btn-saved{background:#22c55e}.weekly-table{-webkit-overflow-scrolling:touch;margin-top:20px;overflow-x:auto}.weekly-table table{border-collapse:collapse;font-size:.85rem;min-width:360px;width:100%}.weekly-table th{background:#1e293b;color:#fff;font-size:.8rem;padding:10px 12px;text-align:left}.weekly-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.weekly-table tr:hover td{background:#f8fafc}.badge{border-radius:20px;font-size:.82rem;font-weight:700;padding:3px 10px}.badge.green{background:#dcfce7;color:#15803d}.badge.yellow{background:#fef9c3;color:#a16207}.badge.red{background:#fee2e2;color:#dc2626}.page-title{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:18px}@media (min-width:640px){.page-title{font-size:1.6rem;margin-bottom:24px}}.goal-setter{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;gap:18px;margin-bottom:18px;padding:18px 16px}@media (min-width:640px){.goal-setter{align-items:center;border-radius:16px;flex-direction:row;gap:28px;justify-content:space-between;margin-bottom:28px;padding:28px 24px}}.goal-setter__left{flex:1 1}.goal-setter__left h3{color:#1e293b;font-size:1rem;font-weight:700;margin-bottom:6px}.goal-setter__left p{color:#64748b;font-size:.85rem;margin-bottom:16px}.goal-setter__right{align-items:center;display:flex;flex-shrink:0;justify-content:center}.goal-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.goal-slider{accent-color:#6366f1;cursor:pointer;flex:1 1;height:6px;min-width:100px;touch-action:manipulation}.goal-input-box{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:4px;padding:6px 12px}.goal-input-box input{background:#0000;border:none;color:#1e293b;font-size:1.1rem;font-weight:700;outline:none;text-align:center;width:44px}.goal-input-box span{color:#64748b;font-size:1rem;font-weight:600}.goal-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}@media (min-width:640px){.goal-cards{gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}}.goal-card{align-items:center;background:#fff;border-radius:12px;border-top:4px solid #0000;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:4px;padding:16px 12px;text-align:center;transition:transform .15s}.goal-card:hover{transform:translateY(-2px)}.goal-card--green{border-color:#22c55e}.goal-card--red{border-color:#ef4444}.goal-card--orange{border-color:#f97316}.goal-card--blue{border-color:#3b82f6}.goal-card__icon,.goal-card__val{font-size:1.4rem}.goal-card__val{color:#1e293b;font-weight:800}.goal-card__lbl{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media (min-width:640px){.goal-card{border-radius:14px;padding:20px 16px}.goal-card__icon{font-size:1.5rem}.goal-card__val{font-size:1.6rem}.goal-card__lbl{font-size:.76rem}}.goal-section{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:14px;overflow-x:auto;padding:16px 14px}@media (min-width:640px){.goal-section{border-radius:16px;margin-bottom:24px;padding:24px}}.goal-section h3{color:#1e293b;font-size:.92rem;font-weight:700;margin-bottom:14px}.chart-legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:14px;margin-top:12px}.dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;vertical-align:middle;width:10px}.dot.green{background:#22c55e}.dot.red{background:#ef4444}.dot.purple{background:#6366f1}.dot.line{border-radius:2px;height:3px;vertical-align:middle;width:14px}.goal-table{border-collapse:collapse;font-size:.85rem;min-width:320px;width:100%}.goal-table th{background:#1e293b;color:#fff;font-size:.78rem;font-weight:600;padding:10px 12px;text-align:left}.goal-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px;vertical-align:middle}.goal-table tr:hover td{background:#f8fafc}.td-green{color:#15803d;font-weight:700}.td-red{color:#dc2626;font-weight:700}.hit-rate-bar{align-items:center;display:flex;gap:8px;min-width:80px}.hit-rate-fill{border-radius:4px;flex-shrink:0;height:8px;min-width:4px;transition:width .4s ease}.hit-rate-bar span{color:#1e293b;font-size:.82rem;font-weight:700;white-space:nowrap}.goal-empty{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;font-size:1rem;padding:40px 20px}.goal-empty,.loading{color:#64748b;text-align:center}.loading{font-size:1.1rem;padding:60px}.tm-page{max-width:680px}.tm-sub{color:#64748b;font-size:.88rem;margin-bottom:24px;margin-top:-12px}.tm-add-card{background:#fff;border:2px dashed #c7d2fe;border-radius:14px;box-shadow:0 2px 10px #00000012;margin-bottom:24px;padding:18px 16px}.tm-add-card h3{color:#4f46e5;font-size:.95rem;font-weight:700;margin-bottom:14px}.tm-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tm-input{-webkit-appearance:none;border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.95rem;min-width:140px;outline:none;padding:10px 14px;transition:border-color .2s}.tm-input:focus{border-color:#6366f1}.tm-btn-add{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;touch-action:manipulation;transition:background .2s;white-space:nowrap}.tm-btn-add:hover:not(:disabled){background:#4f46e5}.tm-btn-add:disabled{cursor:not-allowed;opacity:.55}.emoji-picker-wrap{flex-shrink:0;position:relative}.emoji-trigger{align-items:center;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;gap:4px;line-height:1;padding:8px 10px;touch-action:manipulation;transition:border-color .2s}.emoji-trigger:hover{border-color:#6366f1}.emoji-caret{color:#64748b;font-size:.65rem}.emoji-grid{grid-gap:4px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);left:0;min-width:200px;padding:10px;position:absolute;top:calc(100% + 6px);z-index:300}.emoji-opt{background:none;border:1.5px solid #0000;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:4px;touch-action:manipulation;transition:background .15s,border-color .15s}.emoji-opt:hover{background:#f1f5f9}.emoji-opt.selected{background:#eef2ff;border-color:#6366f1}.tm-list{display:flex;flex-direction:column;gap:0}.tm-list-header{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:0 4px 10px}.tm-hint{color:#94a3b8;font-size:.75rem;font-weight:400}.tm-item{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.tm-item:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114}.tm-item.editing{background:#eef2ff;border-color:#6366f1}.tm-order-btns{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.tm-order-btn{align-items:center;background:#f1f5f9;border:none;border-radius:4px;color:#475569;cursor:pointer;display:flex;font-size:.6rem;height:22px;justify-content:center;touch-action:manipulation;transition:background .15s;width:22px}.tm-order-btn:hover:not(:disabled){background:#e2e8f0}.tm-order-btn:disabled{cursor:not-allowed;opacity:.3}.tm-task-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.tm-task-emoji{flex-shrink:0;font-size:1.3rem}.tm-task-label{truncate:true;color:#1e293b;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-edit-row{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.tm-actions{display:flex;flex-shrink:0;gap:6px}.tm-btn-delete,.tm-btn-edit{align-items:center;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;display:flex;font-size:.95rem;height:34px;justify-content:center;touch-action:manipulation;transition:background .15s,border-color .15s;width:34px}.tm-btn-edit:hover{background:#eef2ff;border-color:#6366f1}.tm-btn-delete:hover{background:#fef2f2;border-color:#ef4444}.tm-btn-delete:disabled{cursor:not-allowed;opacity:.5}.tm-btn-save{background:#22c55e;border:none;border-radius:7px;color:#fff;font-size:1rem;font-weight:700}.tm-btn-cancel,.tm-btn-save{cursor:pointer;height:34px;touch-action:manipulation;width:34px}.tm-btn-cancel{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:7px;color:#475569;font-size:.85rem}.tm-empty{border:2px dashed #e2e8f0;border-radius:10px;color:#94a3b8;font-size:.95rem;padding:32px 20px;text-align:center}
/*# sourceMappingURL=main.73a30c55.css.map*/