:root{--ink:#1c1e21;--blue:#0dacf0;--blue-btn:#0dacf0;--blue-btn-hover:#0a9ad6;--blue-text:#0679b0;--blue-tint:#e9f6fd;--bg:#f0f2f5;--card:#fff;--soft:#e4e6eb;--soft-hover:#d8dadf;--text2:#4b4f56;--hover:#f2f3f5;--subtle:#f7f8fa;--field:#fff;--field-line:#ced0d4;--line:#e4e6eb;--line-strong:#bcc0c4;--muted:#65676b;--muted2:#8a8d91;--toast-bg:#1c1e21;--toast-ink:#fff;--up:#0a7a3d;--down:#b42318;--down-tint:#fdecea;--up-tint:#e6f4ec;--note-bg:#fff8e1;--r:16px;--shadow:0 1px 2px #00000014, 0 2px 10px #00000008;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--top:env(safe-area-inset-top,0px);--bottom:env(safe-area-inset-bottom,0px);--appbar:56px;--tabbar:64px;--surface:var(--card);--surface-2:var(--hover);--surface-3:var(--soft);--dim:var(--muted2);--danger:var(--down);--ok:var(--up);--blue-wash:var(--blue-tint);--radius:12px;--font-head:var(--font);--font-body:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#18191a;--card:#242526;--ink:#e4e6eb;--text2:#c5c8cc;--muted:#b0b3b8;--muted2:#8a8d91;--line:#3a3b3c;--soft:#3a3b3c;--soft-hover:#4e4f50;--hover:#303132;--subtle:#2c2d2e;--field:#3a3b3c;--field-line:#4e4f50;--line-strong:#5d5f61;--blue-tint:#15354a;--blue-text:#62c9f5;--toast-bg:#e4e6eb;--toast-ink:#1c1e21;--up:#4cc38a;--down:#f47067;--down-tint:#3d2220;--up-tint:#1c3426;--note-bg:#3b3212;--shadow:0 1px 2px #00000080, 0 2px 10px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#18191a;--card:#242526;--ink:#e4e6eb;--text2:#c5c8cc;--muted:#b0b3b8;--muted2:#8a8d91;--line:#3a3b3c;--soft:#3a3b3c;--soft-hover:#4e4f50;--hover:#303132;--subtle:#2c2d2e;--field:#3a3b3c;--field-line:#4e4f50;--line-strong:#5d5f61;--blue-tint:#15354a;--blue-text:#62c9f5;--toast-bg:#e4e6eb;--toast-ink:#1c1e21;--up:#4cc38a;--down:#f47067;--down-tint:#3d2220;--up-tint:#1c3426;--note-bg:#3b3212;--shadow:0 1px 2px #00000080, 0 2px 10px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font:400 15px/1.4 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--blue-btn);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.dim{color:var(--muted2)}.danger{color:var(--down)}.ok{color:var(--up)}.blue{color:var(--blue-text)}.sq{background:var(--blue);flex:none;width:7px;height:7px;display:inline-block}.sq.lg{width:10px;height:10px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.appbar{z-index:40;background:var(--bg);box-shadow:0 1px 0 var(--line);padding-top:var(--top);position:sticky;top:0}.appbar__in{height:var(--appbar);align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:0 8px 0 16px;display:flex}.appbar__logo{color:var(--ink);flex:none;display:block}.appbar__logo svg{width:auto;height:30px;display:block}.appbar__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.appbar__actions .appbar__theme,.appbar__me,.gsearch--bar{display:none}.appbar__me{height:40px;font:600 14px var(--font);border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 4px}.appbar__me:hover{background:var(--soft)}.appbar__theme .i-sun{display:none}:root[data-theme=dark] .appbar__theme .i-sun{display:block}:root[data-theme=dark] .appbar__theme .i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .appbar__theme .i-sun{display:block}:root:not([data-theme=light]) .appbar__theme .i-moon{display:none}}.gsearch{position:relative}.gsearch__box{background:var(--card);height:44px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:box-shadow .2s;display:flex}.gsearch__box:focus-within{color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue-btn), 0 0 0 3px #0dacf02e}.gsearch__box svg{flex:none;width:18px;height:18px}.gsearch__box input{min-width:0;height:100%;color:inherit;font:500 16px var(--font);background:0 0;border:0;outline:none;flex:1}.gsearch__res{z-index:45;background:var(--card);border-radius:var(--r);max-height:min(70vh,560px);box-shadow:0 10px 40px #0000002e, 0 0 0 1px var(--line);padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.gsearch__h{font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);padding:10px 16px 4px}.gsearch__res .row{border-top:0;min-height:50px}.gsearch__none{color:var(--muted);padding:16px;font-size:14px}.searchsheet{z-index:110;background:var(--bg);flex-direction:column;animation:.2s fade;display:flex;position:fixed;inset:0}.searchsheet__top{padding:calc(var(--top) + 8px) 8px 8px 12px;border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.searchsheet__top .gsearch{flex:1}.searchsheet .gsearch__res{box-shadow:none;background:0 0;border-radius:0;max-height:none;position:static}.searchsheet__body{flex:1;overflow-y:auto}.shell{display:block}.sidenav,.rail{display:none}.main{min-width:0;padding-bottom:calc(var(--tabbar) + var(--bottom) + 20px)}.tabbar{z-index:60;background:var(--card);color:var(--muted);border-top:1px solid var(--line);height:calc(var(--tabbar) + var(--bottom));padding-bottom:var(--bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{font:600 10.5px/1 var(--font);color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.tab svg{width:24px;height:24px;transition:transform .2s var(--ease)}.tab:active svg{transform:scale(.88)}.tab.active{color:var(--blue-text)}.tab.active svg{color:var(--blue)}.tab.active:before{content:"";background:var(--blue-btn);border-radius:0 0 3px 3px;width:22px;height:3px;position:absolute;top:-1px}.tab--add{color:var(--ink)}.tab__sq{background:var(--blue-btn);color:#fff;width:44px;height:44px;box-shadow:0 0 0 4px var(--card);transition:transform .2s var(--ease);border-radius:13px;place-items:center;margin-top:-18px;display:grid}.tab__sq svg{color:#fff!important}.tab--add:active .tab__sq{transform:scale(.92)}.tab .count{position:absolute;top:7px;left:calc(50% + 6px)}.count{background:var(--blue-btn);color:#fff;font-style:normal;font:700 10.5px/1 var(--font);border-radius:5px;place-items:center;min-width:18px;height:18px;padding:0 4px;display:inline-grid}.navi{color:var(--ink);font:600 14.5px var(--font);align-items:center;gap:12px;display:flex;position:relative}.navi svg{flex:none;width:24px;height:24px}.rcard{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}.rcard__h{font:700 15px var(--font);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.rcard__h small{font:500 12px var(--font);color:var(--muted2)}.dayrow{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;padding:11px 0;display:grid}.dayrow:last-child{border-bottom:0;padding-bottom:2px}.dayrow span{font:600 14px var(--font)}.dayrow small{color:var(--muted);grid-column:1;font-size:12px}.dayrow b{font:700 20px var(--font);grid-area:span 2/2}.dayrow.hot b,.dayrow:hover span{color:var(--blue-text)}.mecard{grid-template-columns:48px 1fr;align-items:center;gap:4px 12px;display:grid}.mecard .avatar{border-radius:14px;width:48px;height:48px;font-size:16px}.mecard b{font:700 15px var(--font);display:block}.mecard small{color:var(--muted);font-size:12.5px}.mecard .btns{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.mecard .btns .btn{height:38px}.railfoot{color:var(--muted);padding:0 4px 12px;font-size:11.5px;line-height:1.6}.railfoot p{margin:6px 0 0}.railtheme{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.railtheme span{font:600 12.5px var(--font);color:var(--muted)}.themesw{background:var(--bg);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:inline-grid}.themesw button{height:34px;color:var(--muted);font:600 13px var(--font);background:0 0;border:0;border-radius:9px;padding:0 12px}.themesw button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000024}.content{padding:0 0 8px}.pagehead{align-items:center;gap:8px;min-height:60px;padding:14px 16px 6px;display:flex}.pagehead h1{min-width:0;font:700 24px/1.15 var(--font);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.pagehead h1.quiet{visibility:hidden}.pagehead .back{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin-left:-8px;display:grid}.pagehead .back:hover{background:var(--soft)}.appbar-actions{flex:none;gap:6px;display:flex}.pad{padding:0 16px}.section{margin:18px 0 6px}.section-title{font:700 16px/1.2 var(--font);color:var(--ink);align-items:center;gap:8px;padding:0 16px 8px;display:flex}.section-title .sq{display:none}.section-title .n{color:var(--muted);font-weight:600}.section-title .more{font:600 13.5px var(--font);color:var(--blue-text);margin-left:auto}.list{background:var(--card)}.row{border-top:1px solid var(--line);text-align:left;width:100%;min-height:60px;color:var(--ink);background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.row:first-child{border-top:0}a.row:active,button.row:active{background:var(--hover)}@media (hover:hover){a.row:hover,button.row:hover{background:var(--hover)}}.row .main-col{flex:1;min-width:0}.row .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.row .sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;overflow:hidden}.row .sub.wrap{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.row .side{text-align:right;color:var(--muted);flex:none;font-size:13px}.row>svg{flex:none;width:22px;height:22px}.row .chev{color:var(--muted2);flex:none;width:18px;height:18px}.row.unread .title:after{content:"";background:var(--blue);vertical-align:1px;width:8px;height:8px;margin-left:8px;display:inline-block}.row .when{color:var(--muted2);white-space:nowrap;font-size:12.5px}.row .when.blue{color:var(--blue-text);font-weight:600}.row.overdue .when{color:var(--down);font-weight:600}.thumb{object-fit:cover;background:var(--soft);border-radius:10px;flex:none;width:76px;height:57px}.thumb.ph{color:var(--muted2);place-items:center;display:grid}.thumb.ph svg{width:22px;height:22px}.photos{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:4px 16px 10px;display:flex;overflow-x:auto}.photos::-webkit-scrollbar{display:none}.photos a{scroll-snap-align:start;flex:none}.photos img{object-fit:cover;background:var(--soft);border-radius:12px;width:267px;height:200px;display:block}.avatar{background:var(--soft);width:40px;height:40px;font:700 13px/1 var(--font);color:var(--ink);letter-spacing:.02em;border-radius:12px;flex:none;place-items:center;display:grid}.avatar.blue{background:var(--blue-tint);color:var(--blue-text)}.avatar.sm{border-radius:9px;width:30px;height:30px;font-size:11px}.empty{background:var(--card);color:var(--muted);padding:22px 16px;font-size:14px}.chips{scrollbar-width:none;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);background:var(--card);height:36px;font:600 13px/1 var(--font);color:var(--ink);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 14px;transition:background .2s,color .2s;display:inline-flex}.chip:hover{border-color:var(--line-strong)}.chip.on{background:var(--blue-tint);color:var(--blue-text);border-color:#0000}.chip .x{opacity:.6}.badge{height:22px;font:600 11px/1 var(--font);letter-spacing:.02em;background:var(--soft);color:var(--ink);white-space:nowrap;vertical-align:1px;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.badge.blue{background:var(--blue-tint);color:var(--blue-text)}.badge.solid{background:var(--blue-btn);color:#fff}.badge.danger{background:var(--down-tint);color:var(--down)}.badge.ok{background:var(--up-tint);color:var(--up)}.badge.white{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge.handle{letter-spacing:0;font-size:12px;font-weight:600}.btn{background:var(--blue-btn);color:#fff;height:44px;font:600 14px/1 var(--font);white-space:nowrap;transition:transform .15s var(--ease), background .2s;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:hover{background:var(--blue-btn-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--field-line)}.btn.ghost:hover{background:var(--hover)}.btn.white{background:var(--soft);color:var(--ink)}.btn.white:hover{background:var(--soft-hover)}.btn.danger{background:var(--card);color:var(--down);box-shadow:inset 0 0 0 1px var(--down)}.btn.sm{border-radius:10px;height:36px;padding:0 12px;font-size:13px}.btn.block{width:100%}.btn svg{width:18px;height:18px}.iconbtn{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.iconbtn:hover{background:var(--soft)}.iconbtn.plain{background:0 0}.iconbtn svg{width:22px;height:22px}.row .iconbtn{box-shadow:inset 0 0 0 1.5px var(--field-line);width:36px;height:36px}.row .iconbtn svg{width:18px;height:18px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions.quick{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px;display:grid}.quickbtn{background:var(--card);font:600 12.5px/1 var(--font);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;display:flex}.quickbtn svg{width:22px;height:22px;color:var(--blue-btn)}.quickbtn:disabled{opacity:.45}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field>span{font:600 12.5px var(--font);color:var(--text2)}.input,.select,.textarea{border:1.5px solid var(--field-line);background:var(--field);width:100%;min-height:48px;font:500 16px var(--font);color:var(--ink);border-radius:12px;padding:11px 14px}.textarea{resize:vertical;min-height:96px;font-weight:400;line-height:1.4}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0dacf038}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 19px),calc(100% - 14px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.search{background:var(--card);height:46px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin:4px 16px 0;padding:0 14px;display:flex}.search:focus-within{color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue-btn), 0 0 0 3px #0dacf02e}.search input{font:500 16px var(--font);min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search svg{width:18px;height:18px}.backdrop{z-index:110;background:#00000085;justify-content:center;align-items:flex-end;animation:.25s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-height:90vh;padding:10px 16px calc(20px + var(--bottom));animation:up .38s var(--ease);border-radius:22px 22px 0 0;position:relative;overflow-y:auto}.sheet .grab{background:var(--line-strong);border-radius:3px;width:40px;height:5px;margin:0 auto 14px}.sheet h2{font:700 20px/1.25 var(--font);letter-spacing:-.01em;margin:2px 0 14px}.sheet .foot{gap:10px;margin-top:10px;display:flex}.sheet .foot .btn{flex:1}.sheet .x{position:absolute;top:12px;right:10px}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.agentrow{align-items:center;gap:12px;padding:4px 44px 4px 0;display:flex}.agentrow .avatar{border-radius:14px;width:48px;height:48px;font-size:16px}.agentrow b{font:700 16px var(--font);display:block}.agentrow small{color:var(--muted);font-size:13px}.menu-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.menu-tiles a{background:var(--bg);color:var(--ink);font:600 13px var(--font);border-radius:14px;flex-direction:column;gap:10px;padding:14px 12px;display:flex;position:relative}.menu-tiles a svg{width:22px;height:22px}.menu-tiles a.on{background:var(--blue-tint);color:var(--blue-text)}.menu-tiles .count{position:absolute;top:12px;right:12px}.menu-sec{font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);margin:20px 0 8px}.menu-links{flex-direction:column;display:flex}.menu-links a{border-top:1px solid var(--line);font:600 14.5px var(--font);color:var(--ink);align-items:center;gap:12px;padding:12px 0;display:flex}.menu-links a:first-child{border-top:0}.menu-links a svg{width:20px;height:20px;color:var(--text2)}.menu-links a .count{margin-left:auto}.menu-theme{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;display:flex}.menu-theme span{font:600 14px var(--font)}.legal{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.5}.toast{left:50%;bottom:calc(var(--tabbar) + 18px + var(--bottom));z-index:130;background:var(--toast-bg);width:max-content;max-width:calc(100vw - 32px);color:var(--toast-ink);font:600 13.5px/1.35 var(--font);animation:toastin .3s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}}.toast .sq{background:var(--blue)}.toast.err{background:var(--down);color:#fff}.toast.err .sq{background:#fff}.banner{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--text2);border-radius:12px;align-items:flex-start;gap:10px;margin:12px 16px 0;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.banner svg{flex:none;margin-top:1px}.banner b{color:var(--ink)}.banner.blue{background:var(--blue-tint);box-shadow:none;color:var(--ink)}.banner.blue svg{color:var(--blue-text)}.banner.danger{background:var(--down-tint);box-shadow:none;color:var(--down)}.hero{padding:0 16px 2px}.hero .greet{color:var(--text2)}.roster{background:var(--card);height:32px;box-shadow:inset 0 0 0 1px var(--line);font:600 13px/1 var(--font);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:0 12px;display:inline-flex}.roster.on{background:var(--blue-tint);box-shadow:none;color:var(--blue-text)}.stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:14px 16px 0;display:grid}.stat{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;padding:14px;display:block}a.stat:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.stat b{font:700 24px/1.1 var(--font);letter-spacing:-.01em;display:block}.stat span{font:600 12px var(--font);color:var(--muted);white-space:nowrap;margin-top:6px;display:block}.stat small{font:600 12px/1 var(--font);margin-left:4px}.stat.hot b{color:var(--blue-text)}.time{width:54px;font:700 14px/1.2 var(--font);flex:none}.time small{font:500 11.5px/1.2 var(--font);color:var(--muted2);display:block}.record-head{align-items:flex-start;gap:14px;padding:6px 16px;display:flex}.record-head .avatar{border-radius:17px;width:60px;height:60px;font-size:19px}.record-head h2{font:700 22px/1.2 var(--font);letter-spacing:-.01em;margin:0}.record-head .meta{color:var(--muted);margin-top:4px;font-size:14px}.kv{background:var(--card);grid-template-columns:120px 1fr;gap:8px 12px;margin:0;padding:14px 16px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:22px;margin-top:14px;padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{font:600 14.5px/1 var(--font);color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:12px 0;position:relative}.tabs button.on{color:var(--blue-text)}.tabs button.on:after{content:"";background:var(--blue-btn);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.consent{flex-wrap:wrap;gap:8px;padding:10px 16px 0;display:flex}.timeline{background:var(--card);padding:4px 16px}.tl{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;gap:10px;padding:12px 0;display:grid}.tl:last-child{border-bottom:0}.tl .ic{width:24px;height:24px;color:var(--muted)}.tl .ic svg{width:19px;height:19px}.tl .hd{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.tl .bd{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.thread{flex-direction:column;gap:8px;padding:12px 12px 4px;display:flex}.daysep{font:600 11.5px/1 var(--font);color:var(--muted2);align-self:center;margin:10px 0 2px}.bubble{background:var(--card);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px 16px 16px;max-width:84%;padding:10px 13px;font-size:14.5px;line-height:1.45;box-shadow:0 1px 2px #0000000f}.bubble.out{background:var(--blue-tint);color:var(--ink);box-shadow:none;border-radius:16px 4px 16px 16px;align-self:flex-end}.bubble.draft{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--blue);border:0;border-radius:16px 4px 16px 16px;align-self:flex-end}.bubble.internal{background:var(--note-bg);max-width:92%;box-shadow:none;color:var(--text2);border-radius:12px;align-self:center;font-size:14px}.bubble.call{background:var(--soft);box-shadow:none;color:var(--text2);border-radius:12px;align-self:center;font-size:14px}.bubble .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;display:flex}.bubble .subj{margin-bottom:3px;font-weight:700}.bubble .about{font:600 11.5px/1.2 var(--font);color:var(--muted);margin-bottom:4px}.composer{bottom:calc(var(--tabbar) + var(--bottom));background:var(--bg);border-top:1px solid var(--line);z-index:10;padding:10px 12px;position:sticky}.composer .modes{gap:6px;margin-bottom:8px;display:flex}.composer .line{align-items:flex-end;gap:8px;display:flex}.composer textarea{border:1.5px solid var(--field-line);background:var(--field);resize:none;min-height:46px;max-height:160px;font:400 16px/1.4 var(--font);color:var(--ink);border-radius:14px;flex:1;padding:11px 14px}.composer textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0dacf038}.composer .note{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.board{scroll-snap-type:x mandatory;align-items:flex-start;gap:12px;padding:10px 16px 20px;display:flex;overflow-x:auto}.col{scroll-snap-align:start;background:var(--card);border-radius:var(--r);max-width:300px;box-shadow:var(--shadow);flex:0 0 82%}@media (min-width:600px){.col{flex-basis:272px}}.col.over{background:var(--blue-tint);box-shadow:inset 0 0 0 1.5px var(--blue)}.col-head{border-bottom:1px solid var(--line);font:700 14px/1.2 var(--font);align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.col-head .n{color:var(--muted);margin-left:auto;font-weight:600}.col-head .val{color:var(--muted2);font-size:12px;font-weight:600}.col.lost .col-head,.col.won .col-head{color:var(--muted)}.col-body{flex-direction:column;gap:8px;min-height:60px;padding:8px;display:flex}.card{background:var(--subtle);box-shadow:inset 0 0 0 1px var(--line);touch-action:manipulation;border-radius:12px;padding:10px 12px}.card.dragging{opacity:.4}.card.overlay{background:var(--card);box-shadow:0 10px 30px #0003, inset 0 0 0 1.5px var(--blue);transform:rotate(-1.5deg)}.card .t{font-size:14.5px;font-weight:600;line-height:1.3}.card .p{color:var(--muted);margin-top:2px;font-size:13px}.card .ints{flex-direction:column;gap:3px;margin-top:7px;display:flex}.card .int{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.card .int .sq{background:var(--muted2);width:5px;height:5px}.card .int.hot .sq{background:var(--blue)}.card .ft{color:var(--muted2);justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.card .ft .stale{color:var(--down);font-weight:600}.card .handle{cursor:grab}.table{border-collapse:collapse;background:var(--card);width:100%;font-size:14px}.table th{text-align:left;font:600 12px/1 var(--font);color:var(--muted);border-bottom:1px solid var(--line);padding:12px}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px}.table tr:last-child td{border-bottom:0}.scroll-x{overflow-x:auto}.pair{border-top:1px solid var(--line);background:var(--card);grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;display:grid}.pair:first-child{border-top:0}.pair .who{background:var(--subtle);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;min-width:0;padding:10px 12px;font-size:13.5px}.pair .who b{margin-bottom:4px;font-size:15px;display:block}.pair .who .c{color:var(--muted);overflow-wrap:anywhere}.pair .why{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.signin{min-height:100vh;padding:calc(var(--top) + 40px) 20px calc(var(--bottom) + 24px);flex-direction:column;max-width:460px;margin:0 auto;display:flex}.signin .wm{color:var(--ink);width:200px;margin:0 auto 28px;display:block}.signin__card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:24px 20px 22px}.signin h1{font:700 24px/1.2 var(--font);letter-spacing:-.012em;margin:0 0 6px}.signin p{color:var(--text2);margin:0 0 20px;line-height:1.5}.signin .or{color:var(--muted2);font:600 11.5px/1 var(--font);letter-spacing:.06em;align-items:center;gap:12px;margin:18px 0;display:flex}.signin .or:before,.signin .or:after{content:"";background:var(--line);flex:1;height:1px}.signin .fine{color:var(--muted2);text-align:center;margin-top:auto;padding-top:28px;font-size:12.5px}.code-input{letter-spacing:.5em;font:700 26px/1 var(--font);text-align:center}.spinner{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{justify-content:center;padding:40px;display:flex}.offline-pill{top:calc(var(--top) + 64px);z-index:70;background:var(--toast-bg);color:var(--toast-ink);font:600 12.5px/1 var(--font);border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.testdata{font:700 10px/1 var(--font);letter-spacing:.06em;color:var(--muted2);text-transform:uppercase}@media (min-width:640px){.list,.empty,.kv,.timeline,.table,.pair:only-child{border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.list,.empty,.kv,.timeline{margin-left:16px;margin-right:16px}.scroll-x{border-radius:var(--r);box-shadow:var(--shadow);margin:0 16px}.scroll-x .table{box-shadow:none;border-radius:0}.stats{grid-template-columns:repeat(4,1fr)}.sheet{width:520px;max-height:88vh;animation:pop .25s var(--ease);border-radius:22px;padding:22px 24px}.backdrop{align-items:center}.sheet .grab{display:none}.toast{bottom:28px}.signin{padding-top:calc(var(--top) + 72px)}.signin__card{padding:30px 28px 26px}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (min-width:768px){:root{--appbar:64px}.appbar__in{gap:16px;padding:0 24px}.appbar__logo svg{height:34px}.gsearch--bar{flex:1;max-width:460px;margin-left:24px;display:block}.appbar__m{display:none}.appbar__actions .appbar__theme{display:grid}.appbar__me{display:inline-flex}.appbar__actions{gap:10px}.tabbar{display:none}.main{padding:4px 0 56px}.composer{bottom:0}.offline-pill{top:calc(var(--top) + 74px)}.shell{grid-template-columns:76px minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;padding:0 24px;display:grid}.sidenav{top:var(--appbar);height:calc(100vh - var(--appbar));scrollbar-width:thin;align-self:start;padding:16px 0 24px;display:block;position:sticky;overflow-y:auto}.sidenav__group{padding:6px 0}.sidenav__group+.sidenav__group{border-top:1px solid var(--line)}.sidenav__label,.navi>span,.navi .count{display:none}.navi{border-radius:14px;justify-content:center;height:50px;transition:background .15s}.navi:hover{background:var(--soft)}.navi.active{background:var(--card);box-shadow:var(--shadow)}.navi.active:after{content:"";background:var(--blue);width:4px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navi.active svg{color:var(--blue-text)}.content{max-width:760px;margin:0 auto}.is-wide .content{max-width:none}.pagehead,.hero,.record-head{padding-left:0;padding-right:0}.pagehead{padding-top:16px}.pagehead .back{margin-left:-6px}.section-title,.chips,.tabs,.consent,.actions.quick,.pad{padding-left:0;padding-right:0}.list,.empty,.kv,.timeline,.scroll-x{margin-left:0;margin-right:0}.stats{padding:14px 0 0}.search,.banner{margin-left:0;margin-right:0}.board{scroll-snap-type:none;padding:10px 0 20px}.chips{flex-wrap:wrap}.photos{padding-left:0;padding-right:0}.thread{padding:12px 0 4px}.composer{padding:12px 0}.actions.quick{max-width:520px}}@media (min-width:1100px){.shell{grid-template-columns:252px minmax(0,680px) 320px;justify-content:center;gap:32px}.is-wide .shell{grid-template-columns:252px minmax(0,1fr)}.is-wide .rail{display:none!important}.content{max-width:none}.sidenav__label{font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);padding:14px 12px 6px;display:block}.navi{justify-content:flex-start;height:46px;padding:0 12px}.navi>span{display:inline}.navi .count{margin-left:auto;display:inline-grid}.navi.active:after{width:6px;height:6px;left:-10px}.navi--sm{height:40px;font-size:13.5px}.navi--sm svg{width:20px;height:20px;color:var(--text2)}.rail{top:calc(var(--appbar) + 20px);max-height:calc(100vh - var(--appbar) - 40px);scrollbar-width:none;flex-direction:column;align-self:start;gap:16px;margin:20px 0;display:flex;position:sticky;overflow-y:auto}.rail::-webkit-scrollbar{display:none}}@media (min-width:1400px){.shell{grid-template-columns:272px minmax(0,700px) 340px;gap:40px}.is-wide .shell{grid-template-columns:272px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}