:root{--color-paper: oklch(97% .006 55);--color-paper-2: oklch(94.5% .007 55);--color-paper-3: oklch(91.5% .009 55);--color-cotton: oklch(98.8% .0045 80);--color-ink: oklch(21% .012 38);--color-ink-2: oklch(29% .013 40);--color-muted: oklch(47% .013 45);--color-rule: oklch(87% .009 55);--color-accent: oklch(74% .125 30);--color-accent-2: oklch(54% .165 29);--color-focus: oklch(54% .17 30);--color-rule-2: oklch(81% .011 55);--color-board: oklch(22% .011 40);--color-board-type: oklch(96.5% .006 70);--color-scrim: oklch(32% .03 50 / .35);--color-span-1: oklch(60% .09 155);--color-span-2: oklch(57% .08 235);--color-span-3: oklch(55% .1 320);--color-span-4: oklch(64% .1 85);--shade: 32% .03 50;--lit: 100% .005 80;--edge-stock: inset 0 1px 0 oklch(var(--lit) / .9), inset 0 -1px 0 oklch(var(--shade) / .07), 0 0 0 .5px oklch(var(--shade) / .22), 0 1px 0 oklch(var(--shade) / .12);--cast-stock-lift: 12px 10px 18px -8px oklch(var(--shade) / .3);--press-groove: inset 1px 1.5px 2px oklch(var(--shade) / .16), inset -1px -1px 0 oklch(var(--lit) / .9), 0 0 0 .5px oklch(var(--shade) / .2);--radius-groove: 12px;--font-body: "Golos Text", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--radius-card: 8px;--radius-input: 6px;--radius-pill: 999px;--shadow-card: 6px 5px 10px -6px oklch(32% .03 50 / .3);--tracking-display: -.03em;--display-weight: 600;--dur-micro: .12s;--dur-short: .2s;--ease-out: cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(../../../fonts/golos-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(../../../fonts/golos-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2212}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--color-paper-3);font-family:var(--font-body);color:var(--color-ink);line-height:1.4;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-paper-2);max-width:720px;margin:0 auto}.main{flex:1;display:flex;flex-direction:column;min-width:0}.side,.aside{display:none}nav.tabs{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-around;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-rule);background:var(--color-paper);font-size:13px}nav.tabs a{text-decoration:none;color:var(--color-muted);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}nav.tabs a[aria-current=page]{color:var(--color-ink);font-weight:600}.add{width:48px;height:48px;border-radius:var(--radius-pill);border:none;background:var(--color-ink);color:var(--color-paper);font-size:24px;line-height:1;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out)}.add:active{transform:scale(.96)}@media(min-width:1024px){.shell{max-width:none;display:grid;grid-template-columns:220px minmax(0,1fr) 340px;align-items:start}.side{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;background:var(--color-paper);border-right:1px solid var(--color-rule);padding:24px 12px}.side .brand{font-size:28px;padding:0 12px 20px}.side a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--radius-card);color:var(--color-muted);text-decoration:none;font-size:15px}.side a[aria-current=page]{background:var(--color-cotton);color:var(--color-ink);font-weight:600;box-shadow:var(--edge-stock),var(--shadow-card)}.side .btn{margin-top:16px}.main{padding:0 24px;min-height:100dvh}.main>*{width:100%;max-width:720px}.main .head,.main .body{padding-left:0;padding-right:0}.aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100dvh;overflow-y:auto;border-left:1px solid var(--color-rule);padding:24px 20px}.aside h2{margin:0;font-size:18px;font-weight:var(--display-weight)}nav.tabs{display:none}.only-narrow{display:none!important}}.head{padding:24px 20px 12px;display:flex;flex-direction:column;gap:16px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px}.app-h1{margin:0;font-size:26px;font-weight:var(--display-weight);letter-spacing:var(--tracking-display);line-height:1.08}.brand{margin:0;font-weight:var(--display-weight);letter-spacing:-.05em;line-height:.9}.count{font-size:14px;color:var(--color-muted);white-space:nowrap}.body{flex:1;padding:8px 16px 24px;display:flex;flex-direction:column;gap:16px}.sheet{background:var(--color-cotton);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:4px 16px}.h2{margin:0 0 8px;font-size:15px;font-weight:500;color:var(--color-muted);display:flex;justify-content:space-between;align-items:baseline;gap:12px}.h2 a{color:var(--color-ink-2);font-size:14px}.h2.is-today{color:var(--color-ink)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.arrows{display:flex;gap:4px}.back{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--color-ink-2);font-size:15px;text-decoration:none;margin:0 0 -8px;align-self:flex-start}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center;font-size:13px}.day{position:relative;padding:8px 0;color:var(--color-muted);border-radius:var(--radius-card);text-decoration:none;min-height:44px}.day b{display:block;font-family:var(--font-mono);font-size:15px;font-weight:400;color:var(--color-ink)}.day.today{background:var(--color-accent);color:var(--color-ink)}.day.sel{box-shadow:inset 0 0 0 1px var(--color-ink)}.day .dot{position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--color-ink-2)}.task{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--color-rule);min-height:44px}.task:last-child{border-bottom:none}.cb{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;margin-left:-6px;flex:none;cursor:pointer}input[type=checkbox]{accent-color:var(--color-accent-2);width:20px;height:20px;margin:0;flex:none;cursor:pointer}input[type=checkbox]:disabled{cursor:default;opacity:.45}.task .t{flex:1;min-width:0;padding:10px 0;border:0;background:none;text-align:left;font-size:16px;cursor:pointer;overflow-wrap:anywhere}.task .meta{font-size:13px;color:var(--color-muted);white-space:nowrap;display:flex;gap:8px;padding-left:8px}.task.done .t{color:var(--color-muted);text-decoration:line-through}.task.proj .t{color:var(--color-ink-2)}.late{color:var(--color-accent-2)}.rep{display:inline-flex;vertical-align:-2px;margin-left:6px;color:var(--color-muted)}.event{display:flex;gap:16px;align-items:center;padding:14px 16px;width:100%;border:0;text-align:left;cursor:pointer}.event+.event{margin-top:8px}.event .date{width:52px;flex:none;text-align:center;font-family:var(--font-mono);color:var(--color-accent-2)}.event .date .big{font-size:24px;line-height:1.1}.event .date .small{font-size:12px;font-family:var(--font-body)}.event .date .tm{font-size:15px}.event .name{font-size:16px;font-weight:500}.event .sub{font-size:14px;color:var(--color-muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:none;border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:14px;color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out)}.chip.off{color:var(--color-muted);text-decoration:line-through}.qty-inline{color:var(--color-muted)}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.btn{min-height:40px;padding:0 16px;border:0;border-radius:var(--radius-card);font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.btn--ink{background:var(--color-board);color:var(--color-board-type);box-shadow:var(--shadow-card),var(--cast-stock-lift)}.btn--card{background:var(--color-cotton);color:var(--color-ink);box-shadow:var(--edge-stock),var(--shadow-card)}.btn--plain{background:none;color:var(--color-ink-2);padding:0 8px;min-width:40px}.btn--small{min-height:32px;font-size:14px;padding:0 12px}.btn--wide{width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--color-muted);font-weight:500}.input{height:40px;padding:0 12px;width:100%;min-width:0;border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-cotton);font-size:16px;color:var(--color-ink)}.input.big{height:44px;font-size:18px;border-color:var(--color-muted)}textarea.input{height:64px;padding:8px 12px;resize:vertical}.seg{display:flex;padding:3px;border-radius:var(--radius-groove);background:var(--color-paper-2);box-shadow:var(--press-groove)}.seg>*{flex:1;min-height:34px;border:0;border-radius:9px;background:transparent;font-size:14px;color:var(--color-muted);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-micro) var(--ease-out)}.seg>[aria-pressed=true],.seg>[aria-current=page]{background:var(--color-cotton);color:var(--color-ink);font-weight:500;box-shadow:var(--edge-stock),var(--shadow-card)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer;align-self:flex-start}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.two .input{padding:0 8px}.quick{display:flex;gap:8px;flex-wrap:wrap}.msg{margin:0;font-size:14px;color:var(--color-accent-2)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--color-scrim);animation:fade var(--dur-short) var(--ease-out)}.bsheet{position:fixed;left:0;right:0;bottom:0;z-index:21;max-height:92dvh;overflow-y:auto;background:var(--color-paper);border-radius:16px 16px 0 0;box-shadow:var(--edge-stock),0 -8px 24px -12px oklch(var(--shade) / .4);padding:8px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:rise var(--dur-short) var(--ease-out);max-width:720px;margin:0 auto}.grip{width:36px;height:4px;border-radius:2px;background:var(--color-rule-2);margin:0 auto 4px;flex:none}.bsheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.bsheet-head h2{margin:0;font-size:18px;font-weight:var(--display-weight)}.bsheet .hint{margin:0;font-size:14px;color:var(--color-ink-2)}.bsheet .hint.muted{font-size:13px;color:var(--color-muted)}.bsheet .actions{display:flex;gap:8px;justify-content:space-between;align-items:center}@media(min-width:1024px){.bsheet{left:50%;right:auto;bottom:auto;top:50%;width:480px;transform:translate(-50%,-50%);border-radius:16px;animation:fade var(--dur-short) var(--ease-out)}.grip{display:none}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@keyframes fade{0%{opacity:0}}.addrow{display:flex;gap:8px}.addrow .input{flex:1}.qty{width:88px!important;flex:none!important}.li{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--color-rule);min-height:44px;flex-wrap:wrap}.li:last-child{border-bottom:none}.li .t{flex:1;min-width:0;padding:10px 0;border:0;background:none;text-align:left;font-size:16px;cursor:pointer;overflow-wrap:anywhere}.li .q{font-size:14px;color:var(--color-ink-2);padding-left:8px;white-space:nowrap}.li .who{font-size:13px;color:var(--color-muted);padding-left:8px}.li.done .t,.li.done .q{color:var(--color-muted);text-decoration:line-through}.li-edit{flex-basis:100%;display:flex;gap:8px;padding:0 0 10px 26px}.li-edit .input{flex:1}.listrow{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--color-rule);text-decoration:none;color:inherit;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;font-size:16px}.listrow:last-child{border-bottom:none}.listrow .t{flex:1;min-width:0;font-weight:500}.listrow .t.plain{font-weight:400}.listrow .sub{display:block;font-size:13px;font-weight:400;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listrow .n{font-family:var(--font-mono);color:var(--color-muted);font-size:14px}.chev{color:var(--color-muted);flex:none}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.month .wd{font-size:12px;color:var(--color-muted);padding:4px 0}.month .c .bar{position:absolute;left:-1px;right:-1px;height:3px}.month .c .bar.start{left:6px;border-radius:2px 0 0 2px}.month .c .bar.end{right:6px;border-radius:0 2px 2px 0}.month .c .bar.start.end{border-radius:2px}.legend .long{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--color-ink-2);cursor:pointer}.legend .swatch{width:14px;height:3px;border-radius:2px}.month .c{position:relative;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius-card);font-family:var(--font-mono);font-size:15px;text-decoration:none;color:var(--color-ink)}.month .c.out{color:var(--color-rule-2)}.month .c.today{background:var(--color-accent);color:var(--color-ink)}.month .c.sel{box-shadow:inset 0 0 0 1px var(--color-ink)}.marks{display:flex;gap:3px;height:5px}.marks i{width:5px;height:5px;border-radius:50%;background:var(--color-ink-2)}.marks i.ev{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-accent-2)}.legend{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:0;font-size:13px;color:var(--color-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.daygroup .h2 .mono{font-size:14px}.none{padding:10px 16px;font-size:14px;color:var(--color-muted)}.people{display:grid;grid-template-columns:1fr 1fr;gap:12px}.person{padding:14px 16px}.person .nm{font-size:16px;font-weight:600;margin-bottom:8px}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;color:var(--color-muted);padding:4px 0}.stat b{font-family:var(--font-mono);font-weight:400;font-size:20px;color:var(--color-ink)}.empty{padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty p{margin:0;color:var(--color-muted);font-size:15px;max-width:32ch}.empty .lead{color:var(--color-ink);font-weight:500;font-size:16px}.err{padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px var(--color-ink-2)}.err p{margin:0}.err .sub{color:var(--color-muted);font-size:14px}.banner{margin:12px 16px 0;padding:8px 12px;border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--color-rule-2);font-size:13px;color:var(--color-ink-2)}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:var(--radius-card);background:var(--color-board);color:var(--color-board-type);font-size:14px;box-shadow:var(--cast-stock-lift);animation:fade var(--dur-short) var(--ease-out)}@media(min-width:1024px){.toast{bottom:24px}}.login{min-height:100dvh;max-width:420px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 64px;gap:24px;background:var(--color-paper-2)}.login .brand{font-size:44px}.login .lead{margin:8px 0 0;color:var(--color-muted);font-size:16px}.login form{padding:20px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--edge-stock),var(--shadow-card)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
