:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#0b0f16;--panel:#111827;--panel2:#0f172a;--line:#94a3b82e;--text:#e5e7eb;--muted:#94a3b8;--accent:#34d399;--danger:#fb7185}*{box-sizing:border-box}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(1200px 800px at 20% 0%,#34d3991a,transparent 60%),radial-gradient(1000px 600px at 80% 20%,#60a5fa1a,transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Arial}.app{background-color:var(--bg);flex-direction:column;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:0;display:flex;overflow-x:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0b0f16a6;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex;position:sticky;top:0}@media (max-width:600px){.topbar{flex-direction:column;gap:12px}.brand{width:100%}.monthControls{align-items:flex-start;width:100%}.userProfile{border-top:1px solid #334155;border-left:none;width:100%;margin-left:0;padding-top:12px;padding-left:0}}.brand .title{letter-spacing:.2px;font-size:20px;font-weight:800}.brand .subtitle{color:var(--muted);margin-top:2px;font-size:12px}.monthControls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tab{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#11182799;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.tab:hover{border-color:#94a3b859}.tab.active{border-color:#34d399b3;box-shadow:inset 0 0 0 2px #34d3991f}.pickerRow{align-items:center;gap:8px;display:flex}.pickerLabel{color:var(--muted);font-size:12px}.monthPicker{border:1px solid var(--line);color:var(--text);background:#111827b3;border-radius:10px;padding:6px 10px}.ghostBtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.ghostBtn:hover{border-color:#94a3b859}.layout{box-sizing:border-box;flex:1;grid-template-columns:280px 1fr;gap:24px;width:100%;max-width:100%;padding:24px;display:grid}.sidebar{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.main{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;display:flex}.panel,.card{border:1px solid var(--line);box-sizing:border-box;background:linear-gradient(#111827d9,#0f172abf);border-radius:16px;max-width:100%;padding:14px;overflow:hidden}.authContainer{color:#fff;background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex}.authCard{text-align:center;background:#1e293b;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #0000004d}.authCard h1{margin-bottom:8px;font-size:24px}.authSubtitle{color:#94a3b8;margin-bottom:24px;font-size:14px}.authActionRow{margin-top:16px}.fullWidth{width:100%}.authSwitch{color:#94a3b8;margin-top:20px;font-size:13px}.linkText{color:#2dd4bf;cursor:pointer;text-decoration:underline}.linkText:hover{color:#fff}.authMessage{text-align:left;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px;line-height:1.4}.authMessage.error{color:#fca5a5;background:#ef444433;border:1px solid #ef444480}.authMessage.success{color:#5eead4;background:#2dd4bf33;border:1px solid #2dd4bf80}.authBtns{gap:12px;margin-top:16px;display:flex}.authBtns button{flex:1}.loading{justify-content:center;align-items:center;height:100vh;font-size:20px;display:flex}.userProfile{border-left:1px solid #334155;align-items:center;gap:12px;margin-left:auto;padding-left:20px;display:flex}.userEmail{color:#cbd5e1;font-size:13px}.smallBtn{padding:4px 12px;font-size:12px}.panelTitle,.cardTitle{color:#f1f5f9;letter-spacing:.2px;margin-bottom:10px;font-size:13px;font-weight:800}.cardBody{padding-top:2px}.bigPercent{margin:6px 0 12px;font-size:44px;font-weight:900;line-height:1}.gauge{background:#94a3b824;border:1px solid #94a3b82e;border-radius:999px;height:12px;overflow:hidden}.gaugeFill{background:linear-gradient(90deg,#34d399d9,#60a5faa6);border-radius:999px;height:100%}.smallRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{color:var(--text);background:#94a3b81f;border:1px solid #94a3b82e;border-radius:12px;padding:6px 10px;font-size:12px}.chip b{margin-left:4px}.donutWrap{margin-top:10px;position:relative}.donutLabel{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.donutLabelMain{font-size:22px;font-weight:900}.donutLabelSub{color:var(--muted);margin-top:-2px;font-size:12px}.formRow{gap:8px;margin-bottom:8px;display:flex}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#02061759;border-radius:12px;outline:none;padding:10px}.input:focus{border-color:#34d39980}.primaryBtn{width:100%;color:var(--text);cursor:pointer;background:#34d3992e;border:1px solid #34d39959;border-radius:12px;padding:10px;font-weight:800}.primaryBtn:hover{background:#34d39938}.dangerBtn{color:var(--text);cursor:pointer;background:#fb71851f;border:1px solid #fb718547;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:800}.dangerBtn:hover{background:#fb718529}.list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.listItem{border:1px solid var(--line);background:#02061740;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.listLeft{align-items:center;gap:10px;display:flex}.listText{flex-direction:column;gap:2px;display:flex}.listName{font-size:13px;font-weight:900}.listMeta{color:var(--muted);font-size:12px}.catDot{border-radius:999px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #0f172ae6}.muted{color:var(--muted);font-size:12px;line-height:1.5}.mutedSmall{color:var(--muted);margin-top:2px;font-size:11px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gridWrap{border:1px solid var(--line);border-radius:14px;overflow:auto}.dailyGrid,.weeklyGrid{width:max-content;min-width:100%;display:grid}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#02061724;justify-content:center;align-items:center;padding:6px;display:flex}.cell.head{color:#e2e8f0;background:#94a3b81f;font-size:12px;font-weight:900}.cell.habit{background:#02061738;justify-content:flex-start;padding:8px 10px}.cell.chk input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.stickyLeft{z-index:10;position:sticky;left:0;box-shadow:2px 0 10px #0000004d;background:var(--panel)!important}.habitRow{align-items:center;gap:10px;display:flex}.habitText{flex-direction:column;gap:2px;display:flex}.habitName{font-size:13px;font-weight:900}.habitMeta{color:var(--muted);font-size:12px}.tooltip{background:#020617eb;border:1px solid #94a3b838;border-radius:12px;min-width:120px;padding:10px}.tooltipTitle{color:var(--muted);margin-bottom:6px;font-size:12px}.tooltipValue{font-size:18px;font-weight:900}.tooltipRow{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.dot{border-radius:99px;width:8px;height:8px;display:inline-block}.tooltipKey{color:var(--text);flex:1}.tooltipVal{color:var(--text);font-weight:900}.todayProgressBarContainer{margin-bottom:16px}.todayProgressBar{background:#94a3b824;border:1px solid #94a3b82e;border-radius:999px;height:12px;margin-bottom:6px;overflow:hidden}.todayProgressFill{background:linear-gradient(90deg,#34d399,#60a5fa);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #34d39980}.todayProgressText{text-align:right;color:#34d399;font-size:12px;font-weight:800}.todayList{flex-direction:column;gap:8px;display:flex}.todayBtn{border:1px solid var(--line);cursor:pointer;text-align:left;box-sizing:border-box;background:#0206174d;border-radius:12px;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:100%;height:auto;padding:10px 14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.todayBtn:hover{border-color:var(--muted);background:#02061799}.todayBtn.done{background:linear-gradient(135deg,#34d39933,#34d3990d);border-color:#34d39980}.todayBtnCheck{border:2px solid var(--muted);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.todayBtn.done .todayBtnCheck{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #34d39966}.todayBtnText{flex-direction:column;min-width:0;display:flex}.todayBtnName{color:#f1f5f9;font-size:15px;font-weight:700;line-height:1.3}.todayBtnCat{color:var(--muted);font-size:11px}@media (max-width:900px){.topbar{padding:12px 14px}.layout{flex-direction:column;gap:16px;padding:12px;display:flex}.main{order:1;min-width:0;overflow-x:hidden}.sidebar{order:2}.grid2{grid-template-columns:1fr}.card{padding:12px}.gridWrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.todayBtn{gap:10px;padding:8px 10px}}@media (max-width:480px){.layout{padding:10px 8px}}