:root{--habit-topbar-h: 52px}#surface{position:fixed;top:var(--habit-topbar-h);right:0;bottom:0;left:0;background:var(--paper)}#base,#live{position:absolute;inset:0}#live{z-index:1}.habit-grid{pointer-events:none;z-index:2}.habit-row{position:absolute;left:0;width:100%;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--cell-w) - 1px),var(--rule) calc(var(--cell-w) - 1px),var(--rule) var(--cell-w)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--cell-h) - 1px),var(--rule) calc(var(--cell-h) - 1px),var(--rule) var(--cell-h))}.habit-streak{position:absolute;right:calc(100% + var(--space-2));width:32px;display:flex;align-items:center;justify-content:flex-end;color:var(--ink-faint);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);font-variant-numeric:tabular-nums}.habit-today{position:absolute;box-sizing:border-box;border:1px solid var(--ink-faint)}.habit-topbar{position:fixed;top:0;left:0;right:0;height:var(--habit-topbar-h);z-index:10;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);background:var(--paper);box-shadow:var(--elevation-raised)}.habit-topbar__nav{display:flex;align-items:center;gap:var(--space-1)}.habit-topbar__step{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink);border-radius:var(--radius-control)}.habit-topbar__step:hover,.habit-topbar__step:active{background:var(--paper-sunk)}.habit-topbar__period{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-3);color:var(--ink);font-size:var(--text-sm-size);border-radius:var(--radius-control);white-space:nowrap;position:relative}.habit-topbar__period:hover,.habit-topbar__period:active{background:var(--paper-sunk)}.habit-topbar__period.is-away:after{content:"";position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--field)}.habit-topbar__views{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.habit-topbar__view{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink);border-radius:var(--radius-control)}.habit-topbar__view:hover,.habit-topbar__view:active{background:var(--paper-sunk)}.habit-topbar__view[aria-pressed=true]{background:var(--paper-sunk);color:var(--selected)}.habit-topbar__export{flex:0 0 auto}#surface[data-ink=hidden] #base,#surface[data-ink=hidden] #live{display:none}.habit-filled{position:absolute;background:var(--ink-faint);opacity:.55}:root{--paper: #f6f7f5;--paper-sunk: #d5d7d2;--ink: #1b2a3a;--ink-faint: #535f6a;--rule: #c9d2d3;--field: #2e4a3c;--ink-sumi: #1c1c1a;--ink-ai: #24457a;--ink-asagi: #2e8b96;--ink-moegi: #5b8c3a;--ink-yamabuki: #b8891c;--ink-shu: #c1443a;--ink-enji: #8e3b5c;--ink-fuji: #6b5ca5;--destructive: #a33931;--selected: var(--field);--focus-ring: var(--field);--focus-ring-width: 2px;--focus-ring-offset: 2px;--font-ui: "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic Medium", system-ui, -apple-system, sans-serif;--text-xs-size: 11px;--text-xs-leading: 1.5;--text-xs-tracking: .02em;--text-sm-size: 13px;--text-sm-leading: 1.6;--text-sm-tracking: .02em;--text-md-size: 15px;--text-md-leading: 1.7;--text-md-tracking: .01em;--text-lg-size: 19px;--text-lg-leading: 1.5;--text-lg-tracking: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--radius-surface: 0;--radius-control: 2px;--radius-sheet: 8px;--tap-min: 44px;--elevation-raised: 0 1px 2px rgb(16 24 20 / .16), 0 1px 1px rgb(16 24 20 / .08);--elevation-overlay: 0 8px 24px -8px rgb(16 24 20 / .22);--dur-instant: 90ms;--dur-state: .16s;--dur-surface: .24s;--ease: cubic-bezier(.2, 0, 0, 1);--writing-release-delay: .12s}[data-theme=dark]{--elevation-raised: 0 1px 2px rgb(0 0 0 / .44), 0 1px 1px rgb(0 0 0 / .28);--elevation-overlay: 0 8px 24px -8px rgb(0 0 0 / .56);color-scheme:dark;--paper: #161a19;--paper-sunk: #2b3331;--ink: #dce3e6;--ink-faint: #97a3ab;--rule: #39413f;--field: #7fb08f;--destructive: #d78179}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:var(--text-sm-tracking);-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button,[role=button],a[href],input,select{min-width:var(--tap-min);min-height:var(--tap-min)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}[data-writing=true] *,[data-writing=true] *:before,[data-writing=true] *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.tdk-surface{position:relative;width:100%;height:100%;background:var(--paper);border-radius:var(--radius-surface);overflow:hidden}.tdk-surface[data-ruled=true]{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--space-8) - 1px),var(--rule) calc(var(--space-8) - 1px),var(--rule) var(--space-8))}.tdk-surface__hint{position:absolute;left:var(--space-4);top:var(--space-4);color:var(--ink-faint);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:var(--text-sm-tracking);pointer-events:none}.tdk-toolbar{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--paper-sunk);border-radius:var(--radius-sheet);z-index:10}.tdk-toolbar__group{display:flex;align-items:center;gap:var(--space-1)}.tdk-toolbar__divider{width:1px;align-self:stretch;margin:var(--space-1);background:var(--rule)}.tdk-toolbar__button{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);border-radius:var(--radius-control)}.tdk-toolbar__button:hover:not(:disabled),.tdk-toolbar__button:active:not(:disabled){background:var(--paper)}.tdk-toolbar__button.is-active{background:var(--paper);color:var(--selected)}.tdk-toolbar__button:disabled{opacity:.4}.tdk-palette-rail{position:fixed;top:0;left:0;bottom:0;display:flex;align-items:center;z-index:15}.tdk-palette-rail__toggle{writing-mode:vertical-rl;text-orientation:mixed;background:var(--paper-sunk);color:var(--ink);padding:var(--space-3) var(--space-2);border-radius:var(--radius-control)}.tdk-palette-rail__panel{display:none;flex-direction:column;height:100%;max-height:100vh;overflow-y:auto;width:168px;padding:var(--space-4) var(--space-2);gap:var(--space-3);background:var(--paper);border-right:1px solid var(--rule)}.tdk-palette-rail[data-open=true] .tdk-palette-rail__panel{display:flex}.tdk-palette-rail__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.tdk-palette-rail__item{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-1);border-radius:var(--radius-control);background:transparent}.tdk-palette-rail__item:hover,.tdk-palette-rail__item:active{background:var(--paper-sunk)}.tdk-palette-rail__add{align-self:flex-start;margin-top:auto;color:var(--ink-faint)}.tdk-ink-chip{display:inline-block;line-height:0}.tdk-ink-chip__svg{display:block}.tdk-sheet-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--ink) 40%,transparent);opacity:0;pointer-events:none;transition:opacity var(--dur-surface) var(--ease);z-index:20}.tdk-sheet-overlay[data-open=true]{opacity:1;pointer-events:auto}.tdk-sheet{display:flex;flex-direction:column;width:100%;max-width:480px;max-height:80vh;background:var(--paper);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);transform:translateY(100%);transition:transform var(--dur-surface) var(--ease)}.tdk-sheet-overlay[data-open=true] .tdk-sheet{transform:translateY(0)}.tdk-sheet__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--rule)}.tdk-sheet__title{font-size:var(--text-lg-size);line-height:var(--text-lg-leading);letter-spacing:var(--text-lg-tracking);font-weight:600}.tdk-sheet__close{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);border-radius:var(--radius-control)}.tdk-sheet__close:hover,.tdk-sheet__close:active{background:var(--paper-sunk)}.tdk-sheet__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-4);font-size:var(--text-md-size);line-height:var(--text-md-leading);letter-spacing:var(--text-md-tracking)}.tdk-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-control);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:var(--text-sm-tracking);cursor:pointer}.tdk-button:disabled{cursor:default;opacity:.5}.tdk-button--primary{background:var(--field);color:var(--paper)}.tdk-button--quiet{background:transparent;color:var(--ink)}.tdk-button--quiet:hover:not(:disabled),.tdk-button--quiet:active:not(:disabled){background:var(--paper-sunk)}.tdk-button--destructive{background:transparent;color:var(--destructive)}.tdk-button--destructive:hover:not(:disabled),.tdk-button--destructive:active:not(:disabled){background:var(--paper-sunk)}.tdk-button__icon{width:18px;height:18px}.tdk-notice{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%,var(--space-2));max-width:calc(100% - var(--space-8));padding:var(--space-2) var(--space-4);background:var(--paper-sunk);color:var(--ink);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:var(--text-sm-tracking);border-radius:var(--radius-control);opacity:0;pointer-events:none;transition:opacity var(--dur-state) var(--ease),transform var(--dur-state) var(--ease);z-index:30}.tdk-notice[data-visible=true]{opacity:1;transform:translate(-50%)}