@layer reset,base,components;@layer chrome{html:has(.app){--app-tabbar-h:56px;--app-dock-h:80px;--app-safe-l:env(safe-area-inset-left,0px);--app-safe-r:env(safe-area-inset-right,0px);--app-safe-b:env(safe-area-inset-bottom,0px);--app-bottom-h:calc(var(--app-tabbar-h) + max(8px, var(--app-safe-b)));scroll-padding-bottom:calc(var(--app-bottom-h,0px) + 16px)}html:has(.app--no-tabbar){--app-bottom-h:max(8px, var(--app-safe-b))}html:has(.app--dock){--app-bottom-h:calc(var(--app-dock-h) + var(--app-tabbar-h) + max(8px, var(--app-safe-b)))}html:has(.app--dock.app--no-tabbar){--app-bottom-h:calc(var(--app-dock-h) + max(8px, var(--app-safe-b)))}.app{--app-gutter:20px;background:var(--page);min-height:100dvh}@media (width<=699px){html:has(.app) .toast{bottom:calc(var(--app-bottom-h) + 12px)}}.app-side,.app-top{display:none}.app-phonehead{min-height:52px;padding:calc(10px + env(safe-area-inset-top,0px)) calc(20px + var(--app-safe-r)) 0 calc(20px + var(--app-safe-l));justify-content:space-between;align-items:center;gap:12px;display:flex}.app-phonehead__action{gap:4px;margin-right:-10px;display:flex}.app-content{min-width:0;padding:18px calc(var(--app-gutter) + var(--app-safe-r)) calc(var(--app-bottom-h) + 40px) calc(var(--app-gutter) + var(--app-safe-l))}.app--no-phonehead .app-content{padding-top:calc(4px + env(safe-area-inset-top,0px))}.app-bottom{z-index:20;padding:0 var(--app-safe-r) max(8px, var(--app-safe-b)) var(--app-safe-l);background:var(--bar);box-shadow:0 -1px 0 var(--rule);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:fixed;bottom:0;left:0;right:0}@media (prefers-reduced-transparency:reduce){.app-bottom{background:var(--leaf);-webkit-backdrop-filter:none;backdrop-filter:none}}.app-dock{min-height:var(--app-dock-h);align-items:center;padding:12px 16px 10px;display:flex}.app-dock>*{flex:auto}.app--dock .app-tabbar{box-shadow:inset 0 1px 0 var(--rule)}.app-tabbar{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 8px 0;display:grid}.app-tab{border-radius:var(--radius-control-sm);min-width:0;min-height:50px;color:var(--ink3);letter-spacing:.01em;text-align:center;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-ink);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:800;line-height:1.1;text-decoration:none;display:flex}.app-tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-tab:hover{color:var(--ink)}.app-tab[aria-current]{color:var(--ultra-fg)}.app-tab[aria-current]:hover{color:var(--ultra-fg-deep)}@media (width>=700px){.app{--app-gutter:32px}html:has(.app){scroll-padding-top:84px;scroll-padding-bottom:16px}.app-phonehead,.app-bottom{display:none}.app-top{z-index:20;height:68px;padding:0 calc(32px + var(--app-safe-r)) 0 calc(32px + var(--app-safe-l));background:var(--leaf);box-shadow:0 1px 0 var(--rule);align-items:center;gap:28px;display:flex;position:sticky;top:0}.app-top__nav{gap:4px;display:flex}.app-top__chip[aria-current=true]{background:var(--ink);color:var(--leaf)}.app-top__balance{color:var(--ink3);white-space:nowrap;align-items:baseline;gap:5px;margin-left:auto;padding:8px 4px;font-weight:400;text-decoration:none;display:inline-flex}.app-top__balance:hover{color:var(--ink)}.app-top__balance-label{display:none}.app-account .menu__list{top:calc(100% + 10px)}.app-avatar{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app-avatar>span{background:var(--ultra-wash);width:40px;height:40px;color:var(--ultra-fg);letter-spacing:.02em;transition:box-shadow var(--duration-fast) var(--ease-ink);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.app-avatar:hover>span,.app-avatar[aria-expanded=true]>span{box-shadow:inset 0 0 0 1px var(--ultra-line)}.app-avatar:focus-visible{outline:none}.app-avatar:focus-visible>span{outline:2px solid var(--focus);outline-offset:2px}.app-content{padding:34px calc(32px + var(--app-safe-r)) 72px calc(32px + var(--app-safe-l))}}@media (width>=800px){.app-top__balance-label{display:inline}}@media (width>=1200px){.app{--app-gutter:48px;grid-template-columns:296px minmax(0,1fr);align-items:start;display:grid}html:has(.app){scroll-padding-top:16px}.app-top{display:none}.app-content{grid-column:2;padding:34px 48px 72px}.app-side{background:var(--leaf);height:100dvh;box-shadow:1px 0 0 var(--rule);overscroll-behavior:contain;flex-direction:column;grid-area:1/1/span 2;gap:22px;padding:26px 20px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.app-side__brand{padding:0 8px}.app-side__new{flex:none}.app-side__nav ul,.app-side__recent ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.app-side__link{min-height:var(--tap);border-radius:var(--radius-control-sm);color:var(--ink2);transition:background-color var(--duration-fast) var(--ease-ink), color var(--duration-fast) var(--ease-ink);align-items:center;gap:12px;padding:0 12px;font-weight:700;text-decoration:none;display:flex}.app-side__link:hover{background:var(--sunk);color:var(--ink)}.app-side__link[aria-current]{color:var(--ink);font-weight:800}.app-side__link[aria-current=page]{background:var(--sunk)}.app-side__recent{flex-direction:column;flex:auto;min-height:0;display:flex}.app-side__rubric{padding:0 12px 8px;font-size:14px}.app-recent{border-radius:var(--radius-control-sm);color:var(--ink);transition:background-color var(--duration-fast) var(--ease-ink);gap:2px;padding:10px 12px;font-weight:400;text-decoration:none;display:grid}.app-recent:hover{background:var(--sunk);color:var(--ink)}.app-recent__title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.35;overflow:hidden}.app-recent__status{font-size:13px}.app-recent[aria-current=page]{background:var(--ultra-wash)}.app-recent[aria-current=page] .app-recent__title{color:var(--ultra-fg);font-weight:800}.app-balance{border-top:1px solid var(--rule);border-radius:0 0 var(--radius-control-sm) var(--radius-control-sm);color:var(--ink);transition:background-color var(--duration-fast) var(--ease-ink);gap:4px;padding:14px 12px 4px;font-weight:400;text-decoration:none;display:grid}.app-balance:hover{background:var(--sunk);color:var(--ink)}.app-balance__amount{font-family:var(--font-serif);letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1.1}}}@layer screens;