:root{--paper: #e9e6df;--surface: #f6f4ef;--card: #ffffff;--ink: #221f1a;--ink-60: rgba(34, 31, 26, .6);--ink-45: rgba(34, 31, 26, .45);--line: rgba(34, 31, 26, .1);--line-strong: rgba(34, 31, 26, .18);--green: oklch(.5 .09 165);--green-soft: oklch(.94 .03 165);--green-line: oklch(.9 .03 165);--amber: oklch(.56 .11 65);--amber-soft: oklch(.95 .04 75);--red: oklch(.55 .11 30);--red-soft: oklch(.95 .03 30);--grey: oklch(.46 .01 90);--grey-soft: oklch(.93 .006 90);--blue: oklch(.56 .09 250);--violet: oklch(.56 .09 290);--radius: 14px;--shadow: 0 1px 3px rgba(34, 31, 26, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Readex Pro,Noto Sans Ethiopic,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;color:inherit}.mono,.num{font-family:DM Mono,ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}.clock{font-family:DM Mono,ui-monospace,monospace;unicode-bidi:plaintext}.app{min-height:100%;display:flex;justify-content:center;background:var(--paper)}.phone{width:100%;max-width:460px;min-height:100vh;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;position:relative;box-shadow:0 0 0 1px #221f1a0f}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f6f4eff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,31,26,.05);padding-top:max(12px,env(safe-area-inset-top))}.scroll{flex:1;overflow-y:auto;padding:14px 18px 110px}.tabbar{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);background:#f6f4eff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{border:0;background:none;padding:11px 4px 13px;font-size:11.5px;color:var(--ink-45);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.tab .dot{width:5px;height:5px;border-radius:99px;background:transparent}.tab.on{color:var(--ink);font-weight:500}.tab.on .dot{background:var(--ink)}.tab .label{display:inline-flex;align-items:center;gap:5px}.tab .badge{min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:9.5px;font-style:normal;font-weight:500;line-height:16px;text-align:center}h1{margin:0;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.01em}h2{margin:0;font-size:15px;font-weight:500}.eyebrow{font-size:11px;color:var(--ink-45);letter-spacing:.03em}.sub{font-size:12.5px;font-weight:300;line-height:1.7;color:var(--ink-60)}.section-title{margin:22px 0 10px;font-size:12px;font-weight:500;color:var(--ink-60)}.card{background:var(--card);border:1px solid rgba(34,31,26,.08);border-radius:var(--radius);padding:13px 14px}.stack{display:flex;flex-direction:column;gap:9px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spacer{flex:1}.dot{width:7px;height:7px;border-radius:99px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 10px;font-size:11px;border:1px solid var(--line);background:#fff;white-space:nowrap}.track{height:6px;border-radius:99px;background:#221f1a12;overflow:hidden}.track>span{display:block;height:100%;border-radius:99px}.btn{border:1px solid var(--line-strong);background:#fff;border-radius:11px;padding:12px 14px;font-size:12.5px;font-weight:500;cursor:pointer;transition:transform .06s ease,background .12s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:7px 11px;font-size:11.5px;border-radius:9px}.btn.danger{color:var(--red);border-color:#221f1a24}.seg{display:inline-flex;gap:3px;background:#221f1a0f;border-radius:99px;padding:3px}.seg button{border:0;background:transparent;color:var(--ink-45);border-radius:99px;padding:5px 11px;font-size:11.5px;cursor:pointer}.seg button.on{background:var(--ink);color:var(--surface);font-weight:500}.opts{display:flex;flex-wrap:wrap;gap:7px}.opt{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:12px;color:var(--ink-60);cursor:pointer}.opt.on{border-color:var(--green);background:#e6f6ee;color:#004933;color:oklch(.36 .09 165);font-weight:500}.field{display:block;margin-top:12px}.field>span{display:block;font-size:11.5px;color:var(--ink-60);margin-bottom:6px}.input,textarea.input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font-size:13px;background:#fff;outline:none}.input:focus{border-color:var(--green)}textarea.input{resize:vertical;min-height:76px;line-height:1.7}.search{position:relative}.search .input{padding-inline-end:36px}.search .input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:0;border-radius:99px;background:var(--line);color:var(--ink-60);font-size:11px;line-height:1;cursor:pointer}.switch{width:40px;height:23px;border-radius:99px;border:0;padding:0;position:relative;cursor:pointer}.switch span{position:absolute;top:3px;width:17px;height:17px;border-radius:99px;background:#fff;transition:inset-inline-start .15s ease}.task{width:100%;text-align:start;background:var(--card);border:1px solid rgba(34,31,26,.08);border-radius:13px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.task .title{font-size:13.5px;font-weight:400;line-height:1.5}.task .meta{margin-top:4px;font-size:11px;color:var(--ink-45)}.task.sel{background:#ecf9f3;border-color:var(--green)}.checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:#fff;font-size:12px;flex:none}.checkbox.on{background:var(--green);border-color:var(--green)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#221f1a59;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade .15s ease}.sheet{width:100%;max-width:460px;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:rise .2s ease}.sheet .grab{width:38px;height:4px;border-radius:99px;background:var(--line-strong);margin:6px auto 14px}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));inset-inline:0;margin:auto;width:fit-content;max-width:90%;background:var(--ink);color:var(--surface);border-radius:11px;padding:10px 16px;font-size:12.5px;z-index:60;animation:rise .18s ease}.empty{text-align:center;padding:40px 10px;color:var(--ink-45);font-size:12.5px;line-height:1.9}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px;margin:0 auto}.key{height:62px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:21px;font-family:DM Mono,monospace;cursor:pointer}.key.blank{border:0;background:transparent;cursor:default}.pin-dots{display:flex;gap:12px;justify-content:center;margin:22px 0 26px;width:100%}.pin-dots i{width:12px;height:12px;border-radius:99px;border:1.5px solid var(--line-strong);display:block}.bars{display:flex;align-items:flex-end;gap:7px;height:88px}.bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end}.bars .bar{width:100%;border-radius:6px 6px 0 0;min-height:3px}.bars .label{font-size:9.5px;color:var(--ink-45)}.banner{border-radius:13px;padding:12px 13px;display:flex;align-items:center;gap:10px}.banner.warn{background:var(--red-soft);border:1px solid oklch(.87 .06 30)}.banner.info{background:var(--green-soft);border:1px solid var(--green-line)}.msg-preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.8;white-space:pre-wrap}.qr{width:200px;height:200px;margin:0 auto;display:block;border-radius:12px;background:#fff}.link{background:none;border:0;padding:0;color:var(--green);font-size:12px;cursor:pointer}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.visit-bar{flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--ink);color:var(--surface)}.visit-bar span{flex:1;min-width:0;font-size:12.5px;line-height:1.35}.visit-bar small{display:block;margin-top:1px;font-size:10.5px;opacity:.6}.visit-bar .btn{flex:none;background:none;border-color:#f6f4ef59;color:var(--surface)}.board-page{--b-paper: var(--paper);--b-card: var(--card);--b-ink: var(--ink);--b-ink-60: var(--ink-60);--b-ink-38: var(--ink-45);--b-line: var(--line);--b-line-strong: var(--line-strong);--b-green: var(--green);--b-green-soft: var(--green-soft);--b-amber: var(--amber);--b-scrim: rgba(34, 31, 26, .45);height:100%;display:flex;flex-direction:column;background:var(--b-paper);color:var(--b-ink);padding-inline:clamp(16px,1.6vw,26px);padding-block:0 clamp(12px,1.2vw,20px)}:root[data-board-night="1"] .board-page{--b-paper: #16140f;--b-card: #211e19;--b-ink: #f1ede4;--b-ink-60: rgba(241, 237, 228, .6);--b-ink-38: rgba(241, 237, 228, .38);--b-line: rgba(241, 237, 228, .12);--b-line-strong: rgba(241, 237, 228, .24);--b-green: oklch(.76 .13 165);--b-green-soft: oklch(.32 .05 165);--b-amber: oklch(.74 .12 70);--b-scrim: rgba(0, 0, 0, .6)}.board-empty{align-items:center;justify-content:center;text-align:center}.board-empty h1{font-size:26px;font-weight:500;margin:0}.board-empty p{margin-top:8px;color:var(--b-ink-60)}.board-head{flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px clamp(16px,3vw,40px);padding-block:clamp(13px,1.5vw,20px) clamp(10px,1.1vw,15px);border-bottom:1px solid var(--b-line)}.board-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:clamp(9.5px,.78vw,12px);letter-spacing:.16em;color:var(--b-ink-38);text-transform:uppercase}.board-eyebrow:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--b-green)}.board-head h1{margin:4px 0 0;font-size:clamp(22px,2.7vw,40px);font-weight:600;line-height:1.15}.board-sub{margin-top:3px;font-size:clamp(13px,1.3vw,20px);color:var(--b-ink-60)}.board-date{margin-top:3px;font-size:clamp(11px,1vw,16px);color:var(--b-ink-38)}.board-clock{font-size:clamp(30px,4.4vw,62px);font-weight:300;line-height:.95;letter-spacing:-.02em}.board-closed{flex:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px clamp(10px,1vw,18px);margin-top:clamp(10px,1vw,16px);padding:clamp(10px,1vw,16px) clamp(14px,1.4vw,22px);border-radius:14px;background:var(--b-green-soft);color:var(--b-green)}.board-closed b{font-size:clamp(15px,1.5vw,24px);font-weight:600}.board-closed span{font-size:clamp(12px,1.15vw,18px);color:var(--b-ink-60)}.board-closed .next{margin-inline-start:auto}.day-over .board-person{opacity:.72}.board-columns{flex:1;min-height:0;display:grid;gap:clamp(12px,1.2vw,20px);margin-top:clamp(12px,1.2vw,18px)}.board-person{min-height:0;display:flex;flex-direction:column;background:var(--b-card);border:1px solid var(--b-line);border-radius:17px;overflow:hidden}.board-person-head{flex:none;display:flex;align-items:center;gap:clamp(10px,.9vw,15px);padding:clamp(13px,1.3vw,20px) clamp(14px,1.4vw,21px);border-bottom:1px solid var(--b-line)}.board-avatar{flex:none;width:clamp(36px,3.1vw,54px);height:clamp(36px,3.1vw,54px);border-radius:99px;display:grid;place-items:center;background:var(--b-green-soft);color:var(--b-green);font-size:clamp(16px,1.5vw,25px);font-weight:600}.board-who{flex:1;min-width:0}.board-who b{display:block;font-size:clamp(19px,1.95vw,31px);font-weight:600;line-height:1.2}.board-who small{display:block;margin-top:1px;font-size:clamp(11px,1vw,16px);color:var(--b-ink-38)}.board-count{flex:none;text-align:center}.board-count b{display:block;font-size:clamp(20px,1.9vw,30px);font-weight:500;line-height:1;color:var(--b-green)}.board-count span{display:block;margin-top:3px;font-size:clamp(13px,1.15vw,17px);line-height:1.3;color:var(--b-ink-38)}.board-scroller{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.board-tasks{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:clamp(5px,.5vw,8px) clamp(7px,.7vw,11px) clamp(9px,.9vw,14px);scrollbar-width:thin;scrollbar-color:var(--b-line-strong) transparent}.board-tasks::-webkit-scrollbar{width:9px}.board-tasks::-webkit-scrollbar-thumb{background:var(--b-line-strong);border-radius:99px}.board-fade{position:absolute;inset-inline:0;bottom:0;height:clamp(40px,4vw,62px);pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to top,var(--b-card) 18%,transparent);display:grid;align-items:end;justify-items:center;padding-bottom:6px;color:var(--b-ink-38);font-size:clamp(11px,1vw,15px)}.board-scroller.more .board-fade{opacity:1}.board-task{width:100%;display:flex;align-items:baseline;gap:clamp(9px,.9vw,15px);padding:clamp(9px,.95vw,15px) clamp(7px,.7vw,11px);border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.board-tasks li{display:flex;align-items:center;gap:clamp(3px,.4vw,7px)}.board-tasks li+li{border-top:1px solid var(--b-line)}.board-tick{flex:none;width:clamp(46px,4.1vw,64px);height:clamp(46px,4.1vw,64px);display:grid;place-items:center;border:2px solid var(--b-line-strong);border-radius:99px;background:none;color:transparent;font-size:clamp(21px,2vw,30px);line-height:1;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.board-tick:active{transform:scale(.94)}.board-tick:focus-visible{outline:2px solid var(--b-green);outline-offset:2px}.is-done .board-tick{background:var(--b-green);border-color:var(--b-green);color:var(--b-card)}.board-tick.is-flat{width:auto;min-width:clamp(22px,2vw,34px);height:auto;border-color:transparent}.is-done .board-tick.is-flat{background:none;color:var(--b-green)}.is-done .board-own{text-decoration:line-through;text-decoration-color:var(--b-ink-38)}.is-done .board-task{opacity:.55}.board-task:focus-visible{outline:2px solid var(--b-green);outline-offset:-2px}.board-no{flex:none;min-width:clamp(20px,1.8vw,30px);font-size:clamp(13px,1.25vw,20px);color:var(--b-ink-38)}.board-text{flex:1;min-width:0}.board-own{display:block;font-size:clamp(15px,1.5vw,24px);font-weight:400;line-height:1.45}.board-ar{display:block;margin-top:3px;font-size:clamp(11.5px,1.08vw,17px);line-height:1.45;color:var(--b-ink-38)}.board-flag{flex:none;align-self:center;font-size:clamp(9px,.76vw,11.5px);color:var(--b-amber);border:1px solid var(--b-amber);border-radius:99px;padding:2px 8px;white-space:nowrap}.board-none{padding:clamp(18px,2vw,30px) 12px;text-align:center;color:var(--b-ink-38);font-size:clamp(14px,1.3vw,19px)}.board-foot{flex:none;margin-top:clamp(9px,1vw,14px);font-size:clamp(10px,.86vw,13px);color:var(--b-ink-38);display:flex;flex-wrap:wrap;gap:5px 16px}.board-foot .stale{color:var(--b-amber)}.board-full{margin-inline-start:auto;border:1px solid var(--b-line);background:none;color:var(--b-ink-38);border-radius:8px;padding:2px 9px;font-size:13px;line-height:1.5;cursor:pointer}.board-full:hover{color:var(--b-green);border-color:var(--b-green)}.board-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--b-scrim);display:grid;align-items:end;justify-items:center;z-index:40}.board-sheet{width:min(760px,100%);background:var(--b-card);color:var(--b-ink);border-radius:22px 22px 0 0;padding:clamp(18px,2vw,30px) clamp(18px,2vw,30px) calc(clamp(18px,2vw,30px) + env(safe-area-inset-bottom,0px));max-height:85vh;overflow-y:auto}.board-sheet h2{margin:0;font-size:clamp(20px,2.1vw,31px);font-weight:600;line-height:1.35}.board-sheet-ar{margin-top:6px;font-size:clamp(14px,1.35vw,20px);color:var(--b-ink-60)}.board-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.board-chip{font-size:clamp(11px,.95vw,13.5px);color:var(--b-ink-60);background:var(--b-paper);border-radius:99px;padding:5px 12px}.board-sheet h3{margin:20px 0 0;font-size:clamp(11px,.95vw,14px);letter-spacing:.08em;color:var(--b-ink-38);font-weight:400}.board-steps{list-style:none;margin:11px 0 0;padding:0;display:grid;gap:11px}.board-steps li{display:flex;gap:10px}.board-steps li:before{content:"•";color:var(--b-green)}.board-step-own{display:block;font-size:clamp(14px,1.35vw,20px);line-height:1.45}.board-step-ar{display:block;margin-top:2px;font-size:clamp(11.5px,1.05vw,15px);color:var(--b-ink-38)}.board-empty-note{margin-top:11px;font-size:clamp(13px,1.15vw,16px);color:var(--b-ink-38)}.board-mark{margin-top:22px;width:100%;display:grid;justify-items:center;gap:2px;border:0;border-radius:13px;padding:clamp(13px,1.3vw,19px);background:var(--b-green);color:var(--b-card);font:inherit;cursor:pointer}.board-mark b{font-size:clamp(17px,1.65vw,25px);font-weight:600}.board-mark span{font-size:clamp(12px,1.1vw,16px);opacity:.85}.board-mark.is-done{background:var(--b-green-soft);color:var(--b-ink)}.board-slip{position:fixed;inset-inline:0;bottom:clamp(16px,2vw,30px);margin-inline:auto;width:max-content;max-width:90vw;display:grid;justify-items:center;gap:2px;background:var(--b-amber);color:var(--b-card);border-radius:14px;padding:10px 20px;z-index:50;animation:fade .18s ease}.board-slip b{font-size:clamp(15px,1.4vw,21px);font-weight:600}.board-slip span{font-size:clamp(11.5px,1.05vw,15px);opacity:.9}.board-close{margin-top:22px;width:100%;border:1px solid var(--b-line-strong);background:none;color:inherit;font:inherit;font-size:clamp(14px,1.25vw,18px);border-radius:13px;padding:13px;cursor:pointer}.board-nobody{place-content:center;text-align:center;color:var(--b-ink-38)}.board-nobody b{display:block;font-size:clamp(18px,1.9vw,28px);font-weight:500;color:var(--b-ink-60)}.board-nobody span{display:block;margin-top:8px;font-size:clamp(12px,1.2vw,17px)}@media(max-width:720px){.board-page{height:auto}.board-columns{grid-template-columns:1fr!important}.board-tasks{overflow:visible}}