.x{--side:232px;--rail:64px;--chat:368px;grid-template-columns:var(--side) minmax(0, 1fr);background:var(--paper);height:100%;color:var(--pen);text-align:left;isolation:isolate;gap:16px;padding:16px;font-size:14px;line-height:1.45;display:grid;position:relative;overflow:hidden}:where(.x) button{font:inherit;color:inherit}.x svg.lucide{width:16px;height:16px}.x[data-layout=wide][data-chat=true]{grid-template-columns:var(--rail) minmax(0, 1fr) var(--chat)}.x[data-rail],.x[data-layout=mid]{grid-template-columns:var(--rail) minmax(0, 1fr)}.x[data-rail][data-layout=wide][data-chat=true]{grid-template-columns:var(--rail) minmax(0, 1fr) var(--chat)}.x[data-layout=phone]{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.x details{background:0 0;border:0;border-radius:0}.x summary{min-height:0;padding:0;font-size:12px;font-weight:400;display:block}.x summary:after{display:none}.x-sq{background:var(--fill);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.x-sq--dark{background:var(--pen);color:var(--pen-fg)}.x-ib{background:var(--sheet);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;transition:transform .15s,background-color .2s;display:grid;position:relative}.x-ib:hover{background:var(--sheet-2)}.x-ib:active{transform:scale(.94)}.x-ib[aria-pressed=true],.x-ib--dark{background:var(--pen);color:var(--pen-fg)}.x-ib--dark:hover,.x-ib[aria-pressed=true]:hover{background:color-mix(in oklch, var(--pen) 85%, var(--sheet))}.x-ib--ghost{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:9px}.x-ib--ghost:hover{color:var(--pen);background:var(--fill)}.x-ib--ghost[aria-pressed=true]{background:var(--fill);color:var(--pen)}.x-badge{background:var(--sheet);min-width:20px;height:20px;color:var(--pen);box-shadow:0 0 0 1px var(--line-strong);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-style:normal;font-weight:600;display:grid;position:absolute;top:-6px;right:-6px}.x-badge:empty,.x-count:empty{display:none}.x-btn{background:var(--fill);white-space:nowrap;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;transition:transform .15s,background-color .2s,opacity .2s;display:inline-flex;font-size:13px!important;font-weight:600!important}.x-btn:active{transform:translateY(1px)}.x-btn svg.lucide{width:14px;height:14px}.x-btn--dark{background:var(--pen);color:var(--pen-fg)!important}.x-btn--dark:hover{background:color-mix(in oklch, var(--pen) 82%, var(--sheet))}.x-btn--soft:hover{background:color-mix(in oklch, var(--fill) 70%, var(--pen) 6%)}.x-btn--sm{height:30px}.x-btn--xs{height:28px;padding:0 10px;font-size:12px!important}.x-muted{color:var(--muted);font-size:13.5px}.x-dot{--c:var(--planned);background:var(--c);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.x-dot.is-overdue,.x-pill.is-overdue,.x-row.is-overdue,.x-watch__row.is-overdue,.x-pay__list .is-overdue{--c:var(--overdue)}.x-dot.is-urgent,.x-pill.is-urgent,.x-row.is-urgent,.x-watch__row.is-urgent,.x-pay__list .is-urgent{--c:var(--urgent)}.x-dot.is-soon,.x-pill.is-soon,.x-row.is-soon,.x-watch__row.is-soon,.x-pay__list .is-soon{--c:var(--soon)}.x-dot.is-done,.x-pill.is-done,.x-row.is-done,.x-watch__row.is-done{--c:var(--done)}.x-tag{background:var(--fill);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.x-tag.is-filed{background:color-mix(in oklch, var(--done) 15%, transparent);color:var(--done)}.x-tag.is-flagged{background:color-mix(in oklch, var(--overdue) 13%, transparent);color:var(--overdue)}.x-tag.is-working{background:var(--pen);color:var(--pen-fg)}.x-side{background:var(--sheet);scrollbar-width:none;border-radius:18px;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.x-side::-webkit-scrollbar{display:none}.x-side__head{align-items:center;gap:10px;padding:2px 2px 6px;display:flex}.x-logo{background:var(--pen);width:34px;height:34px;color:var(--pen-fg);animation:mark-in .6s var(--spring) both;border-radius:9px;flex:none;display:inline-flex;position:relative;overflow:hidden}.x-logo svg{width:100%;height:100%}.x-logo__letter{transform-origin:50% 60%;animation:mark-letter .7s var(--ease) .12s both}.x-logo__shine{background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%) -150% 0/250% 100% no-repeat;background:linear-gradient(110deg,#0000 30%,lab(100% 0 0/.45) 50%,#0000 70%) -150% 0/250% 100% no-repeat;position:absolute;inset:0}.x-side__head:hover .x-logo__shine{transition:background-position .7s var(--ease);background-position:150% 0}.x-side__name{letter-spacing:-.01em;flex:1;font-size:15px;font-weight:600}.x-nav{flex-direction:column;gap:2px;display:flex}.x-nav__group{color:var(--muted);padding:10px 10px 4px;font-size:11.5px}.x-nav__group:first-child{padding-top:0}.x-nav__item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;height:36px;padding:0 10px;font-weight:500;transition:background-color .2s,transform .15s;display:flex;position:relative;font-size:14px!important}.x-nav__item:hover{background:var(--fill)}.x-nav__item:active{transform:scale(.98)}.x-nav__item.is-on{background:var(--pen);color:var(--pen-fg)}.x-nav__item svg.lucide{width:17px;height:17px}.x-count{background:var(--fill);min-width:20px;height:18px;color:var(--muted);border-radius:6px;place-items:center;margin-left:auto;padding:0 5px;font-size:11px;font-style:normal;font-weight:600;display:grid}.x-count.is-hot{background:var(--urgent);color:#fff}.x-nav__item.is-on .x-count:not(.is-hot){color:inherit;background:#ffffff26;background:lab(100% 0 0/.15)}.x-ask{background:var(--ink);color:var(--ink-fg);isolation:isolate;border-radius:14px;margin-top:auto;padding:12px;position:relative;overflow:hidden}.x-ask:after{content:"";z-index:-1;opacity:.85;background:radial-gradient(circle at 40% 35%,#f2f2f2 0%,#9e9e9e 38%,#333 70%,#060606 100%);background:radial-gradient(circle at 40% 35%,lab(95.36% 0 0) 0%,lab(65.2% 0 0) 38%,lab(21.12% 0 0) 70%,lab(1.5609% 0 0) 100%);border-radius:50%;width:64px;height:64px;position:absolute;top:-22px;right:-22px}.x-ask p{align-items:center;gap:8px;font-weight:600;display:flex}.x-ask__field{background:#ffffff14;background:lab(100% 0 0/.08);border-radius:10px;align-items:center;gap:6px;margin:10px 0 8px;padding:4px 4px 4px 10px;display:flex}.x-ask__field input{min-width:0;color:var(--ink-fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13px}.x-ask__field input::placeholder{color:var(--ink-muted)}.x-ask__field button{cursor:pointer;background:#fff3;background:lab(100% 0 0/.2);border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.x-ask__field svg.lucide{width:14px;height:14px}.x-ask__open{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex;color:var(--ink-muted)!important;font-size:12px!important}.x-ask__open kbd{color:var(--ink-muted);background:0 0;border-color:#ffffff40;border-color:lab(100% 0 0/.25)}.x-ask-mini{background:var(--ink);cursor:pointer;border:0;border-radius:12px;place-items:center;width:40px;height:40px;margin-top:auto;display:none;color:var(--ink-fg)!important}.x-me{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:12px;display:flex}.x-avatar{background:var(--pen);width:38px;height:38px;color:var(--pen-fg);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.x-me__main{gap:2px;min-width:0;display:grid}.x-me__main b{justify-self:start;font-weight:600}.x-mini-switch{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex;color:var(--muted)!important;font-size:12px!important}.x-mini-switch i{background:var(--fill);border-radius:999px;width:26px;height:15px;transition:background-color .2s;position:relative}.x-mini-switch i:after{content:"";background:var(--sheet);width:11px;height:11px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040;box-shadow:0 1px 2px lab(0% 0 0/.25)}.x-mini-switch[aria-checked=true] i{background:var(--pen)}.x-mini-switch[aria-checked=true] i:after{transform:translate(11px)}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-side{align-items:center;padding:14px 10px}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) :is(.x-side__name,.x-side__fold,.x-nav__group,.x-nav__item>span,.x-ask,.x-me__main){display:none}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-nav{gap:6px;margin-top:8px}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-nav__item{justify-content:center;width:40px;height:40px;padding:0}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-nav__item:nth-of-type(5),:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-nav__item:nth-of-type(8){margin-bottom:10px}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-count{width:8px;min-width:0;height:8px;padding:0;font-size:0;position:absolute;top:6px;right:6px}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-count:not(.is-hot){display:none}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-ask-mini{display:grid}:is(.x[data-rail],.x[data-layout=mid],.x[data-layout=wide][data-chat=true]) .x-me{border-top:0;padding-top:0}.x-main{overscroll-behavior-y:auto;scrollbar-width:thin;min-width:0;min-height:0;position:relative;overflow-y:auto;container:main/inline-size}.x-top{z-index:6;background:color-mix(in oklch, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(150%);align-items:center;gap:10px;padding:2px 2px 14px;display:flex;position:sticky;top:0}.x-title{letter-spacing:-.035em;white-space:nowrap;margin-right:auto;font-size:32px;font-weight:600;line-height:1.1}.x-top__date-sm{display:none}.x-date{background:var(--sheet);border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 14px 0 6px;display:flex}.x-date .x-sq{width:32px;height:32px}.x-date span:nth-child(2){line-height:1.15;display:grid}.x-date b{font-size:12.5px;font-weight:600}.x-date small{color:var(--muted);font-size:11.5px}.x-live{background:var(--done);border-radius:50%;flex:none;width:7px;height:7px;margin-left:6px;display:inline-block}.x-live.is-bump{animation:1.2s ease-out 2 live-bump}@keyframes live-bump{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--done) 70%, transparent)}to{box-shadow:0 0 0 9px #0000}}.x-search{background:var(--sheet);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:10px;width:min(280px,32cqi);height:44px;padding:0 8px 0 6px;transition:box-shadow .2s;display:flex;color:var(--muted)!important;font-size:13.5px!important}.x-search:hover{box-shadow:0 0 0 1px var(--line-strong)}.x-search .x-sq{width:32px;height:32px}.x-search span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.x-search kbd{font-size:10.5px}.x-search kbd+kbd{margin-left:-6px}.x-top__icons{gap:8px;display:flex}@container main (width<=900px){.x-date{display:none}}@container main (width<=640px){.x-search{width:44px;padding:0 6px}.x-search span:nth-child(2),.x-search kbd{display:none}}.x-pop{z-index:20;background:var(--sheet);width:min(320px,90cqi);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);animation:pop-in .2s var(--ease) both;border-radius:14px;padding:6px;position:absolute;top:52px;right:50px}.x-pop__title{color:var(--muted);padding:6px 8px 4px;font-size:12px}.x-pop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.x-pop button:hover{background:var(--fill)}.x-pop button>span:first-child{display:grid}.x-pop small{color:var(--muted);font-size:12px}.x-pop .x-muted{padding:8px}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.x-view{animation:view-in .24s var(--ease);grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:16px;display:grid}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}.x-card{background:var(--sheet);min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:18px;padding:20px;position:relative}.x-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.x-card__head>div{min-width:0}.x-card__title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.x-card__sub{color:var(--muted);margin-top:2px;font-size:13px}.x-card__icon{width:34px;height:34px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.x-card__icon.is-dark{background:var(--pen);color:var(--pen-fg)}.x-seg{background:var(--fill);border-radius:10px;flex:none;padding:3px;display:inline-flex}.x-seg button{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 12px;font-weight:500;transition:background-color .2s;font-size:12.5px!important}.x-seg button[aria-pressed=true]{background:var(--sheet);box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px lab(0% 0 0/.08)}.x-seg--dark{background:#ffffff14;background:lab(100% 0 0/.08);margin:14px 0 6px;display:flex}.x-seg--dark button{opacity:.85;flex:1;color:var(--ink-fg)!important}.x-seg--dark button[aria-pressed=true]{opacity:1;background:#000c;background:lab(0% 0 0/.8)}.x-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@container main (width>=620px){.x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x-cal{grid-column:1/-1}}@container main (width>=1000px){.x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x-cal{grid-column:span 2}}@container main (width<=560px){.x-cal .x-card__head{flex-direction:column}}.x-lanes{--name:96px;display:grid}.x-lane{grid-template-columns:var(--name) minmax(0, 1fr);gap:12px;display:grid}.x-lane+.x-lane{border-top:1px dashed var(--line-strong)}.x-lane__name{color:var(--muted);align-items:center;font-size:13px;display:flex}.x-lane__track{position:relative}.x-pill{--c:var(--planned);background:var(--pen);cursor:pointer;height:32px;transition:transform .2s var(--ease);border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px 0 4px;font-weight:500;display:flex;position:absolute;color:var(--pen-fg)!important;font-size:12px!important}.x-pill:hover{transform:translateY(-2px)}.x-pill.is-flipped{flex-direction:row-reverse;padding:0 4px 0 10px}.x-pill__day{background:var(--c);color:#fff;width:24px;height:24px;font-family:var(--mono);border-radius:6px;flex:none;place-items:center;font-size:10.5px;font-weight:600;display:grid}.x-pill.is-planned .x-pill__day{background:var(--pen-fg);color:var(--pen)}.x-pill.is-soon .x-pill__day{color:var(--soon-fg)}.x-pill.is-done{background:var(--fill);color:var(--muted)!important}.x-pill__t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.x-pill.is-fresh{animation:pill-in .7s var(--spring) both, pill-ring 1.2s ease-out .5s 2}@keyframes pill-in{0%{opacity:0;transform:translateY(-16px)scale(.85)}}@keyframes pill-ring{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--c) 70%, transparent)}to{box-shadow:0 0 0 10px #0000}}.x-ticks{margin-left:calc(var(--name) + 12px);border-top:1px solid var(--line);margin-top:6px}.x-ticks__line{height:26px;display:block;position:relative}.x-ticks span span{color:var(--muted);font-size:12px;position:absolute;top:8px;transform:translate(-50%)}.x-legend{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:12px -20px -20px;padding:14px 20px;font-size:12px;display:flex}.x-legend li{align-items:center;gap:6px;display:inline-flex}.x-legend .is-overdue{--c:var(--overdue)}.x-legend .is-urgent{--c:var(--urgent)}.x-legend .is-soon{--c:var(--soon)}.x-legend .is-done{--c:var(--done)}.x-pay{background:var(--ink);color:var(--ink-fg);box-shadow:none;--redact:var(--ink-fg)}.x-pay .x-card__sub{color:var(--ink-muted)}.x-pay__total{letter-spacing:-.045em;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:12px 0 10px;font-size:clamp(30px,9cqi,44px);font-weight:600;line-height:1;display:flex}.x-pay__approx{color:var(--ink-muted);font-weight:500}.x-pay.is-up .x-pay__total{animation:1.4s ease-out up-glow}@keyframes up-glow{0%,40%{color:#99efb0;color:lab(87.6468% -36.6561 21.7057)}}.x-pay__split{gap:6px;font-size:13.5px;display:grid}.x-pay__split div{justify-content:space-between;gap:10px;display:flex}.x-pay__split dt{align-items:center;gap:8px;display:flex}.x-pay__split dt i{background:var(--ink-fg);border-radius:2px;width:9px;height:9px}.x-pay__split dt i.est{background:#717171;background:lab(47.8% 0 .0000119209)}.x-pay__todo{color:var(--ink-muted);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.x-pay__todo svg.lucide{width:14px;height:14px}.x-bars{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:6px;height:92px;margin:18px 0 12px;display:grid}.x-bars__col{grid-template-rows:1fr auto;gap:4px;min-width:0;display:grid}.x-bars__stack{flex-direction:column;justify-content:flex-end;min-height:0;display:flex}.x-bars__stack i{background:var(--ink-fg);transform-origin:bottom;width:100%;animation:grow .7s var(--ease) both;display:block}.x-bars__stack i:last-child{border-radius:0 0 2px 2px}.x-bars__stack i:first-child{border-radius:2px 2px 0 0}.x-bars__stack i.est{background:#717171;background:lab(47.8% 0 .0000119209)}.x-bars__col small{text-align:center;color:var(--ink-muted);text-transform:capitalize;font-size:10px;overflow:hidden}.x-pay__list{gap:2px;display:grid}.x-pay__list li{--c:var(--planned);border-left:3px solid var(--c);justify-content:space-between;align-items:center;gap:10px;padding:8px 0 8px 12px;font-size:13px;display:flex}.x-pay__list li+li{margin-top:4px}.x-pay__list li>span:first-child{min-width:0;display:grid}.x-pay__list b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.x-pay__list small{color:var(--ink-muted);font-size:11.5px}.x-pay__list .mono{white-space:nowrap;font-size:12.5px}.x-pay__list li.is-fresh{animation:2.6s ease-out x-fresh-dark}@keyframes x-fresh-dark{0%,30%{background:#ffffff14;background:lab(100% 0 0/.08)}}.x-watch ul,.x-todo ul,.x-recent ul{display:grid}.x-watch__row{--c:var(--planned);border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 8px 10px 16px;transition:background-color .2s;display:flex;position:relative}.x-watch__row:last-child{border-bottom:0}.x-watch__row:hover{background:var(--sheet-2)}.x-watch__row:before{content:"";background:var(--c);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:4px}.x-watch__main{min-width:0;display:grid}.x-watch__main b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.x-watch__main small{color:var(--muted);font-size:12px}.x-todo li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.x-todo li b{flex:1;font-weight:500}.x-todo .x-btn{margin-top:12px}.x-todo .x-btn svg.lucide{transition:transform .3s var(--ease)}.x-todo .x-btn:hover svg.lucide{transform:rotate(12deg)}.x-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.x-tabs{background:var(--sheet);scrollbar-width:none;border-radius:12px;flex:280px;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto}.x-tabs::-webkit-scrollbar{display:none}.x-tabs button{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-weight:500;transition:background-color .2s;font-size:13.5px!important}.x-tabs button[aria-pressed=true]{background:var(--fill)}.x-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex;color:var(--muted)!important;font-size:13.5px!important}.x-toggle__track{background:var(--fill);width:34px;height:20px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;transition:background-color .2s;position:relative}.x-toggle__track span{background:var(--sheet);width:16px;height:16px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040;box-shadow:0 1px 3px lab(0% 0 0/.25)}.x-toggle[aria-checked=true] .x-toggle__track{background:var(--pen)}.x-toggle[aria-checked=true] .x-toggle__track span{transform:translate(14px)}.x-month .x-card__head{align-items:baseline}.x-month .x-card__title{text-transform:capitalize;font-size:19px}.x-rows{display:grid}.x-row{--c:var(--planned);border-bottom:1px solid var(--line);border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 6px;display:grid}.x-row:last-child{border-bottom:0}.x-tile{background:var(--c);color:#fff;border-radius:10px;align-content:center;place-items:center;width:48px;height:48px;line-height:1;display:grid}.x-tile b{font-family:var(--mono);font-size:17px;font-weight:600}.x-tile small{opacity:.9;margin-top:2px;font-size:9px;font-weight:600}.x-row.is-planned .x-tile{background:var(--pen);color:var(--pen-fg)}.x-row.is-soon .x-tile{color:var(--soon-fg)}.x-tile svg.lucide{stroke-width:2.5px;width:22px;height:22px}.pop{animation:pop .38s var(--spring) both}.x-row__main{min-width:0;display:grid}.x-row__main b{font-size:14.5px;font-weight:500}.x-row.is-done .x-row__main b{text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);color:var(--muted)}.x-row__main small{color:var(--muted);font-size:12.5px}.x-row__end{flex-direction:column;align-items:flex-end;gap:8px;display:flex}@container main (width<=560px){.x-row{grid-template-columns:44px minmax(0,1fr);row-gap:8px}.x-tile{width:44px;height:44px}.x-row__end{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}.x-row__note{display:none}}.x-docs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.x-doc{border:1px solid var(--line);background:var(--sheet-2);text-align:left;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s, opacity .3s, background-color .2s;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:1px 10px;padding:12px;display:grid;position:relative}.x-doc:hover:not(:disabled){background:var(--sheet);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.x-doc:active:not(:disabled){transform:scale(.98)}.x-doc:disabled{opacity:.45;cursor:default}.x-doc .x-sq{background:var(--sheet);box-shadow:0 0 0 1px var(--line);grid-row:1/span 3}.x-doc__src{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px;overflow:hidden}.x-doc b{font-size:13.5px;font-weight:600;line-height:1.3}.x-doc__file{color:var(--muted);font-size:11px}.x-inbox{display:grid}.x-in{border-bottom:1px solid var(--line);border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 6px;display:grid}.x-in:last-child{border-bottom:0}.x-in__main{min-width:0;display:grid}.x-in__main b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.x-in__main small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.x-log{background:var(--sheet-2);border-radius:12px;grid-column:1/-1;gap:6px;margin-top:6px;padding:10px 12px;font-size:12.5px;display:grid}.x-log:empty{display:none}.x-log li{animation:rise-in .35s var(--ease) both}.x-log__line{grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;display:grid}.x-log__line svg.lucide{width:14px;height:14px;color:var(--muted);margin-top:2px}.x-log__line.is-warn,.x-log__line.is-warn svg.lucide{color:var(--overdue)}.x-log__line.is-ok svg.lucide{color:var(--done)}.x-log code,.x-a__text code{background:var(--fill);word-break:break-all;border-radius:4px;padding:0 4px;font-size:11.5px}.x-log__sep{color:var(--muted);font-size:11px}.x-diff{background:var(--ink);color:var(--ink-fg);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;--redact:var(--ink-fg);border-radius:10px;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.6}.x-diff .del{color:#fa8880;color:lab(69.6437% 43.719 24.6316)}.x-log .x-diff .add{animation:line-in-once .3s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms);display:inline-block}@keyframes line-in-once{0%{opacity:0;transform:translate(-6px)}}.x-grid--fin{grid-template-columns:minmax(0,1fr)}@container main (width>=760px){.x-grid--fin{grid-template-columns:repeat(2,minmax(0,1fr))}}.x-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.x-stats div{min-width:0;display:grid}.x-stats small{color:var(--muted);font-size:12px}.x-stats b{letter-spacing:-.03em;white-space:nowrap;justify-self:start;font-size:clamp(15px,4.4cqi,21px);font-weight:600}.x-cats{gap:10px;display:grid}.x-cats li{grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.x-cats i{height:8px;width:var(--w);transform-origin:0;animation:grow-x .9s var(--ease) both;background:#cf6963;background:lab(56.9745% 40.6618 23.0702);border-radius:999px}.x-cats .mono{font-size:12.5px}.x-fin__note{gap:8px;margin-top:16px;font-size:12.5px;display:flex}.x-fin__note svg.lucide{color:var(--done);flex:none;margin-top:1px}.x-chart{width:100%;height:120px;margin:4px 0 12px;display:block;overflow:visible}.x-chart__area{fill:color-mix(in oklch, var(--money-in) 14%, transparent)}.x-chart__line{fill:none;stroke:var(--money-in);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1.4s var(--ease) .1s forwards}@keyframes draw{to{stroke-dashoffset:0}}.x-hold{display:grid}.x-hold li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.x-hold li>span{min-width:0;display:grid}.x-hold li>span:last-child{text-align:right}.x-hold small{color:var(--muted);font-size:11.5px}.x-hold b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.x-now{align-items:center;gap:12px;display:flex}.x-now>span:last-child{display:grid}.x-now small{color:var(--muted);font-size:12px}.x-commits{gap:8px;display:grid}.x-commit{background:var(--sheet-2);border-radius:14px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px;display:grid}.x-commit .x-sq{background:var(--sheet)}.x-commit__main{min-width:0;display:grid}.x-commit__main b{font-weight:600}.x-commit__main small{overflow-wrap:anywhere;color:var(--muted);font-size:11.5px}.x-commit.is-undone b{color:var(--muted);text-decoration:line-through}.x-commit__acts{flex-wrap:wrap;gap:4px;margin:6px 0 0 -8px;display:flex}.x-commit__acts button{cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;height:28px;padding:0 8px;font-weight:600;display:inline-flex;font-size:12.5px!important}.x-commit__acts button:hover:not(:disabled){background:var(--fill)}.x-commit__acts button:disabled{cursor:default;color:var(--muted)!important}.x-commit__acts svg.lucide{width:13px;height:13px}.x-commit .x-diff{margin-top:8px}.x .is-fresh:not(.x-pill):not(.x-pay__list li){animation:2.6s ease-out x-fresh}@keyframes x-fresh{0%,30%{background-color:color-mix(in oklch, var(--soon) 22%, transparent);box-shadow:inset 3px 0 0 var(--soon)}}.x .x-row.is-done.is-fresh{animation:1.4s ease-out done-glow}@keyframes done-glow{0%{background-color:color-mix(in oklch, var(--done) 20%, transparent)}}.x .is-focus{animation:focus 2.2s var(--ease)}@keyframes focus{0%,45%{box-shadow:0 0 0 2px var(--pen);background-color:var(--fill)}}.x-chat{background:var(--sheet);min-width:0;min-height:0;box-shadow:0 0 0 1px var(--line);border-radius:18px;flex-direction:column;display:none;overflow:hidden}.x[data-chat=true] .x-chat{animation:chat-in .32s var(--ease) both;display:flex}@keyframes chat-in{0%{opacity:0;transform:translate(16px)}}.x[data-layout=mid] .x-chat{z-index:25;width:min(380px,100% - 100px);box-shadow:0 0 0 1px var(--line), var(--shadow);position:absolute;top:16px;bottom:16px;right:16px}.x[data-layout=phone] .x-chat{z-index:25;border-radius:0;animation-name:sheet-in;position:absolute;inset:0}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.x-chat__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 14px 14px 16px;display:flex}.x-mark{background:var(--pen);width:36px;height:36px;color:var(--pen-fg);border-radius:10px;flex:none;place-items:center;display:grid}.x-chat__name{flex:1;min-width:0;line-height:1.25;display:grid}.x-chat__name b{font-weight:600}.x-chat__name small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.x-chat__body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:18px 16px;display:flex;overflow-y:auto}.x-chat__empty{gap:8px;margin-top:auto;display:grid}.x-chat__title{letter-spacing:-.02em;font-size:18px;font-weight:500}.x-chat__lead{color:var(--muted);font-size:13.5px}.x-chat__starters{gap:8px;margin-top:10px;display:grid}.x-starter{background:var(--fill);text-align:left;cursor:pointer;transition:transform .2s var(--ease), background-color .2s;border:0;border-radius:10px;padding:10px 12px;font-weight:500;font-size:13.5px!important}.x-starter:hover{background:color-mix(in oklch, var(--fill) 80%, var(--pen) 6%);transform:translate(2px)}.x-history{gap:4px;display:grid}.x-history__title{color:var(--muted);padding:0 4px 6px;font-size:12px;font-weight:500}.x-history li{border-radius:10px;padding:8px 12px;display:grid}.x-history li[aria-current]{background:var(--fill)}.x-history small{color:var(--muted);font-size:12px}.x-thread{flex-direction:column;gap:18px;display:flex}.x-thread:empty{display:none}.x-q{transform-origin:100% 100%;animation:q-in .3s var(--ease) both;flex-direction:column;align-items:flex-end;gap:8px;margin-left:28px;display:flex}@keyframes q-in{0%{opacity:0;transform:translateY(8px)scale(.95)}}.x-q__bubble{background:var(--pen);max-width:100%;color:var(--pen-fg);overflow-wrap:anywhere;border-radius:10px;padding:9px 13px}.x-q .x-gm{width:100%}.x-a{animation:rise-in .3s var(--ease) both;flex-direction:column;gap:10px;display:flex}.x-thinking-row{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.x-steps{color:var(--muted);gap:6px;font-size:12px;display:grid}.x-steps li{min-width:0;animation:rise-in .3s var(--ease) both;align-items:center;gap:8px;display:flex}.x-steps li.is-gone{display:none}.x-steps svg.lucide{width:14px;height:14px}.x-steps li>span{flex:none}.x-steps code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.x-steps-done summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.x-steps-done summary::-webkit-details-marker{display:none}.x-steps-done summary:hover{color:var(--pen)}.x-steps-done[open] summary span{display:none}.x-steps-done .x-steps{margin-top:8px}.x-steps-done .x-steps li{animation:none;display:flex}.x-a__text{gap:6px;font-size:14px;line-height:1.55;display:grid}.x-a__text ul{gap:3px;padding-left:18px;list-style:outside;display:grid}.x-a__text h4{font-size:15px;font-weight:600}.x-a__text b{font-weight:600}.x-check{padding-left:0!important;list-style:none!important}.x-check li{gap:8px;display:flex}.x-check li:before{content:"";width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:4px;flex:none;margin-top:3px}.x-check li.is-ok:before{background:var(--done) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat;box-shadow:none}.x-a__text .w{animation:word .34s var(--ease) both;animation-delay:calc(var(--i) * 22ms)}.x-a__text.is-instant .w{animation:none}@keyframes word{0%{opacity:0;filter:blur(3px)}}.x-a__meta{color:var(--muted);font-size:12px}.x-confs{gap:8px;display:grid}.x-cc{background:color-mix(in oklch, var(--fill) 80%, transparent);text-align:left;cursor:pointer;border:0;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px;transition:background-color .2s;display:grid}.x-cc:hover{background:var(--fill)}.x-cc__ic{background:var(--sheet);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.x-cc.is-warning .x-cc__ic{background:color-mix(in oklch, var(--overdue) 12%, transparent);color:var(--overdue)}.x-cc__main{gap:1px;min-width:0;display:grid}.x-cc__label{color:var(--muted);font-size:11.5px;font-weight:500}.x-cc__body{font-size:13.5px;line-height:1.35}.x-cc__go{color:var(--muted);align-self:center;align-items:center;gap:2px;font-size:11.5px;transition:color .2s;display:flex}.x-cc:hover .x-cc__go{color:var(--pen)}.x-yesno{gap:8px;margin-top:-6px;display:flex}.x-yesno .x-btn--dark{animation:2.4s ease-out .4s infinite nudge}.x-gm{background:var(--sheet-2);box-shadow:0 0 0 1px var(--line);text-align:left;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:10px;display:grid}.x-gm__ic{background:var(--sheet);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.x-gm__main{gap:2px;min-width:0;display:grid}.x-gm__label,.x-gm__from,.x-gm__att,.x-gm__hint{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.x-gm__label{font-weight:500}.x-gm__main b{font-size:13.5px;font-weight:600;line-height:1.3}.x-gm__att{align-items:center;gap:4px;margin-top:2px;display:flex}.x-gm__att svg.lucide{width:12px;height:12px}.x-gm__hint{margin-top:2px}.x-gm__chev{color:var(--muted);margin-top:4px}.x-gm.is-loading .x-gm__main{color:var(--muted);gap:6px;font-size:12px}.x-skel{background:var(--fill) linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--sheet) 60%, transparent) 50%, transparent 100%) 0 0 / 200% 100% no-repeat;border-radius:4px;height:11px;animation:1.6s ease-in-out infinite sheen;display:block}@keyframes sheen{0%{background-position:150% 0}to{background-position:-50% 0}}.x-chat__form{padding:0 12px 12px}.x-chat__draft{gap:8px;display:grid}.x-chat__draft:not(:empty){margin-bottom:8px}.x-chat__suggest{animation:rise-in .35s var(--ease) both;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.x-chat__suggest>span{color:var(--muted);font-size:11.5px}.x-sug{box-shadow:inset 0 0 0 1px var(--line-strong);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;transition:background-color .2s,transform .15s;font-size:12.5px!important}.x-sug:hover{background:var(--fill)}.x-sug:active{transform:scale(.97)}.x-chat__input{background:var(--fill);border-radius:12px;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;transition:box-shadow .2s;display:flex}.x-chat__input:focus-within{box-shadow:0 0 0 3px color-mix(in oklch, var(--pen) 14%, transparent)}.x-chat__input textarea{min-width:0;min-height:32px;max-height:120px;color:var(--pen);font:inherit;resize:none;field-sizing:content;overflow-wrap:anywhere;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:14px;line-height:1.4}.x-chat__input textarea::placeholder{color:var(--muted)}.x-send{background:var(--pen);cursor:pointer;width:32px;height:32px;transition:opacity .2s, transform .2s var(--ease);border:0;border-radius:9px;flex:none;place-items:center;display:grid;color:var(--pen-fg)!important}.x-send:disabled{opacity:.35;cursor:default;transform:scale(.9)}.x-send:not(:disabled):hover{transform:translateY(-2px)}.x-chat__hint{color:var(--muted);padding:8px 4px 0;font-size:11.5px}@media (pointer:coarse){.x-chat__hint{display:none}.x-chat__input textarea{font-size:16px}}.x-palette{z-index:40;place-items:start center;padding-top:72px;display:grid;position:absolute;inset:0}.x-palette__back{background:color-mix(in oklch, var(--paper) 45%, transparent);-webkit-backdrop-filter:blur(6px);border:0;animation:.2s both fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.x-palette__box{background:var(--sheet);width:min(640px,100% - 24px);box-shadow:0 0 0 1px var(--line), var(--shadow);animation:pal-in .24s var(--ease) both;border-radius:16px;position:relative;overflow:hidden}@keyframes pal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.x-palette__field{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.x-palette__field input{min-width:0;color:var(--pen);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.x-palette__field input::placeholder{color:var(--muted)}.x-palette__list{overscroll-behavior:contain;max-height:min(380px,52vh);padding:6px;overflow-y:auto}.x-palette__group{color:var(--muted);padding:8px 10px 4px;font-size:11.5px;font-weight:500}.x-pi{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:7px 10px;display:flex}.x-pi.is-active{background:var(--fill)}.x-pi .x-sq{border-radius:8px;width:28px;height:28px}.x-pi .x-sq:not(.x-sq--dark){background:var(--sheet-2);box-shadow:0 0 0 1px var(--line)}.x-pi__t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.x-pi small{color:var(--muted);font-size:12px}.x-pi__keys{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.x-palette__foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;font-size:11.5px;display:flex}.x-palette__foot span{align-items:center;gap:4px;display:inline-flex}.x-palette__k{margin-left:auto}.x[data-layout=phone] .x-palette{padding-top:14px}.x[data-layout=phone] :is(.x-palette__foot,.x-pi kbd,.x-pi__keys,.x-pi small){display:none}.x[data-layout=phone] .x-palette__field input{font-size:16px}.x-toasts{z-index:35;pointer-events:none;gap:8px;width:min(360px,100% - 32px);display:grid;position:absolute;bottom:16px;right:16px}.x-toast{background:var(--sheet);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);pointer-events:auto;animation:toast-in .4s var(--spring) both;border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:grid}.x-toast.is-out{animation:.26s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}.x-toast__ic{background:var(--fill);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.x-toast.is-ok .x-toast__ic{color:var(--done)}.x-toast.is-warn .x-toast__ic{color:var(--overdue)}.x-toast__main{min-width:0;display:grid}.x-toast__main b{font-size:13.5px;font-weight:600}.x-toast__main small{color:var(--muted);font-size:12.5px}.x-toast button{background:var(--pen);cursor:pointer;border:0;border-radius:8px;height:30px;padding:0 10px;font-weight:600;color:var(--pen-fg)!important;font-size:12.5px!important}.x[data-layout=wide][data-chat=true] .x-toasts{right:calc(var(--chat) + 32px)}.x[data-layout=mid][data-chat=true] .x-toasts{left:96px;right:auto}.x[data-layout=phone] .x-toasts{width:auto;bottom:86px;left:12px;right:12px}.x-tg{z-index:36;pointer-events:none;gap:8px;width:min(390px,100% - 24px);display:grid;position:absolute;top:14px;right:16px}.x[data-layout=wide][data-chat=true] .x-tg{right:calc(var(--chat) + 32px)}.x-tgmsg{background:color-mix(in oklch, var(--ink) 90%, transparent);color:var(--ink-fg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);pointer-events:auto;animation:tg-in .55s var(--spring) both;--redact:var(--ink-fg);border-radius:20px;padding:12px;position:relative}.x-tgmsg.is-warn{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--overdue) 70%, transparent), var(--shadow)}.x-tgmsg.is-out{animation:.32s ease-in both tg-out}@keyframes tg-in{0%{opacity:0;transform:translateY(-24px)scale(.96)}}@keyframes tg-out{to{opacity:0;transform:translateY(-18px)}}.x-tgmsg header{align-items:center;gap:8px;font-size:12px;display:flex}.x-tgmsg__ic{background:var(--ink-fg);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.x-tgmsg__ic svg.lucide{width:12px;height:12px}.x-tgmsg small{color:var(--ink-muted);margin-left:auto}.x-tgmsg p{margin:6px 0 0;font-size:13.5px;line-height:1.45}.x-tgmsg__acts{gap:6px;margin-top:10px;display:flex}.x-tgmsg__acts button{white-space:nowrap;cursor:pointer;background:#ffffff1a;background:lab(100% 0 0/.1);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;height:32px;font-weight:600;transition:background-color .2s;display:inline-flex;color:var(--ink-fg)!important;font-size:12.5px!important}.x-tgmsg__acts button:hover:not(:disabled){background:#ffffff2e;background:lab(100% 0 0/.18)}.x-tgmsg__acts button:disabled{opacity:.5}.x-tgmsg .stamp{bottom:48px}.x-cursor{z-index:50;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 8px #0000004d);filter:drop-shadow(0 4px 8px lab(0% 0 0/.3));width:26px;height:26px;transition:transform .75s cubic-bezier(.5,0,.2,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(70%,80%)}.x-cursor.is-on{opacity:1}.x-cursor svg.lucide{width:26px;height:26px;fill:var(--pen);stroke:var(--pen-fg);stroke-width:1.5px}.x-cursor:after{content:"";border:2px solid var(--pen);opacity:0;border-radius:50%;width:24px;height:24px;position:absolute;top:-10px;left:-10px}.x-cursor.is-bump:after{animation:.5s ease-out tap}@keyframes tap{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.is-bump:not(.x-cursor):not(.x-live){animation:bump .45s var(--spring)}@keyframes bump{40%{transform:scale(1.3)}}.x-tabbar,.x-sheet,.x[data-layout=phone] .x-side{display:none}.x[data-layout=phone] .x-main{padding:16px 14px 96px}.x[data-layout=phone] .x-top{-webkit-backdrop-filter:none;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:0 0 14px;display:grid;position:static}.x[data-layout=phone] .x-top__date-sm{color:var(--muted);grid-column:1/-1;align-items:center;font-size:13px;display:flex}.x[data-layout=phone] .x-title{font-size:30px}.x[data-layout=phone] :is(.x-date,.x-bell){display:none}.x[data-layout=phone] .x-search{grid-area:3/1/auto/-1;width:100%;margin-top:8px;padding:0 8px 0 6px}.x[data-layout=phone] .x-search span:nth-child(2),.x[data-layout=phone] .x-search kbd{display:block}.x[data-layout=phone] .x-card{padding:18px 16px}.x[data-layout=phone] .x-legend{margin:12px -16px -18px;padding:12px 16px}.x[data-layout=phone] .x-tabbar{z-index:20;background:color-mix(in oklch, var(--sheet) 86%, transparent);height:62px;box-shadow:0 0 0 1px var(--glass-border), 0 0 0 1px var(--line), var(--shadow-sm);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:20px;gap:4px;padding:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.x-tabbar__ind{background:var(--pen);transition:transform .4s var(--spring), width .3s var(--ease);border-radius:14px;position:absolute;top:6px;bottom:6px;left:0}.x-tab{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;font-weight:500;transition:color .25s,transform .15s;display:flex;position:relative;color:var(--muted)!important;font-size:10.5px!important}.x-tab:active{transform:scale(.94)}.x-tab.is-on{color:var(--pen-fg)!important}.x-tab svg.lucide{width:19px;height:19px}.x-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.x-tab .x-badge{background:var(--urgent);color:#fff;min-width:17px;height:17px;box-shadow:none;font-size:10px;top:4px;right:calc(50% - 22px)}.x[data-layout=phone] .x-sheet:not([hidden]){z-index:37;display:block;position:absolute;inset:0}.x-sheet__back{background:color-mix(in oklch, var(--paper) 40%, transparent);-webkit-backdrop-filter:blur(4px);border:0;animation:.2s both fade;position:absolute;inset:0}.x-sheet__box{background:var(--sheet);box-shadow:0 0 0 1px var(--line), var(--shadow);animation:sheet-in .3s var(--ease) both;border-radius:20px;gap:2px;padding:8px;display:grid;position:absolute;bottom:82px;left:10px;right:10px}.x-sheet__item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex;font-size:15px!important}.x-sheet__item:hover{background:var(--fill)}.x[data-layout=phone] .x-tg{width:auto;top:10px;left:10px;right:10px}@media (prefers-reduced-motion:reduce){.x .x-a__text .w{animation:none}}