:root{--color-primary-900:#ffccd5;--color-primary-800:#ff99ac;--color-primary-700:#ff6682;--color-primary-300:#99001c;--color-danger-500:#d92c26;--color-danger-600:#e05652;--color-gray-700:#b3b3b3;--color-white:#fff;--color-bg:#f5f5f5;--color-text:#1a1a1a;--color-text-hover:#333;--color-text-secondary:#4d4d4d;--color-text-muted:gray;--space-1:4px;--space-2:8px;--space-4:16px;--radius-md:8px}#home ol,div.input,.field,.fields,#login,#edit,#detail,#new,#home{flex-direction:column;display:flex}#detail .detail-meta,#detail header,.field.inline,nav.back a,.action{flex-direction:row;align-items:center;display:flex}#login,#edit,#detail,#new,#home{gap:var(--space-4)}body{background-color:var(--color-bg);color:var(--color-text);margin:0;font-family:sans-serif}body:has(dialog[open]){filter:blur(4px)}main{margin:var(--space-4) var(--space-2) var(--space-2) var(--space-2)}h1,h2{color:var(--color-primary-300);margin:0;font-size:large}a{color:inherit;text-decoration:none}button{font:inherit}.action{background-color:var(--color-primary-700);border:2px solid var(--color-primary-700);border-radius:var(--radius-md);justify-content:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-white);cursor:pointer;font-weight:700}.action svg{stroke:var(--color-white)}.action:hover{background-color:var(--color-primary-800);border-color:var(--color-primary-800)}.action.danger{background-color:var(--color-danger-500);border-color:var(--color-danger-500)}.action.danger:hover{background-color:var(--color-danger-600);border-color:var(--color-danger-600)}nav.back a{gap:var(--space-1);color:var(--color-primary-300)}nav.back a svg{stroke:var(--color-primary-300)}.fields{gap:var(--space-4)}.fields input{border:1px solid var(--color-primary-300);border-radius:var(--radius-md);padding:var(--space-2);outline:none}.field{gap:var(--space-2)}.field label{color:var(--color-primary-800);font-weight:700}.field select{border:2px solid var(--color-primary-800);border-radius:var(--radius-md);padding:var(--space-2);min-width:120px}.field input[type=text]{border:2px solid var(--color-primary-800);border-radius:var(--radius-md);padding:var(--space-2)}.field input[type=checkbox]{width:var(--space-4);height:var(--space-4);box-sizing:border-box;border-radius:var(--radius-md);appearance:none;outline:2px solid var(--color-primary-800);transition:background-color .2s}.field input[type=checkbox]:checked{background-color:var(--color-primary-800)}div.input label{margin-bottom:var(--space-2);color:var(--color-primary-300);font-weight:700}#home ol{gap:var(--space-2);margin:0;padding-inline-start:0}#home li{gap:var(--space-2);background:linear-gradient(to right, var(--color-primary-900) var(--cdf,0%), transparent var(--cdf,0%));border:2px solid var(--color-primary-900);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);grid-template-columns:1fr 25% 20px;align-content:center;align-items:center;list-style:none;display:grid}#home li.disabled{background:var(--color-gray-700);border:2px solid var(--color-gray-700)}#home li.disabled .done{display:none}#home .name{font-weight:700}#home .name a:hover{color:var(--color-text-hover)}#home .interval{white-space:nowrap;text-align:right;font-size:smaller}#home button.done{cursor:pointer;background-color:#0000;border:none;outline:none;align-items:center;margin-top:2px;padding:0;display:inline-flex}#home button.done svg{stroke:var(--color-text)}#home button.done:hover svg{stroke:var(--color-text-hover)}#home .controls{flex-direction:row;justify-content:space-between;display:flex}#detail header{justify-content:space-between;gap:var(--space-4)}#detail header h1{font-size:x-large}#detail p.description{color:var(--color-text-secondary);margin:0}#detail .detail-meta{gap:var(--space-2);color:var(--color-text-muted);font-size:smaller}#detail .detail-meta>span:not(:last-of-type){padding-right:var(--space-2);border-right:1px solid var(--color-primary-800)}#detail .detail-meta .sep{color:var(--color-primary-800)}#detail table{border-collapse:collapse;width:100%}#detail table tr{border-top:1px solid var(--color-primary-900)}#detail table tr:first-child{border-top:none}#detail table td{padding:var(--space-2) var(--space-1)}#detail table td.ts{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:smaller}#detail table td.description{text-align:right}#detail p.empty-state{color:var(--color-text-muted);margin:0;font-style:italic}#login{align-items:center}#login p.error{color:var(--color-danger-500);margin:0;font-size:smaller}#login form{width:100%}