:root{--paper: #f1f4f3;--surface: #ffffff;--surface-2: #e9eeec;--ink: #101a19;--muted: #5e6e6c;--line: #d8e0dd;--accent: #17685e;--accent-ink: #ffffff;--copper: #b15628;--done: #2f7a5e;--warn: #a9761c;--crit: #b3402f;--radius: 12px;--shadow: 0 1px 2px rgba(16, 26, 25, .06), 0 10px 28px -18px rgba(16, 26, 25, .5)}@media (prefers-color-scheme: dark){:root{--paper: #0d1413;--surface: #141e1d;--surface-2: #1b2725;--ink: #e7edeb;--muted: #93a4a1;--line: #25322f;--accent: #54b6a6;--accent-ink: #0d1413;--copper: #e08c5b;--done: #4fae85;--warn: #d2a64a;--crit: #e0705c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -20px rgba(0, 0, 0, .9)}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Golos Text,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--done)}.dot.off{background:var(--muted)}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav button{background:none;border:1px solid transparent;border-radius:99px;padding:6px 14px;cursor:pointer;color:var(--muted)}.nav button:hover{color:var(--ink)}.nav button.on{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.badge{display:inline-block;min-width:20px;margin-left:6px;padding:1px 6px;border-radius:99px;background:var(--copper);color:#fff;font-size:12px;text-align:center}.spacer{margin-left:auto}.main{width:100%;max-width:1080px;margin:0 auto;padding:24px 20px 64px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field{margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 160px}.section-head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}.section-head .count{color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.card.click{cursor:pointer}.card.click:hover{border-color:var(--accent)}.card .title{font-weight:500}.card .meta{color:var(--muted);font-size:13px;margin-top:3px;display:flex;gap:10px;flex-wrap:wrap}.pill{font-size:12px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill.quiet{opacity:.62}.pill.due-overdue{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 45%,transparent)}.pill.prio-high{color:var(--copper);border-color:color-mix(in srgb,var(--copper) 45%,transparent)}.pill.prio-critical{color:#fff;background:var(--crit);border-color:var(--crit)}.check{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;padding:0;line-height:1}.check:hover{border-color:var(--done)}.check.on{background:var(--done);border-color:var(--done);color:#fff}.empty{color:var(--muted);text-align:center;padding:40px 20px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a12118c;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:50;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);width:100%;max-width:520px;padding:20px}.modal.wide{max-width:680px}.modal-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.modal-head .sub{color:var(--muted);font-size:13px}.tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tpl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;min-height:74px}.tpl:hover{border-color:var(--accent)}.tpl .ic{font-size:18px}.tpl .nm{font-weight:500}.tpl .when{font-size:12px;color:var(--muted)}.tpl.open-task{grid-column:1 / -1;background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.wrap-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.timer{font-size:12px;color:var(--muted);margin-left:auto;align-self:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.error{color:var(--crit);font-size:13px;margin-top:8px}@media (max-width: 560px){.card{grid-template-columns:auto 1fr}.card .side{grid-column:1 / -1;display:flex;gap:8px}.tpl-grid{grid-template-columns:1fr}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:7px 13px;cursor:pointer;font-size:14px}.chip-btn:hover{border-color:var(--accent);color:var(--ink)}.chip-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mobile-only,.tabbar{display:none}@media (max-width: 720px){.desktop-only{display:none!important}.mobile-only{display:flex}.topbar{padding:10px 14px}.main{padding:16px 14px calc(84px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:flex-end;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--muted);font-size:11px;padding:6px 2px;cursor:pointer;position:relative}.tabbar button.on{color:var(--accent)}.tabbar .ti{font-size:17px;line-height:1}.tabbar .badge{position:absolute;top:0;right:22%;margin:0}.tabbar .fab{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:26px;line-height:1;box-shadow:var(--shadow);margin-bottom:4px;align-items:center;justify-content:center}.overlay{padding:12px 10px calc(12px + env(safe-area-inset-bottom));align-items:flex-end}.modal,.modal.wide{max-width:100%;border-radius:18px;padding:18px 16px}.sheet-wrap{align-items:flex-end}.sheet{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.sheet .btn{width:100%;padding:13px;font-size:16px}.card{padding:14px}.btn{padding:10px 14px}.check{width:26px;height:26px}}.swipe-wrap{position:relative;overflow:hidden;border-radius:var(--radius)}.swipe-wrap .card{position:relative;z-index:1;touch-action:pan-y}.swipe-hint{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:13px;padding:0 16px;color:#fff;z-index:0}.swipe-hint.left{left:0;right:0;justify-content:flex-start;background:var(--done)}.swipe-hint.right{left:0;right:0;justify-content:flex-end;background:var(--warn)}.card-gone{height:0;opacity:0;transition:height .18s,opacity .18s}.btn.voice{display:inline-flex;align-items:center;gap:8px}.btn.voice .mic{font-size:16px}.btn.voice.rec{border-color:var(--crit);color:var(--crit)}.btn.voice.rec .pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.btn.voice.rec .pulse{animation:none}}audio{border-radius:10px}.cal-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cal-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:0}.cal-toggle input{width:auto}.cal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;max-height:calc(100vh - 230px)}.cal-head{display:grid;position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line)}.cal-day-head{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.cal-day-head .dn{font-size:17px;font-weight:600;color:var(--ink)}.cal-day-head.today .dn{background:var(--accent);color:var(--accent-ink);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.cal-body{display:grid;position:relative}.cal-hours{border-right:1px solid var(--line)}.cal-hour-label{font-size:11px;color:var(--muted);padding:2px 6px;text-align:right}.cal-col{position:relative;border-left:1px solid var(--line)}.cal-slot{border-bottom:1px dashed var(--line);cursor:pointer}.cal-slot:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.cal-item{position:absolute;left:3px;right:3px;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:1px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-left:3px solid var(--accent);border-radius:8px;padding:4px 6px;font-size:12px;line-height:1.25}.cal-item:hover{filter:brightness(1.06)}.cal-item .t{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.cal-item .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-item .s{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-item.st-done{border-color:var(--done);border-left-color:var(--done);background:color-mix(in srgb,var(--done) 14%,var(--surface))}.cal-item.st-no_show{border-color:var(--crit);border-left-color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,var(--surface))}.cal-item.st-canceled{opacity:.5;text-decoration:line-through;border-left-color:var(--muted)}.cal-task{position:absolute;left:3px;right:3px;transform:translateY(-50%);background:var(--surface);border:1px dashed var(--warn);color:var(--warn);border-radius:6px;padding:1px 5px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.cal-now{position:absolute;left:0;right:0;height:2px;background:var(--crit);z-index:1}.cal-now:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--crit)}@media (max-width: 720px){.cal{max-height:calc(100vh - 260px)}.cal-item{font-size:12px}}.card>*,.row>*,.modal-head>*,.cal-bar>*,.section-head>*{min-width:0}.section-head{flex-wrap:wrap}.card .title,.card .meta,.modal-head h2,.empty{overflow-wrap:anywhere}.pill{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}input,select,textarea{max-width:100%;min-width:0}.wrap-actions>*{max-width:100%}.app{overflow-x:clip}.callbar{position:fixed;z-index:60;right:20px;bottom:20px;width:min(440px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -16px #0a12118c;padding:12px 14px}.callbar.ringing{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),0 18px 40px -16px #0a12118c}.callbar.ended{opacity:.85}.callbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.call-ic{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-size:18px}.callbar.ringing .call-ic{background:var(--accent);color:var(--accent-ink);animation:call-pulse 1.2s ease-in-out infinite}@keyframes call-pulse{50%{transform:scale(1.08)}}.call-who{flex:1 1 140px;min-width:0}.call-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-sub{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.btn.call-yes{background:var(--done);border-color:var(--done);color:#fff}.btn.call-no{background:var(--crit);border-color:var(--crit);color:#fff}.btn.on{background:var(--surface-2);border-color:var(--accent)}.dtmf{margin-top:10px}.dtmf-shown{text-align:center;min-height:22px;font-size:18px;letter-spacing:2px}.dtmf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.dtmf-grid .btn{font-size:18px;padding:10px 0}.dialer{display:flex;gap:8px}.dialer input{flex:1;min-width:0;font-size:18px}.phone-status{display:flex;align-items:center;gap:8px}.toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);cursor:pointer;margin:0}.toggle input{width:auto}@media (max-width: 720px){.callbar{left:10px;right:10px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}.call-actions{width:100%}.call-actions .btn{flex:1;padding:11px 8px}}@media (prefers-reduced-motion: reduce){.callbar.ringing .call-ic{animation:none}}.callnote{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:20px;width:min(460px,calc(100vw - 32px));padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);font-size:14px;cursor:pointer}@media (max-width: 720px){.callnote{bottom:calc(76px + env(safe-area-inset-bottom))}}.picker-field{width:100%;display:flex;align-items:center;gap:8px;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left}.picker-field:hover{border-color:var(--accent)}.picker-field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picker-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-note{font-size:13px;white-space:nowrap}.picker-caret{color:var(--muted)}.picker-value{display:flex;align-items:center;gap:6px}.picker-value .btn{flex:none}.picker-overlay{z-index:70;align-items:center;overflow:hidden}.picker-sheet{width:100%;max-width:560px;height:min(720px,calc(100vh - 48px));height:min(720px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.picker-head{flex:none;padding:16px 16px 10px;border-bottom:1px solid var(--line)}.picker-count{font-size:13px;align-self:center;margin-left:auto}.picker-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 0}.picker-row{width:100%;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 16px;border:none;border-bottom:1px solid var(--line);background:none;cursor:pointer;text-align:left}.picker-row:last-child{border-bottom:none}.picker-row:hover,.picker-row:focus-visible{background:var(--surface-2);outline:none}.picker-main{flex:1;min-width:0;display:flex;flex-direction:column}.picker-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-sub{display:flex;gap:8px;font-size:13px;color:var(--muted);min-width:0;overflow:hidden;white-space:nowrap}.picker-sub>span{overflow:hidden;text-overflow:ellipsis}.picker-sub>.mono{flex:none}.picker-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.picker-when{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}@media (max-width: 720px){input,select,textarea{font-size:16px}html,body{height:100%;overflow:hidden;overscroll-behavior:none}#root{height:100%}.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.topbar{position:relative;flex:none}.main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:24px}.tabbar{position:relative;flex:none}.login-wrap{height:100%;min-height:0;overflow-y:auto}.cal{max-height:calc(100dvh - 260px)}.picker-overlay{padding:8px 0 0;align-items:flex-end}.picker-sheet{max-width:100%;height:calc(100vh - 8px);height:calc(100dvh - 8px);border-radius:18px 18px 0 0;border-bottom:none}.picker-list{padding-bottom:env(safe-area-inset-bottom)}.picker-row{padding:13px 16px}}.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}