:root{--lemon:#f7ff8a;--lemon-80:#f9ffa1;--lemon-40:#fcffd0;--lemon-20:#fdffe8;--sky:#91ceff;--sky-80:#a7d8ff;--sky-40:#d3ebff;--sky-20:#e9f5ff;--graphite:#4f4f4f;--grey:#c9c9c9;--grey-light:#ededed;--grey-bg:#f6f6f6;--white:#fff;--black:#000;--focus:#9a7eeb;--glow:#ed82af;--detox:#29d57e;--slim:#f4933d;--bg:var(--white);--fg:var(--black);--muted:var(--graphite);--line:var(--grey-light);--radius:20px;--radius-sm:12px;--radius-pill:999px;--shadow:0 8px 30px #0000000f;--font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";margin:0;font-size:15px;line-height:1.45}h1,h2,h3,.h-display{letter-spacing:-.06em;margin:0;font-weight:600;line-height:1.05}h1{font-size:clamp(32px,4.5vw,56px)}h2{font-size:clamp(22px,2.6vw,32px)}h3{letter-spacing:-.03em;font-size:18px}p{margin:0}a{color:inherit}button{font:inherit}.muted{color:var(--muted)}.dim{color:var(--grey)}.dots-bg{background-image:radial-gradient(circle,#fafafa 0 46%,#0000 47%);background-position:-60px -60px;background-size:260px 260px}.dotmark{grid-template-columns:repeat(3, var(--dot,6px));gap:calc(var(--dot,6px) * .45);display:inline-grid}.dotmark span{width:var(--dot,6px);height:var(--dot,6px);background:currentColor;border-radius:50%}.btn{border-radius:var(--radius-pill);background:var(--black);color:var(--white);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:transform .12s,background .12s,opacity .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.lemon{background:var(--lemon);color:var(--black)}.btn.sky{background:var(--sky);color:var(--black)}.btn.ghost{border-color:var(--grey);color:var(--fg);background:0 0}.btn.ghost:hover{border-color:var(--black)}.btn.white{background:var(--white);color:var(--black)}.btn.sm{padding:8px 14px;font-size:13px}.btn.xs{padding:5px 11px;font-size:12px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card.black{background:var(--black);color:var(--white);border-color:var(--black)}.card.black .muted{color:var(--grey)}.card.lemon{background:var(--lemon);border-color:var(--lemon)}.card.sky{background:var(--sky);border-color:var(--sky)}.card.soft{background:var(--grey-bg);border-color:var(--grey-bg)}.pill{border-radius:var(--radius-pill);background:var(--grey-light);color:var(--graphite);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.lemon{background:var(--lemon);color:var(--black)}.pill.sky{background:var(--sky);color:var(--black)}.pill.glow{background:var(--glow);color:var(--white)}.pill.slim{background:var(--slim);color:var(--white)}.pill.detox{background:var(--detox);color:var(--white)}.pill.focus{background:var(--focus);color:var(--white)}.pill.outline{border:1px solid var(--grey);background:0 0}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--grey);width:100%;font:inherit;background:var(--white);color:var(--fg);outline:none;padding:12px 16px}.input:focus,.select:focus{border-color:var(--black)}textarea.input{resize:none}.switch{background:var(--grey);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:26px;position:relative}.switch:after{content:"";background:var(--white);border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--black)}.switch[aria-checked=true]:after{left:21px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.md p{margin:0 0 10px}.md ul,.md ol{margin:0 0 10px;padding-left:20px}.md li{margin:3px 0}.md h2,.md h3{letter-spacing:-.03em;margin:14px 0 8px;font-size:16px}.md a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--grey);text-decoration-color:var(--grey);text-underline-offset:3px}.md code{background:var(--grey-bg);border-radius:6px;padding:1px 5px;font-size:13px}.md strong{font-weight:700}.md>:last-child{margin-bottom:0}.empty{text-align:left;color:var(--muted);padding:40px 20px}.spinner{border:2px solid var(--grey);border-top-color:var(--black);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade{animation:.25s both fadeUp}.shell{grid-template-columns:250px 1fr;min-height:100%;display:grid}@media (width<=900px){.shell{grid-template-columns:1fr}}.sidebar{background:var(--black);height:100vh;color:var(--white);flex-direction:column;gap:24px;padding:28px 18px;display:flex;position:sticky;top:0}@media (width<=900px){.sidebar{flex-direction:row;align-items:center;gap:14px;height:auto;padding:14px 16px;position:static;overflow-x:auto}.sidebar .user{display:none}.sidebar .logo{flex:none;padding:0;font-size:17px}.sidebar nav a{padding:8px 12px;font-size:13px}}.sidebar .logo{letter-spacing:-.04em;align-items:center;gap:10px;padding:0 8px;font-size:20px;font-weight:700;display:flex}.sidebar nav{flex-direction:column;gap:4px;display:flex}@media (width<=900px){.sidebar nav{flex-direction:row}}.sidebar nav a{color:var(--grey);white-space:nowrap;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar nav a:hover{color:var(--white);background:#ffffff0f}.sidebar nav a.active{color:var(--black);background:var(--lemon)}.sidebar nav a.active .badge{background:var(--black);color:var(--lemon)}.sidebar .badge{background:var(--sky);min-width:20px;height:20px;color:var(--black);border-radius:10px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.sidebar .user{align-items:center;gap:10px;margin-top:auto;padding:8px;font-size:13px;display:flex}@media (width<=900px){.sidebar .user{margin:0 0 0 auto}}.sidebar .user img,.sidebar .user .avatar{object-fit:cover;background:var(--sky);width:34px;height:34px;color:var(--black);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.sidebar .user .name{color:var(--white);font-weight:600}.sidebar .user .sub{color:var(--grey);font-size:12px}.main{width:100%;max-width:1180px;padding:36px clamp(16px,4vw,48px) 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-head .kicker{color:var(--muted);text-transform:lowercase;margin-bottom:8px;font-size:12px;font-weight:600}.inbox-item{border:1px solid var(--line);background:var(--white);border-radius:16px;grid-template-columns:44px 1fr auto;align-items:start;gap:14px;padding:16px 18px;display:grid}.inbox-item.new{border-color:var(--black)}.inbox-item.done{opacity:.5}.inbox-item .icon{background:var(--grey-bg);border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.inbox-item .icon.task{background:var(--lemon)}.inbox-item .icon.mention{background:var(--glow);color:#fff}.inbox-item .icon.message{background:var(--sky)}.inbox-item .icon.task_comment{background:var(--sky-40)}.inbox-item .icon.calendar{background:var(--focus);color:#fff}.inbox-item .icon.feed{background:var(--slim);color:#fff}.inbox-item .title{letter-spacing:-.02em;font-weight:700}.inbox-item .title a{text-decoration:none}.inbox-item .title a:hover{text-decoration:underline}.inbox-item .meta{color:var(--muted);margin-top:2px;font-size:12px}.inbox-item .body{color:var(--graphite);white-space:pre-wrap;margin-top:8px;font-size:14px}.inbox-item .reasons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inbox-item .actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.inbox-item .score{letter-spacing:-.05em;font-size:22px;font-weight:800;line-height:1}.inbox-item .score.hot{color:var(--glow)}.inbox-item .score.warm{color:var(--slim)}@media (width<=640px){.inbox-item{grid-template-columns:44px 1fr}.inbox-item .actions{flex-direction:row;grid-column:1/-1}}.filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filters button{border:1px solid var(--grey);background:var(--white);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.filters button.on{background:var(--black);color:var(--white);border-color:var(--black)}.task-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.task-row:last-child{border-bottom:0}.task-row .t{letter-spacing:-.02em;font-weight:600}.task-row .t a{text-decoration:none}.task-row .t a:hover{text-decoration:underline}.task-row .m{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:3px;font-size:12px;display:flex}.task-row .dl{font-weight:600}.task-row .dl.over{color:var(--glow)}.task-row .dl.today{color:var(--slim)}.task-row .acts{gap:6px;display:flex}.chat{grid-template-columns:240px 1fr;gap:20px;height:calc(100vh - 190px);min-height:460px;display:grid}@media (width<=900px){.chat{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:calc(100vh - 230px)}}.chat-list{flex-direction:column;gap:4px;display:flex}.chat-list a{color:var(--graphite);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;padding:10px 12px;font-size:13px;text-decoration:none;display:block;overflow:hidden}.chat-list a.active,.chat-list a:hover{background:var(--grey-bg);color:var(--black)}@media (width<=900px){.chat-list{flex-direction:row;overflow-x:auto}.chat-list a{flex:none;max-width:180px}}.chat-pane{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);flex-direction:column;min-height:0;display:flex;overflow:hidden}.chat-log{flex-direction:column;flex:1;gap:14px;padding:22px;display:flex;overflow-y:auto}.msg{border-radius:18px;max-width:78%;padding:12px 16px;font-size:15px}.msg.user{background:var(--black);color:var(--white);white-space:pre-wrap;border-bottom-right-radius:6px;align-self:flex-end}.msg.assistant{background:var(--grey-bg);border-bottom-left-radius:6px;align-self:flex-start}.msg .trace{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chat-input{border-top:1px solid var(--line);background:var(--white);gap:10px;padding:14px;display:flex}.chat-input textarea{flex:1;min-height:48px;max-height:160px}.suggest{flex-wrap:wrap;gap:8px;padding:0 22px 14px;display:flex}.suggest button{border:1px solid var(--grey);background:var(--white);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px}.suggest button:hover{border-color:var(--black)}.today-hero{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=900px){.today-hero{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stats .stat{background:var(--grey-bg);border-radius:16px;padding:16px}.stats .stat .n{letter-spacing:-.06em;font-size:34px;font-weight:800;line-height:1}.stats .stat .l{color:var(--muted);margin-top:6px;font-size:12px}.stats .stat.lemon{background:var(--lemon)}.stats .stat.sky{background:var(--sky)}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting:last-child{border-bottom:0}.setting .l{font-weight:600}.setting .d{color:var(--muted);margin-top:2px;font-size:13px}.setting .select,.setting .input{width:auto;min-width:200px}.code-box{letter-spacing:.12em;background:var(--black);color:var(--lemon);font-variant-numeric:tabular-nums;border-radius:16px;padding:16px 22px;font-size:34px;font-weight:800;display:inline-block}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=900px){.login{grid-template-columns:1fr}}.login-left{background:var(--black);color:var(--white);flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(28px,6vw,72px);display:flex}.login-left h1{font-size:clamp(40px,6vw,84px);line-height:.95}.login-left .grey{color:var(--grey)}.login-right{align-items:center;padding:clamp(28px,6vw,72px);display:flex}.login-form{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.feature{color:var(--grey);grid-template-columns:28px 1fr;align-items:start;gap:12px;font-size:14px;display:grid}.feature b{color:var(--white);letter-spacing:-.02em;display:block}.feature .dm{color:var(--lemon);margin-top:2px}
