:root{--sp-2xs:.125rem;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:.75rem;--sp-lg:1rem;--sp-xl:1.5rem;--sp-2xl:2rem;--fs-2xs:clamp(.625rem, .55rem + .2vw, .6875rem);--fs-xs:clamp(.6875rem, .6rem + .2vw, .75rem);--fs-sm:clamp(.75rem, .7rem + .15vw, .8125rem);--fs-base:1rem;--fs-lg:clamp(1rem, .95rem + .15vw, 1.125rem);--radius-sm:.1875rem;--radius:.25rem;--radius-lg:.375rem;--tap:clamp(2.5rem, 2.5rem, 2.75rem);--app-max:clamp(20rem, 100vw, 30rem);--app-pad:clamp(.625rem, 2vw, 1.25rem);--ease:cubic-bezier(.25, .1, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--fg);min-height:100dvh;font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{font-family:inherit}.app{max-width:var(--app-max);padding:0 var(--app-pad);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:50;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) 0;background:var(--bg);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar-brand{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--accent);white-space:nowrap;font-weight:700}.topbar-cursor{background:var(--accent);vertical-align:middle;width:.5rem;height:.875rem;margin-left:var(--sp-2xs);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.topbar-spacer{flex:1}.topbar-theme{background:var(--bg2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-2xs);appearance:none;line-height:1.4}.topbar-reset{color:var(--fg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-2xs);line-height:1.4}.topbar-reset:hover{color:var(--red);border-color:var(--red)}.tabnav{border-bottom:1px solid var(--border);display:flex}.tabnav-tab{color:var(--fg2);padding:var(--sp-sm) 0;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;transition:color .15s var(--ease), border-color .15s var(--ease);border-bottom:2px solid #0000;flex:1}.tabnav-tab:hover{color:var(--fg)}.tabnav-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.statsbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-sm) var(--sp-md);margin:var(--sp-sm) 0}.statsbar-prompt{font-size:var(--fs-2xs);color:var(--fg2);margin-bottom:var(--sp-xs)}.statsbar-prompt:before{content:"// ";color:var(--fg3)}.statsbar-row{gap:var(--sp-sm) var(--sp-lg);font-size:var(--fs-2xs);flex-wrap:wrap;display:flex}.statsbar-stat{color:var(--fg2)}.statsbar-stat strong{color:var(--fg);font-weight:600}.statsbar-bar{margin-top:var(--sp-sm)}.progressbar{font-size:var(--fs-2xs);gap:0;line-height:1;display:flex}.progressbar-on{color:var(--accent)}.progressbar-off{color:var(--fg3);opacity:.35}.progressbar-label{margin-left:var(--sp-sm);font-size:var(--fs-2xs);color:var(--fg2);white-space:nowrap}.habitlist{gap:var(--sp-sm);padding:var(--sp-xs) 0;flex-direction:column;list-style:none;display:flex}.habitlist-empty{text-align:center;padding:var(--sp-xl) 0;color:var(--fg2);font-size:var(--fs-xs)}.habitlist-empty:before{content:"// ";color:var(--fg3)}.habit{align-items:center;gap:var(--sp-xs);min-height:var(--tap);padding:var(--sp-xs) var(--sp-sm);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .1s var(--ease);-webkit-tap-highlight-color:transparent;display:flex}.habit:active{transform:scale(.985)}.habit-check{border:1.5px solid var(--fg2);border-radius:var(--radius-sm);width:clamp(1.25rem,1rem + 1vw,1.5rem);height:clamp(1.25rem,1rem + 1vw,1.5rem);color:var(--bg);font-size:var(--fs-xs);transition:background .1s var(--ease), border-color .1s var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.habit-check-mark{opacity:0;font-weight:700}.habit-done .habit-check{border-color:var(--accent);background:var(--accent)}.habit-done .habit-check-mark{opacity:1}.habit-icon{font-size:var(--fs-sm);text-align:center;flex-shrink:0;width:clamp(1.25rem,1rem + 1vw,1.5rem);line-height:1}.habit-body{flex:1;min-width:0}.habit-name{font-size:var(--fs-xs);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.habit-done .habit-name{color:var(--fg2);text-decoration:line-through}.habit-schedule{font-size:var(--fs-2xs);color:var(--fg3);opacity:.7;margin-top:var(--sp-2xs)}.habit-streak{font-size:var(--fs-2xs);color:var(--warn);white-space:nowrap}.habit-xp{font-size:var(--fs-2xs);color:var(--accent);opacity:.7;white-space:nowrap}.habit-counter{align-items:center;gap:var(--sp-xs);display:flex}.habit-counter-val{font-size:var(--fs-2xs);color:var(--fg);text-align:center;min-width:2rem}.heatmap{gap:var(--sp-xs);padding:var(--sp-sm) 0;flex-direction:column;display:flex}.heatmap-label{font-size:var(--fs-2xs);color:var(--fg2)}.heatmap-label:before{content:"// ";color:var(--fg3)}.heatmap-grid{gap:var(--sp-2xs);flex-wrap:wrap;display:flex}.heatmap-cell{background:var(--bg3);border-radius:1px;width:clamp(.5rem,.4rem + .5vw,.75rem);height:clamp(.5rem,.4rem + .5vw,.75rem)}.heatmap-cell-l1{background:var(--accent);opacity:.25}.heatmap-cell-l2{background:var(--accent);opacity:.5}.heatmap-cell-l3{background:var(--accent);opacity:.75}.heatmap-cell-l4{background:var(--accent)}.addform{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-md);gap:var(--sp-sm);margin-top:var(--sp-sm);flex-direction:column;display:flex}.addform-title{font-size:var(--fs-2xs);color:var(--fg2);text-transform:uppercase;letter-spacing:.04em}.addform-title:before{content:"$ ";color:var(--accent)}.addform-row{gap:var(--sp-xs);align-items:stretch;display:flex}.addform-field{margin-bottom:var(--sp-md)}.addform-label{font-size:var(--fs-2xs);color:var(--fg2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-xs);display:block}.addform-label:before{content:"// ";color:var(--fg3)}.addform-fieldset{margin:var(--sp-sm) 0 var(--sp-md);border:none;padding:0}.addform-input{background:var(--bg2);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-sm);font-size:var(--fs-xs)}.addform-input:focus{border-color:var(--accent)}.addform-input::placeholder{color:var(--fg3);opacity:.6}.addform-select{background:var(--bg2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-2xs);appearance:none;min-width:0}.addform-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius);padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-2xs);white-space:nowrap;min-height:var(--tap);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.addform-btn:hover{opacity:.85}.addform-btn-secondary{color:var(--fg2);border:1px solid var(--border);background:0 0}.addform-btn-secondary:hover{color:var(--fg);border-color:var(--fg2)}.addform-btn-danger{color:var(--red);border:1px solid var(--red);background:0 0;width:100%}.addform-btn-danger:hover{background:var(--red);color:var(--bg)}.addform-grid{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.addform-icon-btn{border-radius:var(--radius);padding:var(--sp-xs);font-size:var(--fs-lg);min-width:var(--tap);min-height:var(--tap);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.addform-icon-btn-active{background:var(--bg3);border-color:var(--accent)}.addform-actions{gap:var(--sp-sm);margin-top:var(--sp-md);flex-direction:column;display:flex}.edit-dialog-actions{gap:var(--sp-md);margin-top:var(--sp-xl);flex-direction:column;display:flex}.edit-dialog-row{gap:var(--sp-md);display:flex}.modal-overlay{z-index:70;padding:var(--sp-md);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-xl);width:100%;max-width:22rem;max-height:85dvh;overflow-y:auto}.modal-title{font-size:var(--fs-xs);color:var(--fg);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-md);font-weight:600}.modal-title:before{content:"> ";color:var(--accent)}.modal-actions{gap:var(--sp-xs);margin-top:var(--sp-md);flex-direction:column;display:flex}.modal-confirm{background:var(--red);color:var(--bg);border-radius:var(--radius);padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-2xs);min-height:var(--tap);font-weight:600}.modal-confirm:hover{opacity:.85}.toast{bottom:var(--sp-lg);background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-sm) var(--sp-lg);font-size:var(--fs-2xs);white-space:nowrap;z-index:90;box-shadow:0 var(--sp-xs) 1rem #0000004d;animation:toast-in .2s var(--ease);position:fixed;left:50%;transform:translate(-50%)}.toast-success{border-color:var(--accent);color:var(--accent)}.toast-error{border-color:var(--red);color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(.5rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sectionlabel{align-items:center;gap:var(--sp-sm);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg2);margin:var(--sp-md) 0 var(--sp-xs);display:flex}.sectionlabel-text{white-space:nowrap}.sectionlabel-line{background:var(--border);flex:1;height:1px}.comment{font-size:var(--fs-2xs);color:var(--fg3);opacity:.7;font-style:italic}.comment:before{content:"// ";color:var(--fg3)}.statspage{padding:var(--sp-sm) 0 3rem}.statspage-section{margin-bottom:var(--sp-lg)}.statspage-section-title{font-size:var(--fs-2xs);color:var(--fg2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-sm);font-weight:600}.statspage-section-title:before{content:"# ";color:var(--accent)}.statspage-grid{gap:var(--sp-sm);grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));display:grid}.statspage-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-sm);text-align:center}.statspage-card-value{font-size:var(--fs-lg);color:var(--accent);font-weight:700}.statspage-card-label{font-size:var(--fs-2xs);color:var(--fg2);margin-top:var(--sp-2xs)}.statspage-chart{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-md)}.profilepage{padding:var(--sp-sm) 0 3rem}.profilepage-section{margin-bottom:var(--sp-lg)}.profilepage-section-title{font-size:var(--fs-2xs);color:var(--fg2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-sm);font-weight:600}.profilepage-section-title:before{content:"# ";color:var(--accent)}.profilepage-themes{gap:var(--sp-xs);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));display:grid}.profilepage-theme{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-sm);align-items:center;gap:var(--sp-xs);font-size:var(--fs-2xs);color:var(--fg2);display:flex}.profilepage-theme:hover{border-color:var(--fg2)}.profilepage-theme-active{border-color:var(--accent);color:var(--fg)}.daychart{gap:var(--sp-xs);flex-direction:column;display:flex}.daychart-row{align-items:center;gap:var(--sp-xs);display:flex}.daychart-label{font-size:var(--fs-2xs);color:var(--fg2);text-align:right;flex-shrink:0;width:2rem}.daychart-bar-wrap{height:var(--sp-sm);background:var(--bg3);border-radius:1px;flex:1;overflow:hidden}.daychart-bar{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:1px}.daychart-val{font-size:var(--fs-2xs);color:var(--fg3);flex-shrink:0;width:2rem}.achievement{align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex}.achievement-star{color:var(--warn);font-size:var(--fs-sm);flex-shrink:0;line-height:1}.achievement-name{font-size:var(--fs-2xs);color:var(--fg)}.achievement-locked{opacity:.35}.achievement-locked .achievement-name{color:var(--fg3)}.colordot{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:clamp(1rem,.875rem + .5vw,1.375rem);height:clamp(1rem,.875rem + .5vw,1.375rem);padding:0;display:inline-block}.colordot-active{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}.badge{font-size:var(--fs-2xs);padding:var(--sp-2xs) var(--sp-xs);border-radius:var(--radius);background:var(--bg3);color:var(--fg2);white-space:nowrap;font-weight:600;line-height:1;display:inline-block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fg3);border-radius:2px}.sectionlabel-btn{text-align:left;background:0 0;width:100%;padding:0}.ai-notice{gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--sp-sm);display:flex}.ai-notice-icon{font-size:var(--fs-lg);flex-shrink:0;line-height:1.5}.ai-notice-title{font-size:var(--fs-2xs);color:var(--accent);margin-bottom:var(--sp-2xs);font-weight:600}.ai-notice-text{font-size:var(--fs-2xs);color:var(--fg3);line-height:1.4}.reflect{margin-top:var(--sp-sm)}.reflect-btn{background:var(--bg3);width:100%;color:var(--fg);border:1px dashed var(--border)}.reflect-btn:hover{border-color:var(--accent);color:var(--accent)}.reflect-loading{align-items:center;gap:var(--sp-xs);padding:var(--sp-md);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex}.reflect-loading-text{font-size:var(--fs-2xs);color:var(--fg3)}.reflect-loading-cursor{background:var(--accent);width:.5rem;height:.875rem;animation:1s step-end infinite blink;display:inline-block}.reflect-error{padding:var(--sp-sm) var(--sp-md);background:var(--panel);border:1px solid var(--red);border-radius:var(--radius)}.reflect-error-text{font-size:var(--fs-2xs);color:var(--red);margin-bottom:var(--sp-sm)}.reflect-result{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.reflect-result-header{padding:var(--sp-xs) var(--sp-sm);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.reflect-result-label{font-size:var(--fs-2xs);color:var(--fg2);text-transform:uppercase;letter-spacing:.04em}.reflect-result-close{padding:var(--sp-2xs) var(--sp-xs)!important;font-size:var(--fs-2xs)!important;min-height:auto!important}.reflect-output{padding:var(--sp-md);font-family:inherit;font-size:var(--fs-2xs);color:var(--fg);white-space:pre-wrap;word-wrap:break-word;max-height:50vh;line-height:1.7;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}