:root{--bg:#0b0e14;--surface:#141820f5;--surface-input:#0b0e14cc;--fill-1:#ffffff0a;--fill-2:#ffffff14;--fill-3:#ffffff24;--fill-4:#ffffff38;--line:#ffffff1a;--line-strong:#fff3;--line-focus:#fff6;--ink:#e6e9ef;--ink-2:#e6e9ef9e;--ink-3:#e6e9ef61;--accent:#7aa2f7;--accent-hover:#8fb3ff;--ok:#9ece6a;--warn:#e0af68;--bad:#f7768e;--on-accent:#0b0e14;--r-sm:8px;--r-md:12px;--r-pill:999px;--ctl:36px;--ctl-sm:30px;--ctl-lg:44px;--col:280px;--inset:16px;--inset-m:8px;--z-chrome:4;--z-banner:5;--z-panel:6;--z-modal:10;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;width:100%;height:100dvh;position:fixed;inset:0}#root{position:fixed;inset:0;overflow:hidden}.chrome,.toolbar .btn,.panel-top input{background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 8px 24px #00000059}.toolbar .btn-primary,.toolbar .btn.on{background:var(--accent);border-color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--ctl);padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--fill-2);color:var(--ink);white-space:nowrap;font-size:13px;line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-3)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary,.btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled),.btn.on:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-complete{background:var(--ok);border-color:var(--ok);color:var(--on-accent);font-weight:600}.btn-complete:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{border-color:var(--line-strong);color:var(--bad);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 14%, transparent)}.btn-danger.confirm,.btn-danger.filled{background:var(--bad);border-color:var(--bad);color:var(--on-accent);font-weight:600}.btn-quiet{border-color:var(--line);color:var(--ink-2);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--fill-2);color:var(--ink)}.btn-ghost{min-height:0;padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);color:var(--ink-2);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--fill-2)}.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-wide{width:100%;min-height:var(--ctl-lg);font-size:15px}.btn-sm{min-height:var(--ctl-sm);padding:0 var(--s-2);font-size:12px}.btn-left{text-align:left;justify-content:flex-start}.chip{min-height:var(--ctl-sm);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--fill-2);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.chip:hover{background:var(--fill-3);border-color:var(--line-strong)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}@media (width<=600px),(pointer:coarse) and (width<=900px){.btn{min-height:var(--ctl-lg)}.chip{min-height:40px}}canvas{position:fixed;inset:0}.panel{width:min(520px,90vw);margin:0;position:fixed;left:50%;transform:translate(-50%)}.panel-bottom{bottom:var(--inset)}.panel-top{top:var(--inset);width:min(320px,40vw)}.panel-top input{min-height:var(--ctl);padding-top:0;padding-bottom:0}input,textarea,button{font:inherit;color:inherit}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.panel input,.detail input,.detail textarea{box-sizing:border-box;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);outline:none;width:100%;padding:9px 12px}.panel input:focus,.detail input:focus,.detail textarea:focus{border-color:var(--line-focus)}input[type=search]::-webkit-search-cancel-button{display:none}.offline{top:calc(var(--inset) + env(safe-area-inset-top,0px));border-radius:var(--r-pill);color:var(--on-accent);background:var(--warn);z-index:var(--z-banner);pointer-events:none;margin:0;padding:6px 12px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.toast{left:50%;bottom:var(--inset);border-radius:var(--r-pill);max-width:min(420px,90vw);z-index:var(--z-banner);align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:fixed;transform:translate(-50%)}.toast .toast-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.toast .mark{vertical-align:-2px;align-items:center;margin-right:6px;display:inline-flex}.toast .tick{color:var(--ok)}.toast .archived{color:var(--warn)}.toast .toast-what{color:var(--ink-2)}@media (width<=600px),(pointer:coarse) and (width<=900px){.toast{bottom:calc(var(--inset-m) + 76px + var(--s-2) + env(safe-area-inset-bottom,0px))}}.empty-field{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:min(340px,84vw);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-field .empty-line{color:var(--ink);margin:0;font-size:17px}.empty-field .empty-sub{color:var(--ink-2);margin:0;font-size:12px;line-height:1.5}.hint,.error{left:var(--inset);bottom:var(--inset);color:var(--ink-3);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:12px;position:fixed}.error{left:auto;right:var(--inset);color:var(--bad)}.detail-backdrop{z-index:var(--z-panel);pointer-events:none;padding:var(--inset);background:0 0;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.detail{pointer-events:auto;border-radius:var(--r-md);flex-direction:column;width:min(420px,94vw);max-height:min(84vh,720px);padding:0;display:flex;position:relative;overflow:hidden}.detail header{border-bottom:1px solid var(--line);flex:none;align-items:flex-start;gap:8px;padding:14px 16px 10px;display:flex}.detail .detail-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.detail .detail-body::-webkit-scrollbar{width:8px}.detail .detail-body::-webkit-scrollbar-track{background:0 0}.detail .detail-body::-webkit-scrollbar-thumb{background:var(--fill-3);border-radius:var(--r-pill)}.detail .detail-body::-webkit-scrollbar-thumb:hover{background:var(--fill-4)}.detail .status{border-radius:var(--r-md);border:1px solid var(--line);background:var(--fill-1);flex-direction:column;flex:1;gap:2px;padding:7px 10px;display:flex}.detail .status strong{font-size:15px}.detail .status span{color:var(--ink-2);font-size:12px}.detail .status-late{border-color:color-mix(in srgb, var(--bad) 60%, transparent);background:color-mix(in srgb, var(--bad) 12%, transparent)}.detail .status-late strong{color:var(--bad)}.detail .status-due{border-color:color-mix(in srgb, var(--warn) 60%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent)}.detail .status-due strong{color:var(--warn)}.detail .status-done strong{color:var(--ok)}.detail .status-done{background:0 0;border-color:#0000;flex-direction:row;align-items:baseline;gap:6px;padding-left:0}.detail .save-state{color:var(--ink-2);text-align:right;min-width:52px;padding-top:6px;font-size:11px}.detail .save-state.saved{color:var(--ok)}.detail .field{flex-direction:column;gap:4px;display:flex}.detail .field>span,.detail h3,.composer h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:11px}.detail h3,.composer h3{border-bottom:1px solid var(--line);margin:8px 0 10px;padding-bottom:5px}.detail section,.composer section{flex-direction:column;display:flex}.detail .detail-title{font-size:15px;font-weight:600}.detail .rows{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;display:flex}.detail .rows .row+.row{border-top:1px solid var(--line)}.detail .row-head{width:100%;min-height:var(--ctl-lg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex}.detail .rows .row-head:hover{background:var(--fill-1)}.detail .row-head.static{cursor:default}.detail .row-label{width:74px;color:var(--ink-2);flex:none;font-size:13px}.detail .row-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;overflow:hidden}.detail .row-chevron{color:var(--ink-2);flex:none;font-size:10px;transition:transform .12s}.detail .row.open .row-chevron{transform:rotate(180deg)}.detail .row-editor{flex-direction:column;gap:10px;padding:2px 12px 12px;display:flex}.detail .readout{color:var(--ink)}.detail .muted{color:var(--ink-2);margin:4px 0 0;font-size:12px}.detail input[type=date]{min-height:var(--ctl-sm);border-radius:var(--r-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:4px 8px;font-size:12px}.detail textarea{resize:none;min-height:72px;overflow:hidden}.detail footer{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:12px 16px;display:flex}.detail .footer-secondary,.detail .footer-more{gap:6px;display:flex}.detail .footer-secondary .btn,.detail .footer-more .btn{flex:1}.detail .footer-more{border-top:1px dashed var(--line);padding-top:2px}.detail .footer-snooze{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail .footer-snooze .readout{color:var(--ink-2);margin-right:2px;font-size:12px}.detail .glance-rows{border:none;margin:2px 0}.detail .glance-rows .row+.row{border-top:1px solid var(--line)}.detail .task-view{flex-direction:column;gap:10px;display:flex}.detail .task-title{margin:0;font-size:20px;font-weight:600;line-height:1.25}.detail .task-summary{color:var(--ink-2);margin:0;font-size:13px}.task-notes{text-align:left;cursor:text;width:100%;color:inherit;font:inherit;border:none;display:block}.task-notes:hover{background:var(--fill-2)}.task-notes.empty{border:1px dashed var(--line-strong);color:var(--ink-2);background:0 0}.detail .task-notes-edit{border-radius:var(--r-sm);resize:none;width:100%;padding:10px 12px;font-size:13px;line-height:1.5}.detail .task-notes{border-radius:var(--r-sm);background:var(--fill-1);white-space:pre-wrap;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.detail .history-block{flex-direction:column;gap:6px;display:flex}.detail .history-caption{color:var(--ink-2);font-size:11px}.detail .sub{flex-direction:column;gap:6px;display:flex}.detail .sub+.sub{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.detail .sub-label{color:var(--ink-2);font-size:11px}.detail .size-why{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 10px;margin:12px 0 0;padding-top:10px;font-size:12px;display:grid}.detail .size-why>div{display:contents}.detail .size-why dt{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.detail .size-why dd{color:var(--ink-2);margin:0}.detail .size-why .heavy dt{color:var(--warn)}.detail .size-why .total dt{font-weight:600}.detail .size-why .avoided dt,.detail .size-why .avoided dd{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.detail .size-why .avoided dt{color:var(--ink-2);font-weight:400}.detail input:focus-visible,.detail textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.detail .chips,.composer .chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer .dup-warning{color:var(--warn);margin:0;font-size:12px}.settings .settings-actions{flex-direction:column;gap:6px;display:flex}.history-dots{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;gap:3px;display:grid}.history-dots span{background:var(--fill-2);border-radius:3px}.history-dots span.done{background:var(--ok)}.history-dots span.today{outline:1px solid var(--line-focus)}.settings .passkeys{flex-direction:column;gap:6px;display:flex}.settings .passkeys strong{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:11px}.login{flex-direction:column;gap:8px;display:flex}.settings .week-start{flex-direction:column;gap:6px;display:flex}.settings .week-start strong{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:11px}.settings .week-days{gap:var(--s-2);display:flex}.settings .week-days .day-cell{flex:1}@media (width<=600px),(pointer:coarse) and (width<=900px){.day-cell{min-height:var(--ctl-lg)}}.weight-spark{flex-direction:column;gap:4px;display:flex}.weight-spark .muted{color:var(--ink-2);font-size:11px}.weight-spark svg{width:100%;height:40px}.review-banner{top:calc(var(--inset) + var(--ctl) + var(--s-3));z-index:var(--z-banner);border-radius:var(--r-pill);align-items:center;gap:8px;max-width:min(560px,94vw);padding:8px 10px 8px 14px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.review-banner .review-count{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.review-banner .review-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}@media (width<=600px),(pointer:coarse) and (width<=900px){.review-banner{top:auto;bottom:calc(var(--inset-m) + 76px + var(--s-2) + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center}}.modal-backdrop{z-index:var(--z-modal);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--r-md);flex-direction:column;gap:12px;width:min(360px,92vw);padding:14px;display:flex}.modal header{justify-content:space-between;align-items:center;display:flex}.modal.help{width:min(440px,92vw)}.help-list{flex-direction:column;gap:8px;margin:0;display:flex}.help-row{grid-template-columns:150px 1fr;align-items:baseline;gap:12px;display:grid}.help-row dt,.help-row dd{margin:0}.help-row dd{color:var(--ink-2);font-size:13px}kbd{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--fill-2);padding:2px 7px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}button.hint{pointer-events:auto;cursor:pointer;-webkit-user-select:auto;user-select:auto;background:0 0;border:none;padding:0}button.hint:hover{color:var(--ink)}.symbol-grid{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;grid-template-columns:repeat(6,1fr);gap:6px;max-height:min(52vh,420px);display:grid;overflow-y:auto}.symbol-cell{min-height:var(--ctl-lg);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--fill-2);cursor:pointer;color:var(--ink);justify-content:center;align-items:center;display:flex}.symbol-cell:hover{background:var(--fill-3)}.symbol-cell.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 25%, transparent)}.symbol-cell:focus-visible{outline:2px solid var(--accent)}.symbol-tile{width:var(--ctl);min-height:var(--ctl);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--fill-2);color:var(--ink);justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.symbol-tile.empty{color:var(--ink-3);background:0 0;border-style:dashed;font-size:20px}.symbol-tile:hover{border-color:var(--accent)}.symbol-wrap{display:inline-block;position:relative}.symbol-clear{border:1px solid var(--line-focus);background:var(--surface);width:18px;height:18px;min-height:0;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-size:12px;line-height:1;position:absolute;top:-7px;right:-7px}.symbol-clear:hover{background:var(--bad);border-color:var(--bad);color:var(--on-accent)}.legend{left:var(--inset);bottom:var(--inset);flex-direction:column;gap:4px;max-height:30vh;display:flex;position:fixed;overflow-y:auto}.legend-item{border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:12px;display:flex}.legend-item:hover{color:var(--ink);background:var(--fill-1)}.legend-item.on{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}.legend .dot{border-radius:50%;flex:none;width:10px;height:10px}.cup-view{z-index:var(--z-banner);background:var(--bg);position:fixed;inset:0}.cup-view canvas{cursor:default;display:block;position:fixed;inset:0}.cup-header{top:var(--inset);left:var(--inset);border-radius:var(--r-md);align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex;position:fixed}.cup-header span{color:var(--ink-2);font-size:13px}.tune{top:var(--inset);left:var(--inset);bottom:calc(var(--inset) + var(--ctl));border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);width:260px;padding:10px 12px;font-size:11px;position:fixed;overflow-y:auto}.tune header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tune header strong{flex:1;font-size:12px}.tune button{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--fill-2);cursor:pointer;padding:3px 8px;font-size:11px}.tune h4{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);margin:10px 0 4px;font-size:11px}.tune label{grid-template-columns:1fr auto;gap:0 8px;margin:4px 0;display:grid}.tune label span{color:var(--ink-2)}.tune label output{font-variant-numeric:tabular-nums;color:var(--ink)}.tune label input[type=range]{grid-column:1/-1;width:100%;margin:0}.tune .tune-toggle{align-items:center;gap:6px;display:flex}.toolbar{top:var(--inset);left:var(--inset);width:min(var(--col), 90vw);gap:var(--s-2);display:flex;position:fixed}.toolbar .btn{padding:0 var(--s-2);flex:auto}.settings{top:calc(var(--inset) + var(--ctl) + var(--s-3));left:var(--inset);width:min(var(--col), 90vw);box-sizing:border-box;padding:var(--s-3);border-radius:var(--r-md);flex-direction:column;gap:10px;display:flex;position:fixed}.settings header{justify-content:space-between;align-items:center;display:flex}.settings input{box-sizing:border-box;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-input);outline:none;width:100%;padding:8px 10px}.settings input:focus{border-color:var(--line-focus)}.settings .muted{color:var(--ink-2);margin:0;font-size:12px}.settings .category-list{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.settings .category-list li{align-items:center;gap:8px;font-size:13px;display:flex}.settings .category-list .name{flex:1}.settings .category-list .btn-ghost.name{color:var(--ink);cursor:text;flex:1;justify-content:flex-start;font-size:13px}.settings .category-list .btn-ghost.name:hover{border-color:var(--line-strong);background:0 0}.settings .category-list .btn-ghost.remove:hover{color:var(--bad);background:0 0}.settings .category-list input.name{border-radius:var(--r-sm);width:auto;padding:2px 4px;font-size:13px}.settings .swatch{border-radius:50%;width:10px;height:10px}.composer{top:calc(var(--inset) + var(--ctl) + var(--s-3));left:var(--inset);width:min(var(--col), 90vw);box-sizing:border-box;max-height:calc(100vh - calc(var(--inset) + var(--ctl) + var(--s-3)) - var(--inset));padding:var(--s-3);border-radius:var(--r-md);flex-direction:column;gap:12px;display:flex;position:fixed;overflow-y:auto}.composer input{box-sizing:border-box;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-input);outline:none;width:100%;padding:9px 12px}.composer input:focus{border-color:var(--line-focus)}.composer .muted{color:var(--ink-2);margin:0;font-size:12px}.hint{white-space:nowrap;left:50%;transform:translate(-50%)}.settings{z-index:var(--z-panel)}@media (width<=600px),(pointer:coarse) and (width<=900px){.composer{top:auto;left:0;right:0;bottom:var(--kb,0px);width:auto;max-height:min(70vh,560px);padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));border-radius:var(--r-md) var(--r-md) 0 0;z-index:var(--z-panel);border-bottom:none;transition:bottom .12s;box-shadow:0 -8px 32px #00000073}.composer input{font-size:16px}.hint{display:none}.toolbar{top:calc(var(--inset-m) + env(safe-area-inset-top,0px));left:var(--inset-m);right:var(--inset-m);gap:var(--s-2);z-index:var(--z-chrome);width:auto;display:flex;position:fixed}.toolbar .btn{min-width:0;padding:0 var(--s-1);flex:1 1 0;font-size:13px}.panel-top{top:calc(var(--inset-m) + var(--ctl-lg) + var(--s-2) + env(safe-area-inset-top,0px));left:var(--inset-m);right:var(--inset-m);width:auto;transform:none}.panel-top input{min-height:var(--ctl-lg)}.legend{top:auto;left:var(--inset-m);right:var(--inset-m);bottom:calc(var(--inset-m) + env(safe-area-inset-bottom,0px));flex-flow:wrap;gap:4px 6px;max-height:76px;padding:0;overflow:hidden;transform:none}.legend-item{min-height:var(--ctl-sm);background:var(--surface);border-color:var(--line-strong);box-shadow:0 8px 24px #00000059}}.sheet-handle{display:none}@media (width<=600px),(pointer:coarse) and (width<=900px){.detail-backdrop{pointer-events:auto;background:#00000073;align-items:stretch;padding:0}.detail{width:100%;max-height:none;box-shadow:none;z-index:var(--z-panel);border:none;border-radius:0}.detail header{padding-top:calc(10px + env(safe-area-inset-top,0px))}.detail .detail-body{padding:12px 14px}.sheet-handle{background:var(--fill-4);touch-action:none;cursor:grab;border-radius:3px;width:44px;height:5px;margin:4px auto 6px;display:block}.symbol-tile{width:var(--ctl-lg);min-height:var(--ctl-lg)}.detail input,.detail textarea{font-size:16px}.modal{width:min(420px,94vw)}.symbol-cell{min-height:52px;font-size:26px}.detail footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.detail footer .btn-wide{min-height:48px}.settings{top:calc(var(--inset-m) + var(--ctl-lg) + var(--s-2) + var(--ctl-lg) + var(--s-4) + env(safe-area-inset-top,0px));left:var(--inset-m);right:var(--inset-m);width:auto;max-height:60vh;z-index:var(--z-panel);overflow-y:auto;box-shadow:0 12px 40px #00000080}}.history-dots span.pad{background:0 0}.day-picker{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.day-grid{grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-width:260px;display:grid}.day-cell{min-height:var(--ctl-sm);min-width:var(--ctl-sm);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--fill-2);border:1px solid var(--line-strong);padding:0;font-size:12px}.day-cell:hover{background:var(--fill-3)}.day-cell.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}@media (width<=600px),(pointer:coarse) and (width<=900px){.day-grid{gap:6px;max-width:none}.day-cell{min-height:var(--ctl-lg);font-size:14px}}@media (width>=1800px) and (height>=900px) and (pointer:fine){.detail.is-wide{width:min(900px,40vw);max-height:min(92vh,1180px)}.detail.is-wide .detail-body{gap:14px;padding:14px 18px 18px}.detail.is-wide .rows{border:none;border-radius:0;grid-template-columns:1fr 1fr;align-items:start;gap:18px 28px;display:grid}.detail.is-wide .rows .row,.detail.is-wide .rows .row+.row{border:none}.detail.is-wide .row.forced .row-head{min-height:0;padding:0 0 6px}.detail.is-wide .row.forced .row-label{text-transform:uppercase;letter-spacing:.06em;width:auto;font-size:11px}.detail.is-wide .row.forced .row-editor{padding:0}.detail.is-wide .rows .row:has(textarea){grid-column:1/-1}.detail.is-wide textarea{min-height:92px}.detail.is-wide .row.forced .sub+.sub{margin-top:10px}}