:root{--text:#1f2933;--text-muted:#5f6b76;--bg:#fff;--surface:#f3f6f6;--border:#dde3e3;--accent:#0f766e;--on-accent:#fff;--danger:#b42318;--danger-strong:#8f1d14;--icon-bg:#d6dcdc;--icon-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e6eaea;--text-muted:#9aa5a5;--bg:#121616;--surface:#1b2121;--border:#2c3434;--accent:#2dd4bf;--on-accent:#062925;--danger:#f97066;--danger-strong:#d64545;--icon-bg:#394343;--icon-fg:#c9d1d1}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{max-width:40rem;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}main{flex:1}h1{margin:0 0 .25rem;font-size:1.5rem;line-height:1.25}h2{margin:1.5rem 0 .5rem;font-size:1.125rem}a{color:var(--accent)}footer{color:var(--text-muted);margin-top:2rem;font-size:.75rem}.muted,.hint{color:var(--text-muted)}.hint{font-size:.875rem}.note{white-space:pre-wrap}.note,.card{overflow-wrap:anywhere}.error{color:var(--danger);margin:0}.bar{justify-content:space-between;align-items:center;min-height:2.75rem;margin-bottom:.5rem;display:flex}.brand{color:var(--accent);margin:0}.back,.action{min-height:2.75rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem 0;text-decoration:none}.cards{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:.75rem;gap:.125rem;padding:.75rem 1rem;text-decoration:none;display:grid}.time{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.5rem}.days{margin:0 0 1rem;padding:0;list-style:none}.days h3{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:1rem 0 .375rem;font-size:.875rem}.days .cards,.days p{margin:0}.dev{border:1px dashed var(--border);border-radius:.75rem;margin-top:2rem;padding:.75rem 1rem}.dev p{margin:0 0 .5rem}.tags{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.tag{border:1px solid var(--border);border-radius:999px;padding:0 .5rem;font-size:.75rem}.tag-ongoing,.tag-fixed{border-color:var(--accent);color:var(--accent)}.button{border:1px solid var(--border);background:var(--bg);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:0 1.25rem;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button.danger{border-color:var(--danger);color:var(--danger)}.button:disabled{opacity:.5;cursor:default}.actions{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.actions.start{justify-content:flex-start}.move{margin:0 0 .75rem}.file-button{margin-bottom:1.5rem}.file-button:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.clash{gap:.5rem;margin-top:1rem}form{gap:1rem;display:grid}h1+form{margin-top:1rem}form label,fieldset{gap:.25rem;display:grid}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:.25rem;padding:0}input,select,textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:2.75rem;color:var(--text);font:inherit;border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}input[type=date]{appearance:none}textarea{resize:vertical;min-height:5rem}input[type=radio],input[type=checkbox]{width:1.25rem;min-height:1.25rem;accent-color:var(--accent);margin:0}.pair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.choices{flex-wrap:wrap;gap:.5rem;display:flex}form .choice{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;display:flex}form .choice:has(:checked){border-color:var(--accent);color:var(--accent)}form .check{align-items:flex-start;gap:.625rem;display:flex}form .check input{margin-top:.125rem}.tag-problem{border-color:var(--danger);color:var(--danger)}.days h3 a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root:has(.day-bar){padding-top:0;max-width:none;padding-inline:0}.day-page{width:100%;max-width:40rem;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));margin-inline:auto}#root:has(.day-bar)>footer{width:100%;max-width:40rem;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));margin-inline:auto}.day-page{padding-top:.25rem}.day-bar{z-index:10;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0}.bar-side{display:none}.bar-day{position:relative}.bar-scroll{scrollbar-width:none;align-items:flex-start;gap:.75rem;padding:.5rem 3rem .5rem 0;display:flex;overflow-x:auto}.bar-scroll::-webkit-scrollbar{display:none}.bar-today{z-index:1;padding:0 .25rem 0 env(safe-area-inset-left);background:var(--bg);align-self:stretch;align-items:center;margin-block:-.5rem;display:flex;position:sticky;left:0}.day-tag{background:var(--accent);min-width:4.25rem;color:var(--on-accent);clip-path:polygon(0 0,calc(100% - .75rem) 0,100% 50%,calc(100% - .75rem) 100%,0 100%);text-transform:uppercase;align-content:center;align-self:stretch;justify-items:center;margin:0;padding:.25rem 1.25rem .25rem .75rem;font-size:.75rem;font-weight:400;line-height:1.15;display:grid}.day-tag strong{font-size:1.625rem}.day-tag.next,.day-tag.previous{background:var(--border);color:var(--text)}.day-tag.previous{clip-path:polygon(.75rem 0,100% 0,100% 100%,.75rem 100%,0 50%);padding:.25rem .75rem .25rem 1.25rem}.bar-other-day{flex:none;align-self:stretch;margin-block:-.5rem;text-decoration:none;display:flex}.day-arrow{width:1.75rem;min-height:2.75rem;color:var(--accent);place-items:center;font-size:2rem;line-height:1;text-decoration:none;display:grid}.day-arrow.disabled{color:var(--border)}.bar-day>.day-arrow{top:50%;right:max(.25rem, env(safe-area-inset-right));z-index:2;position:absolute;transform:translateY(-50%)}.bar-fade{z-index:1;background:linear-gradient(to right, transparent, var(--bg) 45%);pointer-events:none;width:2.75rem;transition:width .2s;position:absolute;top:0;bottom:0;right:0}.bar-day[data-more] .bar-fade{width:5.5rem}.part,.segment-nodes{flex:none;gap:.25rem;display:flex}.segment{flex-direction:column;gap:.25rem;display:flex}.pill{border:1px solid var(--border);color:var(--text-muted);text-align:center;white-space:nowrap;border-radius:.375rem;padding:0 .5rem;font-size:.6875rem;line-height:1.5}.pill.time{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-variant-numeric:tabular-nums;align-self:center}.node{width:4.5rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:0;display:flex;position:relative}.node-circle{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;font-size:1.5rem;display:grid;position:relative}.node.open .node-circle{border:2px dashed var(--text-muted);color:var(--text-muted);background:0 0;font-size:1.25rem}.node.selected .node-circle{outline:3px solid var(--accent);outline-offset:2px}.node-lock{background:var(--bg);width:1.375rem;height:1.375rem;color:var(--text);border-radius:50%;padding:.2rem;position:absolute;bottom:-.25rem;right:-.25rem}.node-label{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:.75rem;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width>=60rem){.day-bar{grid-template-columns:minmax(0,1fr) minmax(0,40rem) minmax(0,1fr);display:grid}.bar-side{align-items:center;gap:.75rem;padding:0 .5rem;display:flex}.bar-side .segment{padding-block:.5rem}.bar-before{padding-right:0}.bar-after{padding-left:0}.bar-before .segment{margin-right:.5rem}.bar-side .bar-other-day{margin-block:0}.bar-before .day-arrow{margin-right:auto}.bar-after .day-arrow{margin-left:auto}.bar-day{border-inline:1px solid var(--border)}.bar-today .day-arrow,.bar-day>.day-arrow,.bar-scroll .bar-other-day{display:none}.bar-scroll{padding-right:.5rem}.bar-fade{width:0}.bar-day[data-more] .bar-fade{width:4rem}}.day-detail h2{margin-top:.5rem}.picks{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.pick{border:1px solid var(--border);background:var(--surface);width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.pick-icon{font-size:1.5rem}.pick-text{overflow-wrap:anywhere;flex:1;display:grid}.day-tag-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-self:stretch;padding:0;display:flex}.page-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.weather{border:1px dashed var(--border);border-radius:.75rem;align-items:center;gap:1rem;margin:.5rem 0 1rem;padding:.75rem 1rem;display:flex}.weather-icon{opacity:.6;font-size:2.25rem}.weather-text h2{margin:0;font-size:1rem}.weather-text p{margin:0}.weather-values{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:1.25rem}.day-detail .weather-text .muted{font-size:.875rem}.agenda{margin:0 0 1rem;display:grid}.agenda-row{border-bottom:1px solid var(--border);grid-template-columns:6.5rem 1fr;gap:.75rem;padding:.375rem 0;display:grid}.agenda-row dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding-top:.6rem;font-size:.75rem}.agenda-row dd{margin:0;display:grid}.agenda-item{width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.agenda-item.open{color:var(--text-muted)}.agenda-item.open .agenda-icon{border:2px dashed var(--text-muted);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;display:grid}.agenda-icon{text-align:center;width:1.75rem;font-size:1.25rem}.agenda-label{overflow-wrap:anywhere;flex:1}.agenda-lock{width:1rem;height:1rem;color:var(--text-muted)}.detail-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.75rem 0 1rem;display:flex}.detail-title{overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:400}.title-form{flex:1}.title-form input{font-size:1.5rem}.icon-button{background:var(--icon-bg);width:1.125rem;height:1.125rem;color:var(--icon-fg);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:.25rem;display:grid;position:relative}.icon-button:before{content:"";position:absolute;inset:-.75rem}.icon-button svg{width:100%;height:100%}.hover-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;font-size:.625rem;font-weight:600;transition:opacity .15s;position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%)}.icon-button:hover .hover-label,.icon-button:focus-visible .hover-label{opacity:1}.icon-button.edit:hover,.icon-button.edit:focus-visible{background:var(--text-muted);color:var(--bg)}.icon-button.delete{margin-left:auto}.icon-button.delete .hover-label{color:var(--danger-strong);left:auto;right:0;transform:none}.icon-button.delete:hover,.icon-button.delete:focus-visible{background:var(--danger-strong);color:#fff}.detail-head .error{flex-basis:100%}.day-detail h3{margin:0 0 .5rem;font-size:1.125rem}.notice{background:var(--surface);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;padding:.5rem .75rem;display:flex}.link-button{min-height:2.75rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-weight:600}button.card{width:100%;font:inherit;text-align:left;cursor:pointer}.editor{border:1px solid var(--accent);background:var(--bg);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.cards .editor{margin-bottom:0}.actions-start{flex-wrap:wrap;gap:.5rem;display:flex}.notice.toast{bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;width:min(36rem,100% - 2rem);margin:0;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0003}
