@charset "UTF-8";:root{--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-caption: .75rem;--fs-small: .8125rem;--fs-body-sm: .875rem;--fs-body: 1rem;--fs-lead: 1.125rem;--fs-h2: 1.25rem;--fs-h1: 1.75rem;--fs-hero: 3rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--content-max: 1120px;color-scheme:light;--paper: #f3f0e8;--surface: #fdfcf9;--surface-2: #f7f5ef;--surface-3: #ece8dd;--line: #e6e1d5;--line-strong: #cfc9ba;--ink: #1b1915;--ink-2: #4f4b44;--ink-3: #6e695f;--on-ink: #fdfcf9;--danger: #d03b3b;--danger-text: #b3261e;--danger-wash: rgba(179, 38, 30, .07);--success-text: #006300;--warning-wash: rgba(250, 178, 25, .18);--c-productive: #1baf7a;--c-necessary: #2a78d6;--c-unproductive: #eb6834;--c-personal: #7e399a;--dial-lift: 40%;--shadow-sheet: 0 -10px 40px rgba(27, 25, 21, .16);--shadow-pop: 0 10px 30px rgba(27, 25, 21, .14);--backdrop: rgba(27, 25, 21, .45);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236e695f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0e100f;--surface: #1a1d1b;--surface-2: #222624;--surface-3: #2c312e;--line: #2d322f;--line-strong: #434945;--ink: #f2f0e9;--ink-2: #c4c1b6;--ink-3: #9a978e;--on-ink: #141615;--danger: #d03b3b;--danger-text: #f2938d;--danger-wash: rgba(242, 147, 141, .12);--success-text: #4cc46a;--warning-wash: rgba(250, 178, 25, .14);--c-productive: #199e70;--c-necessary: #3987e5;--c-unproductive: #d95926;--c-personal: #914cad;--dial-lift: 0%;--shadow-sheet: 0 -10px 48px rgba(0, 0, 0, .55);--shadow-pop: 0 10px 32px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .6);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a978e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}:root[data-theme=dark]{color-scheme:dark;--paper: #0e100f;--surface: #1a1d1b;--surface-2: #222624;--surface-3: #2c312e;--line: #2d322f;--line-strong: #434945;--ink: #f2f0e9;--ink-2: #c4c1b6;--ink-3: #9a978e;--on-ink: #141615;--danger: #d03b3b;--danger-text: #f2938d;--danger-wash: rgba(242, 147, 141, .12);--success-text: #4cc46a;--warning-wash: rgba(250, 178, 25, .14);--c-productive: #199e70;--c-necessary: #3987e5;--c-unproductive: #d95926;--c-personal: #914cad;--dial-lift: 0%;--shadow-sheet: 0 -10px 48px rgba(0, 0, 0, .55);--shadow-pop: 0 10px 32px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .6);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a978e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media(min-width:960px){:root{--fs-h1: 2rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.45;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.015em;line-height:1.2}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-lead)}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}hr{border:0;border-top:1px solid var(--line);margin:0}::selection{background:color-mix(in srgb,var(--ink) 18%,transparent)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}router-outlet+*{animation:screen-in .18s ease-out}@keyframes screen-in{0%{opacity:0}}body:before{content:"";position:fixed;inset:0 0 auto;height:var(--safe-t);background:var(--paper);z-index:60;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:.9375rem;font-weight:600;line-height:1;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s,border-color .12s,opacity .12s}.btn:hover{background:var(--surface-2)}.btn:active{background:var(--surface-3)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover{background:color-mix(in srgb,var(--ink) 88%,var(--paper))}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-3)}.btn.danger{color:var(--danger-text);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn.danger:hover{background:var(--danger-wash)}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.sm{min-height:36px;padding:0 12px;font-size:var(--fs-body-sm);border-radius:var(--r-sm)}.btn.block{display:flex;width:100%}.btn.xl{min-height:64px;border-radius:20px;font-size:1.0625rem;gap:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--ink-2);-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.icon-btn.sm{width:36px;height:36px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field>.label{font-size:var(--fs-small);font-weight:600;color:var(--ink-2);letter-spacing:.005em}.field .hint{font-size:var(--fs-small);color:var(--ink-3)}.field .error{display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-small);color:var(--danger-text)}.input,.select,.textarea{width:100%;min-height:48px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:1rem;transition:border-color .12s,box-shadow .12s}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--ink-3);opacity:.85}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--ink) 45%,var(--line-strong))}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 16%,transparent)}.input[aria-invalid=true],.input.ng-invalid.ng-touched,.select[aria-invalid=true],.select.ng-invalid.ng-touched,.textarea[aria-invalid=true],.textarea.ng-invalid.ng-touched{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55;background:var(--surface-2)}.textarea{padding:12px 14px;min-height:96px;line-height:1.45;resize:vertical}.select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:var(--chev);background-repeat:no-repeat;background-position:right 14px center;background-size:16px;text-overflow:ellipsis}input[type=date].input,input[type=time].input,input[type=datetime-local].input{appearance:none;-webkit-appearance:none;min-width:0;text-align:left;display:block}input[type=color]{width:44px;height:44px;padding:2px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface)}.seg{display:flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-3)}.seg>button{flex:1 1 0;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:var(--fs-body-sm);font-weight:600;white-space:nowrap;-webkit-tap-highlight-color:transparent}.seg>button:hover{color:var(--ink)}.seg>button[aria-pressed=true],.seg>button[aria-checked=true],.seg>button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1b19151f,0 0 0 1px var(--line)}.switch{position:relative;flex:none;width:48px;height:28px;border-radius:var(--r-pill);border:0;background:var(--line-strong);transition:background-color .15s;-webkit-tap-highlight-color:transparent}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0000004d;transition:transform .15s}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:after{transform:translate(20px)}.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-small);font-weight:500;white-space:nowrap}.chip>span:not(.dot){overflow:hidden;text-overflow:ellipsis}.chip.btn-like{cursor:pointer;min-height:36px;height:36px;padding:0 14px;background:var(--surface);border-color:var(--line-strong);color:var(--ink);-webkit-tap-highlight-color:transparent}.chip.btn-like:hover{background:var(--surface-2)}.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dot, var(--type, var(--ink-3)))}[data-type=productive]{--type: var(--c-productive)}[data-type=necessary]{--type: var(--c-necessary)}[data-type=unproductive]{--type: var(--c-unproductive)}[data-type=personal]{--type: var(--c-personal)}.page{width:100%;max-width:640px;margin:0 auto;padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--safe-b) + 96px);display:flex;flex-direction:column;gap:var(--sp-4)}@media(min-width:960px){.page{max-width:var(--content-max);padding:var(--sp-10) var(--sp-10) 96px;gap:var(--sp-6)}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px}.page-head h1{font-size:1.5rem}.page-head .sub{color:var(--ink-3);font-size:var(--fs-body-sm);margin-top:2px}@media(min-width:960px){.page-head h1{font-size:var(--fs-h1)}}.cols{display:grid;gap:var(--sp-4);align-items:start}@media(min-width:960px){.cols{gap:var(--sp-6)}.cols.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cols.main-side{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack.tight{gap:var(--sp-2)}.stack.loose{gap:var(--sp-6)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.tight{gap:var(--sp-2)}.grow{flex:1 1 auto;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4)}.card.flush{padding:0;overflow:hidden}.card.pad-lg{padding:var(--sp-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.card-head h2,.card-head h3{font-size:var(--fs-lead)}.eyebrow{font-size:var(--fs-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.list>li,.list>.item{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4)}.list>li+li,.list>li+.item,.list>.item+li,.list>.item+.item{border-top:1px solid var(--line)}.list.interactive>li:hover,.list.interactive>.item:hover{background:var(--surface-2)}.list .main{flex:1 1 auto;min-width:0}.list .title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:var(--ink-3);font-size:var(--fs-small);margin-top:2px}button.row-btn,a.row-btn,div.row-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:var(--sp-3) var(--sp-4);cursor:pointer;-webkit-tap-highlight-color:transparent}button.row-btn:hover,a.row-btn:hover,div.row-btn:hover{background:var(--surface-2)}button.row-btn:focus-visible,a.row-btn:focus-visible,div.row-btn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-3)}.small{font-size:var(--fs-small)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.meter>i{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--meter-fill, var(--ink))}.split{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;background:var(--surface-3)}.split>i{display:block;height:100%;background:var(--type);min-width:3px}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--ink-3)}.empty .glyph{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--sp-1);border-radius:50%;background:var(--surface-3);color:var(--ink-2)}.empty strong{color:var(--ink);font-weight:600}.empty p{max-width:32ch;font-size:var(--fs-body-sm)}.notice{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-body-sm);color:var(--ink-2)}.notice app-icon{margin-top:1px;flex:none}.notice.warn{background:var(--warning-wash);border-color:color-mix(in srgb,#fab219 45%,var(--line));color:var(--ink)}.notice.error{background:var(--danger-wash);border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger-text)}dialog.sheet{padding:0;border:0;width:min(100%,560px);max-width:100%;max-height:min(92dvh,780px);margin:auto auto 0;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sheet);overflow:hidden}dialog.sheet::backdrop{background:var(--backdrop)}dialog.sheet[open]{display:flex;flex-direction:column;animation:sheet-in .18s ease-out}dialog.sheet[open]::backdrop{animation:fade-in .18s ease-out}dialog.sheet .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);flex:none}dialog.sheet .sheet-head h2{font-size:var(--fs-lead)}dialog.sheet .sheet-body{padding:var(--sp-5);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-4);flex:1 1 auto}dialog.sheet .sheet-foot{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) calc(var(--sp-3) + var(--safe-b));border-top:1px solid var(--line);background:var(--surface);flex:none}dialog.sheet .sheet-foot .btn{flex:1 1 0}@media(min-width:720px){dialog.sheet{margin:auto;border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.form-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.type-picker>button{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);font-weight:500;font-size:var(--fs-body-sm);text-align:left;-webkit-tap-highlight-color:transparent}.type-picker>button .dot{width:10px;height:10px}.type-picker>button:hover{background:var(--surface-2)}.type-picker>button[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:600}@media(min-width:560px){.type-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url("./media/instrument-sans-latin-400-normal-GSIYICKK.woff2") format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-display:swap;src:url("./media/instrument-sans-latin-500-normal-34VGSHJD.woff2") format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url("./media/instrument-sans-latin-600-normal-4CHHBDS7.woff2") format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url("./media/dm-mono-latin-300-normal-TMTMVPO7.woff2") format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./media/dm-mono-latin-400-normal-ASEO4XL4.woff2") format("woff2")}