@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";html,body,#root{min-height:100vh;text-align:left!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}#root>div{width:100%;max-width:820px!important;margin:0 auto!important;padding:40px 28px 90px!important}@media (width>=1024px){#root>div{max-width:1040px!important;padding:48px 40px 100px!important}}@media (width>=1440px){#root>div{max-width:1180px!important}}html,body{width:100%;min-height:100vh;display:block!important}#root{width:100%;display:block}:root{--accent:#a78bfa;--accent-bright:#c4b5fd;--accent-2:#f472b6;--accent-soft:#a78bfa24;--shadow-glow:0 0 0 1px #a78bfa2e, 0 8px 24px #a78bfa1a}button,.tab.active{background:linear-gradient(135deg,#f472b6,#a78bfa)}.cell.done,.today-status.done{background:radial-gradient(circle at 35% 30%,#c4b5fd,#a78bfa 70%)}body{background:radial-gradient(ellipse 1000px 560px at 50% -8%, #a78bfa17, transparent 60%), radial-gradient(ellipse 700px 400px at 90% 15%, #f472b60f, transparent 60%), var(--bg)}:root{--bg:#0f1012;--surface:#18191c;--surface-2:#212226;--border:#2f3237;--border-soft:#26282c;--text:#f3efe6;--text-muted:#93959b;--accent:#d4af6a;--accent-bright:#ecc888;--accent-2:#5fc4a8;--accent-soft:#2e2717;--danger:#e0796a;--success:#6bc98f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000073;--shadow-glow:0 0 0 1px #d4af6a26, 0 8px 24px #d4af6a14}*{box-sizing:border-box}body{background:radial-gradient(ellipse 1000px 560px at 50% -8%, #d4af6a12, transparent 60%), radial-gradient(ellipse 700px 400px at 90% 15%, #5fc4a80a, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;width:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}#root>div{min-width:0;max-width:820px;margin:0 auto;padding:40px 28px 90px}@media (width>=1024px){#root>div{max-width:1040px;padding:48px 40px 100px}}@media (width>=1440px){#root>div{max-width:1180px}}h1{letter-spacing:-.015em;margin:0;font-family:Fraunces,serif;font-size:2.1rem;font-weight:600}h2{color:var(--text);border-bottom:1px solid var(--border-soft);letter-spacing:-.01em;align-items:baseline;gap:10px;margin:40px 0 16px;padding-bottom:12px;font-family:Fraunces,serif;font-size:1.2rem;font-weight:600;display:flex}h2:before{content:"";background:linear-gradient(135deg, var(--accent-bright), var(--accent));border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #d4af6a80}p{color:var(--text-muted);font-size:.9rem;line-height:1.55}.greeting{color:var(--text);letter-spacing:-.01em;margin:6px 0 22px;font-family:Fraunces,serif;font-size:1.55rem;font-weight:500}.stat-line{letter-spacing:.02em;color:var(--accent);margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.stat-line strong{color:var(--accent-bright);font-weight:500}.hint{color:var(--text-muted);margin-top:12px;font-size:.78rem}.empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.empty-chart{color:var(--text-muted);text-align:center;margin:0;padding:48px 0;font-size:.85rem}.page-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tab-bar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);gap:4px;margin:24px 0 6px;padding:4px;display:flex}.tab{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 12px;font-size:.82rem;font-weight:500;transition:all .18s}.tab.active{color:#17130b;background:linear-gradient(135deg, var(--accent-bright), var(--accent));box-shadow:var(--shadow-sm);transform:none}.tab:hover:not(.active){color:var(--text);background:var(--surface-2)}button{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#17130b;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;box-shadow:var(--shadow-sm);border:none;padding:11px 18px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s}button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.ghost.small{background:var(--surface-2);border:1px solid var(--border);color:var(--accent);box-shadow:none;padding:8px 14px;font-size:.8rem}.ghost.small:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.click-catcher{z-index:35;position:fixed;inset:0}.profile-menu{z-index:36;cursor:pointer;align-items:center;gap:9px;display:flex;position:relative}.avatar{background:linear-gradient(135deg, var(--accent-soft), var(--surface-2));width:36px;height:36px;color:var(--accent);border:1px solid var(--accent);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-name{color:var(--accent);font-size:.85rem;font-weight:600}.profile-dropdown{z-index:40;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);min-width:190px;box-shadow:var(--shadow-lg);flex-direction:column;gap:6px;padding:16px;display:flex;position:fixed;top:70px;right:24px}.profile-name-full{margin:0;font-family:Fraunces,serif;font-size:.88rem;font-weight:600}.profile-email{color:var(--text-muted);margin:0 0 8px;font-size:.75rem}.glance-row{gap:14px;margin-bottom:32px;display:flex}.glance-card{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:6px;padding:22px 18px;transition:box-shadow .2s,transform .2s;display:flex}.glance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glance-value{color:var(--accent-bright);letter-spacing:-.02em;font-family:Fraunces,serif;font-size:2.1rem;font-weight:600}.glance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:500}.today-list{flex-direction:column;gap:8px;margin:14px 0 24px;display:flex}.today-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;padding:14px 18px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.today-row:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(2px)}.today-status{border:1.5px solid var(--border);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.today-status.done{background:linear-gradient(135deg, var(--accent-bright), var(--accent));border-color:var(--accent);color:#17130b;box-shadow:0 0 0 3px var(--accent-soft);font-weight:700}.today-name{flex:1;font-size:.92rem;font-weight:500}.today-value{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.8rem}.patterns-card{background:linear-gradient(135deg, var(--surface), var(--surface-2));border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow);align-items:center;gap:12px;margin:18px 0;padding:16px 18px;transition:box-shadow .2s,transform .15s;display:flex}.patterns-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.patterns-icon{font-size:1.2rem}.patterns-text{color:var(--text);flex:1;font-size:.86rem;font-weight:500}.patterns-arrow{color:var(--accent);font-size:1.1rem}.insight-card{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);flex-direction:column;gap:12px;margin:18px 0;padding:22px;display:flex}.insight-text{color:var(--text);margin:0;font-size:.92rem;line-height:1.6}.grid-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin:16px 0 6px;overflow-x:auto}.habit-table{border-collapse:collapse;width:100%;font-size:.8rem}.habit-table th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;text-align:center;border-bottom:1px solid var(--border);padding:16px 6px 12px;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500}.th-day{color:var(--text-muted);margin-bottom:3px;font-size:.6rem;font-weight:400}.habit-table td{text-align:center;border-bottom:1px solid var(--border-soft);padding:10px 6px}.habit-table tr:last-child td{border-bottom:none}.habit-name-col{background:var(--surface);white-space:nowrap;min-width:140px;font-family:Fraunces,serif;font-size:.94rem;font-weight:600;position:sticky;left:0;text-align:left!important;padding-left:20px!important}.actions-col{white-space:nowrap;padding-right:16px!important}.streak-badge{color:var(--accent);margin-left:8px;font-size:.72rem;font-weight:500}.today-col{background:#d4af6a12}.today-col.habit-name-col{background:var(--surface)}.cell{background:var(--bg);border:1px solid var(--border);color:#0000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:IBM Plex Mono,monospace;font-size:.68rem;line-height:1;transition:all .15s;display:flex}.cell:hover:not(:disabled){border-color:var(--accent);transform:scale(1.08)}.cell:disabled{opacity:.3;cursor:not-allowed}.cell.done{background:radial-gradient(circle at 35% 30%, var(--accent-bright), var(--accent) 70%);border-color:var(--accent);color:#17130b;box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm);font-weight:700}.icon-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;box-shadow:none;background:0 0;margin-left:4px;font-size:.75rem}.icon-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:none;transform:none}.icon-btn:disabled{opacity:.3}.grid-nav,.chart-nav{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;margin:16px 0;font-size:.8rem;display:flex}.grid-nav .icon-btn,.chart-nav .icon-btn{white-space:nowrap;width:auto;height:auto;padding:7px 14px}.grid-wrapper{min-width:0;max-width:100%}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:22px 20px 14px}.chart-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 12px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.range-toggle{background:var(--surface-2);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.range-toggle .yn{padding:6px 12px}.chart-grid{flex-direction:column;gap:18px;display:flex}@media (width>=900px){.chart-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart-grid>div:nth-child(3){grid-column:span 2}}form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:13px;padding:20px;display:flex}select,input,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:11px 13px;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .15s}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;font-family:inherit}.field-label{color:var(--text-muted);margin-bottom:-6px;font-size:.78rem}.input-hint{color:var(--text-muted);margin-top:-6px;font-size:.72rem}.input-error{color:var(--danger);margin-top:-6px;font-size:.72rem}.yn-group{color:var(--text-muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.yn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);box-shadow:none;padding:7px 16px;font-weight:500}.yn.active{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#17130b;border-color:var(--accent);box-shadow:var(--shadow-sm)}.checkbox-row{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.checkbox-row input{width:auto}.value-row{gap:8px;display:flex}.slider-row{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.85rem;font-weight:500;display:flex}input[type=range]{appearance:none;border-radius:4px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-6px;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px}.goal-list,.reflection-list{flex-direction:column;gap:9px;margin:16px 0 22px;padding:0;list-style:none;display:flex}.goal-list li,.reflection-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 18px;font-size:.88rem;display:flex}.reflection-list li{flex-direction:column;align-items:flex-start;gap:5px}.goal-date{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.78rem}.goal-actions{gap:6px;display:flex}.goal-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);box-shadow:none;padding:5px 11px;font-size:.78rem}.completed{opacity:.45;text-decoration:line-through}.abandoned{opacity:.6}.abandoned span:first-child{color:var(--danger);text-decoration:line-through}.completed span:first-child{color:var(--success);text-decoration:line-through}.complete-btn{background:var(--success)!important;color:#0e1f14!important}.abandon-btn{background:var(--danger)!important;color:#2a1310!important}.reflection-content{color:var(--text-muted);margin:3px 0 0;font-size:.85rem}.popover-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#08080aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popover{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;max-width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:13px;padding:24px;display:flex}.popover-title{color:var(--text);margin:0;font-family:Fraunces,serif;font-size:.98rem;font-weight:600}.popover-actions{gap:8px;display:flex}.popover-actions button{flex:1;padding:10px;font-size:.82rem}.popover-actions .danger{color:#2a1512;background:linear-gradient(135deg,#e0796a,#c9695a)}.popover-actions .ghost{border:1px solid var(--border);color:var(--text);box-shadow:none;background:0 0}.habit-form{flex-direction:column;gap:10px;display:flex}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:360px;max-width:100%;box-shadow:var(--shadow-lg);padding:44px 38px}.auth-title{letter-spacing:-.02em;margin:0;font-family:Fraunces,serif;font-size:1.9rem}.auth-subtitle{color:var(--text-muted);margin:8px 0 26px;font-size:.85rem}.auth-form{text-align:left;flex-direction:column;gap:13px;display:flex}.auth-row{gap:8px;display:flex}.auth-row input{flex:1;min-width:0}.auth-error{color:var(--danger);margin:-4px 0;font-size:.8rem}.auth-success{color:var(--success);margin:-4px 0;font-size:.8rem}.auth-switch{color:var(--text-muted);margin-top:20px;font-size:.82rem}.link-btn{color:var(--accent);font-size:inherit;box-shadow:none;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn.small{font-size:.75rem}.privacy-note{text-align:left;margin-top:18px}.privacy-text{color:var(--text-muted);margin-top:8px;font-size:.75rem;line-height:1.5}@media (width<=640px){#root>div{padding:24px 16px 70px}h1{font-size:1.5rem}.greeting{font-size:1.25rem}.glance-value{font-size:1.6rem}.page-header{flex-wrap:wrap;gap:10px}.tab{padding:9px 6px;font-size:.72rem}.habit-table th,.habit-table td{padding:6px 3px;font-size:.7rem}.habit-name-col{min-width:90px;font-size:.8rem;padding-left:12px!important}.cell{width:26px;height:26px}.th-day{font-size:.55rem}.grid-nav,.chart-nav{gap:8px;font-size:.72rem}.chart-card{padding:16px 12px 10px}.popover{width:100%}.auth-card{padding:32px 24px}.yn-group{flex-wrap:wrap}.value-row{flex-direction:column}.auth-row{flex-direction:column;gap:10px}input,select,textarea,button{font-size:16px}}@media (width<=480px){.auth-wrapper{align-items:flex-start;padding-top:50px}}.cell{margin:0 auto}.habit-table td{text-align:center;vertical-align:middle}.onboarding-card{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-lg);margin:14px 0;padding:22px}.onboarding-title{color:var(--text);margin:0 0 6px;font-family:Fraunces,serif;font-weight:600}.onboarding-text{margin:0 0 14px;font-size:.85rem}.onboarding-suggestions{flex-wrap:wrap;gap:8px;display:flex}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}