@font-face{font-family:Belkin;src:url(/fonts/belkin-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Belkin;src:url(/fonts/belkin-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Akatab;src:url(/fonts/akatab-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Akatab;src:url(/fonts/akatab-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Akatab;src:url(/fonts/akatab-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Akatab;src:url(/fonts/akatab-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--orange:#ff671d;--orange-dark:#d9520f;--orange-soft:#ffe6d8;--blue:#3a4284;--blue-soft:#e7e8f3;--latte:#fff8e4;--coffee:#e5e0d6;--ink:#1f1f2e;--muted:#6b6f86;--surface:#fff;--bad:#c43b24;--heading:"Belkin", "Nunito", ui-rounded, system-ui, sans-serif;--body:"Akatab", "Inter", system-ui, -apple-system, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--latte);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-size:15px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--heading);margin:0}.app{background:var(--surface);height:100dvh;display:flex}.side{background:var(--surface);flex-direction:column;width:100%;min-width:0;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:none}.app.chat-open .side{display:none}.app.chat-open .main{display:flex}@media (min-width:900px){.side{border-right:1px solid var(--coffee);flex:none;width:380px}.main,.app.chat-open .side{display:flex}}.topbar{background:var(--orange);color:#fff;padding:calc(var(--safe-t) + 12px) 16px 0}.topbar-row{align-items:center;gap:8px;height:40px;display:flex}.topbar h1{letter-spacing:.2px;flex:1;font-size:22px;font-weight:800}.icon-btn{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{background:#0000000f}.topbar .icon-btn:hover{background:#ffffff26}.tabs{margin-top:6px;display:flex}.tab{letter-spacing:.4px;text-transform:uppercase;opacity:.8;border-bottom:3px solid #0000;flex:1;padding:10px 0 11px;font-size:14px;font-weight:700}.tab.on{opacity:1;border-bottom-color:#fff}.tab .count{min-width:20px;height:20px;color:var(--orange);background:#fff;border-radius:10px;place-items:center;margin-left:6px;padding:0 5px;font-size:11px;display:inline-grid}.searchbar{background:var(--surface);border-bottom:1px solid var(--coffee);padding:8px 12px}.searchbar label{background:var(--latte);height:38px;color:var(--muted);border-radius:22px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchbar input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.list{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.list-label{text-transform:uppercase;letter-spacing:.6px;color:var(--blue);padding:14px 16px 6px;font-size:12px;font-weight:700}.row{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.row:hover{background:#fffbf1}.row.on{background:var(--latte)}.row-main{border-bottom:1px solid #f1ede4;flex:1;min-width:0;margin-bottom:-10px;padding-bottom:10px}.row-top,.row-bot{align-items:center;gap:8px;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.row-time{color:var(--muted);flex:none;font-size:12px}.row-time.unread{color:var(--orange);font-weight:700}.row-sub{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:3px;margin-top:2px;font-size:14px;display:flex;overflow:hidden}.row-sub .typing{color:var(--orange);font-weight:600}.badge{background:var(--orange);color:#fff;border-radius:11px;flex:none;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.badge.muted{background:#b9b4a9}.empty{text-align:center;color:var(--muted);padding:40px 24px;line-height:1.5}.hl{background:var(--orange-soft);color:var(--ink);border-radius:3px}.fab{right:20px;bottom:calc(var(--safe-b) + 20px);background:var(--orange);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;position:absolute;box-shadow:0 6px 18px #ff671d59}.fab:active{transform:scale(.96)}.av{color:#fff;font-weight:700;font-family:var(--heading);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.av .dot{background:#2dbe6c;border:2px solid #fff;border-radius:50%;width:26%;height:26%;position:absolute;bottom:0;right:0}.chat-head{padding:calc(var(--safe-t) + 8px) 8px 8px;background:var(--orange);color:#fff;align-items:center;gap:10px;min-height:60px;display:flex}.chat-head .who{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-head .who-t{min-width:0}.chat-head .name{white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:700;overflow:hidden}.chat-head .sub{opacity:.92;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.back-btn{display:grid}@media (min-width:900px){.back-btn{display:none!important}}.wall{-webkit-overflow-scrolling:touch;background-color:var(--latte);background-image:radial-gradient(circle at 20% 30%,#ff671d0d 0 60px,#0000 61px),radial-gradient(circle at 80% 70%,#3a42840d 0 80px,#0000 81px);background-size:320px 320px;flex:1;padding:8px 4% 12px;position:relative;overflow-y:auto}.day{text-align:center;z-index:2;margin:12px 0 8px;position:sticky;top:4px}.day span{color:var(--muted);background:#fff;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;box-shadow:0 1px 1px #0000000f}.sys{text-align:center;margin:8px 0}.sys span{background:var(--blue-soft);color:var(--blue);border-radius:8px;max-width:85%;padding:5px 12px;font-size:12.5px;display:inline-block}.unread-line{text-align:center;color:var(--orange);background:#ffffffb3;margin:10px -5%;padding:5px;font-size:12.5px;font-weight:700}.mrow{touch-action:pan-y;margin:2px 0;display:flex}.mrow.mine{justify-content:flex-end}.mrow.gap{margin-top:8px}.bubble{word-wrap:break-word;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#fff;border-radius:10px;max-width:min(78%,560px);padding:6px 9px 7px;transition:transform .15s;position:relative;box-shadow:0 1px 1px #00000014}.mine .bubble{background:var(--orange-soft)}.mrow.tail .bubble{border-top-left-radius:2px}.mrow.mine.tail .bubble{border-top-left-radius:10px;border-top-right-radius:2px}.bubble.flash{animation:1.6s flash}@keyframes flash{0%,40%{box-shadow:0 0 0 3px var(--orange)}to{box-shadow:0 1px 1px #00000014}}.sender{margin-bottom:2px;font-size:13px;font-weight:700}.fwd{color:var(--muted);align-items:center;gap:4px;margin-bottom:2px;font-size:12.5px;font-style:italic;display:flex}.text{white-space:pre-wrap;font-size:15px;line-height:1.38}.text a{color:var(--blue);text-decoration:underline}.meta{float:right;color:var(--muted);white-space:nowrap;align-items:center;gap:3px;margin:6px 0 -4px 10px;font-size:11.5px;display:inline-flex}.deleted{color:var(--muted);align-items:center;gap:6px;font-style:italic;display:flex}.admin-orig{background:var(--blue-soft);color:var(--blue);border-radius:6px;margin-top:5px;padding:5px 8px;font-size:13px;font-style:normal}.failed{color:var(--bad);gap:10px;margin-top:3px;font-size:12.5px;display:flex}.failed button{color:var(--bad);font-weight:700;text-decoration:underline}.quote{border-left:4px solid var(--blue);cursor:pointer;background:#3a428412;border-radius:6px;max-height:70px;margin:1px 0 5px;padding:5px 8px;font-size:13.5px;overflow:hidden}.quote b{color:var(--blue);font-size:12.5px;display:block}.quote.mine-q{border-left-color:var(--orange)}.quote.mine-q b{color:var(--orange-dark)}.swipe-hint{width:28px;height:28px;color:var(--muted);opacity:0;background:#ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}.down-btn{width:42px;height:42px;color:var(--muted);z-index:3;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #00000026}.down-btn .badge{position:absolute;top:-8px;right:-4px}.composer{padding:8px 8px calc(var(--safe-b) + 8px);background:var(--latte);align-items:flex-end;gap:8px;display:flex}.composer-box{background:#fff;border-radius:22px;flex-direction:column;flex:1;min-height:46px;display:flex;overflow:hidden;box-shadow:0 1px 1px #0000000f}.composer textarea{resize:none;background:0 0;border:0;outline:0;max-height:140px;padding:12px 16px;font-size:16px;line-height:22px}.send{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.send:disabled{opacity:.5}.reply-bar{border-left:4px solid var(--orange);background:var(--latte);border-radius:8px;align-items:flex-start;gap:8px;margin:6px 6px 0;padding:6px 8px;font-size:13.5px;display:flex}.reply-bar div{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.reply-bar b{color:var(--orange-dark);font-size:12.5px;display:block}.readonly{padding:12px 16px calc(var(--safe-b) + 12px);background:var(--blue-soft);color:var(--blue);text-align:center;font-size:14px}.offline{background:var(--blue);color:#fff;text-align:center;padding:4px;font-size:13px}.placeholder{background:var(--latte);text-align:center;color:var(--muted);flex:1;place-items:center;padding:24px;display:grid}.placeholder h2{color:var(--blue);margin:16px 0 8px;font-size:26px}.scrim{z-index:50;background:#1f1f2e66;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}@media (min-width:700px){.scrim{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:480px;max-height:92dvh;padding-bottom:var(--safe-b);background:#fff;border-radius:18px 18px 0 0;flex-direction:column;animation:.2s up;display:flex;overflow:hidden}@media (min-width:700px){.sheet{border-radius:18px;max-height:80dvh}}@keyframes up{0%{opacity:.6;transform:translateY(30px)}}.sheet-head{border-bottom:1px solid var(--coffee);align-items:center;gap:8px;padding:12px 12px 12px 16px;display:flex}.sheet-head h3{color:var(--blue);flex:1;font-size:19px}.sheet-body{flex:1;overflow-y:auto}.sheet-foot{border-top:1px solid var(--coffee);gap:10px;padding:12px 16px;display:flex}.btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--orange);color:#fff}.btn-primary:disabled{opacity:.45;cursor:default}.btn-soft{background:var(--latte);color:var(--blue);border:1px solid var(--coffee)}.btn-danger{color:var(--bad);background:#fdf0ed}.field{padding:14px 16px 4px}.field label{letter-spacing:.5px;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.input{border:1px solid var(--coffee);background:#fff;border-radius:12px;outline:0;width:100%;height:46px;padding:0 14px;font-size:16px}.input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff671d26}.check{border:2px solid var(--coffee);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.check.on{background:var(--orange);border-color:var(--orange)}.chips{border-bottom:1px solid var(--coffee);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.chip{background:var(--latte);border:1px solid var(--coffee);white-space:nowrap;border-radius:18px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13.5px;display:inline-flex}.tag{color:var(--blue);background:var(--blue-soft);border-radius:10px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.menu{z-index:60;background:#fff;border-radius:12px;min-width:200px;padding:6px 0;animation:.1s fade;position:fixed;box-shadow:0 8px 30px #0000002e}.menu button{text-align:left;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:15px;display:flex}.menu button:hover{background:var(--latte)}.menu .danger{color:var(--bad)}.menu-scrim{z-index:59;position:fixed;inset:0}.toast{left:50%;bottom:calc(var(--safe-b) + 90px);background:var(--ink);color:#fff;z-index:80;border-radius:20px;max-width:90vw;padding:10px 18px;font-size:14px;animation:.15s fade;position:fixed;transform:translate(-50%)}.info-hero{text-align:center;border-bottom:8px solid var(--latte);padding:24px 16px 16px}.info-hero h2{margin-top:12px;font-size:22px}.info-hero p{color:var(--muted);margin:4px 0 0}.info-sec{border-bottom:8px solid var(--latte)}.info-act{text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15.5px;display:flex}.info-act:hover{background:#fffbf1}.gate{background:var(--latte);place-items:center;min-height:100dvh;padding:24px 16px;display:grid;overflow-y:auto}.gate-card{border:1px solid var(--coffee);background:#fff;border-radius:20px;width:100%;max-width:420px;padding:28px 24px}.gate-card h1{color:var(--blue);margin:16px 0 4px;font-size:26px}.gate-card p{color:var(--muted);margin:0 0 18px;line-height:1.5}.gate-card .input{margin-bottom:12px}.err{color:var(--bad);margin:4px 0 12px;font-size:14px}.terms{background:var(--latte);border-radius:14px;max-height:46dvh;margin:8px 0 16px;padding:4px 16px;overflow-y:auto}.terms li{margin:10px 0;line-height:1.5}.logo-blob{background:var(--orange);color:#fff;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;place-items:center;width:64px;height:64px;display:grid}.spinner{border:3px solid var(--coffee);border-top-color:var(--orange);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.seg{gap:6px;padding:10px 12px 4px;display:flex}.seg button{background:var(--latte);height:38px;color:var(--blue);border:1px solid var(--coffee);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.seg button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.seg button span{background:var(--orange);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11.5px;display:inline-grid}.filter-row,.chip-row{flex-wrap:wrap;gap:8px;padding:8px 12px 6px;display:flex}.chip-row{padding:0}.fchip{border:1px solid var(--coffee);height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:16px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.fchip.on{background:var(--orange-soft);border-color:var(--orange);color:var(--orange-dark)}.tcard{border:1px solid var(--coffee);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:calc(100% - 24px);margin:6px 12px;padding:12px;display:flex}.tcard:hover{background:#fffdf8;border-color:#d6cfc0}.tstat{border:2px solid var(--coffee);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.tstat.s-doing{border-color:var(--orange);background:conic-gradient(var(--orange) 0 50%, transparent 50% 100%)}.tstat.s-done{background:var(--blue);border-color:var(--blue)}.tstat.s-cancelled{border-style:dashed}.ttitle{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ttitle.new{font-weight:800}.ttitle.struck{color:var(--muted);text-decoration:line-through}.newdot{background:var(--orange);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.tmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:5px;font-size:12.5px;display:flex}.due{border-radius:6px;padding:1px 6px;font-weight:700}.due.late{color:var(--bad);background:#fdf0ed}.due.soon{color:var(--orange-dark);background:var(--orange-soft)}.due.normal{color:var(--blue);background:var(--blue-soft)}.pill{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.p-todo{background:var(--latte);color:var(--muted);border:1px solid var(--coffee)}.p-doing{background:var(--orange-soft);color:var(--orange-dark)}.p-done{background:var(--blue-soft);color:var(--blue)}.p-cancelled{color:#9a9588;background:#f3f1ec}.picker{max-height:300px;padding:0 8px 12px;overflow-y:auto}.pick{border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px;font-size:15px;display:flex}.pick small{color:var(--muted);font-size:12.5px;display:block}.pick.on{background:var(--orange-soft)}.tinfo{border:1px solid var(--coffee);border-radius:12px;margin:4px 16px 12px;overflow:hidden}.tinfo>div{border-bottom:1px solid #f1ede4;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;display:flex}.tinfo>div:last-child{border-bottom:0}.tinfo span{width:84px;color:var(--muted);flex:none;font-size:13px}.link{color:var(--orange-dark);text-underline-offset:3px;margin-left:auto;font-size:14px;font-weight:700;text-decoration:underline}.status-seg{gap:8px;display:flex}.status-seg button{border:1.5px solid var(--coffee);height:44px;color:var(--muted);background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.status-seg button:disabled{opacity:.55;cursor:default}.status-seg .on.st-todo{border-color:var(--muted);color:var(--ink);background:var(--latte)}.status-seg .on.st-doing{border-color:var(--orange);color:#fff;background:var(--orange)}.status-seg .on.st-done{border-color:var(--blue);color:#fff;background:var(--blue)}.tevent{color:var(--muted);text-align:center;margin:8px 0;font-size:12.5px}.tevent b{color:var(--blue);font-weight:600}.tcomment{gap:10px;margin:12px 0;font-size:14.5px;display:flex}.tc-head{margin-bottom:2px;font-size:13px}.tc-head span{color:var(--muted);margin-left:4px}