:root{--fs: 16px;--lh: 24px;--fs-meta: 13px;--row-h: 48px;--ck: 22px;--indent: 20px;--tw-w: 16px;--bar-h: 64px}.app{display:block}.side{position:fixed;inset:0 auto 0 0;z-index:40;width:min(320px,86vw);height:100svh;padding:max(16px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));transform:translate(-102%);transition:transform .32s var(--spring-settle);box-shadow:none;border-right:0}body.drawer .side{transform:none;box-shadow:8px 0 40px -12px color-mix(in oklch,var(--ink) 30%,transparent)}.scrim-side{display:block;position:fixed;inset:0;z-index:39;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}body.drawer .scrim-side{opacity:1;pointer-events:auto}.nv,.li{height:44px;font-size:15.5px}.nv svg{width:20px;height:20px}.side-foot .nv{height:44px}.icon-btn{width:48px;height:48px;border-radius:12px}.icon-btn svg{width:21px;height:21px}.icon-btn.sm{width:44px;height:44px}.sheet{padding:0 16px 0 calc(16px + var(--tw-w));max-width:none}.topbar{margin:0 -16px 8px calc(-16px - var(--tw-w));padding:max(4px,env(safe-area-inset-top)) 6px 4px;min-height:56px;gap:0;border-bottom:1px solid transparent}.menu,.more{display:inline-grid;flex:none}.topbar .crumbs{justify-content:center;font-size:14px;flex-wrap:nowrap;overflow:hidden}.crumbs .crumb{max-width:18ch;padding:12px 4px}.crumbs .crumb:not(:last-child){display:none}.crumbs .crumb:last-child:before{content:"\2039  ";color:var(--ink-2)}.page-head{margin-left:0;padding-bottom:14px}.ptitle{font-size:30px;line-height:36px;margin-top:6px}.stack{left:-10px}.stack i:nth-last-child(n+4){display:none}.row{padding-right:2px}.row.parent .tw{opacity:.75}.tw:before{inset:-12px -4px -12px -12px}.row.parent.collapsed .tw{opacity:1}.ck:before{inset:-13px -12px -13px 0}.ct{min-width:48px;height:44px;border-radius:22px;font-size:13px}.tw{width:var(--tw-w)}@media(pointer:coarse){.row.cur:after{display:none}.row.cur.sel{background-color:transparent}.row.sel:not(.cur){background-color:var(--wash)}body.typing .row.cur:after{display:block;opacity:1}}.grp{padding-top:26px}.empty{padding-top:32px}.tail{min-height:calc(30vh + var(--bar-h))}.bar{display:grid;grid-template-columns:repeat(2,1fr) 72px repeat(2,1fr);align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--bar-h) + max(env(safe-area-inset-bottom),8px));padding:0 8px max(env(safe-area-inset-bottom),8px);background:var(--paper);border-top:1px solid var(--rule);transition:transform .24s var(--spring-settle)}.bt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border-radius:14px;font-size:11px;font-weight:540;color:var(--ink-2)}.bt svg{width:23px;height:23px}.bt.on{color:var(--ink)}.bt.on svg{color:var(--blue)}.bt:active{background:var(--press)}.add{justify-self:center;width:56px;height:48px;border-radius:15px;background:var(--ink);color:var(--paper);display:grid;place-items:center;box-shadow:0 1px color-mix(in oklch,var(--ink) 20%,transparent),0 6px 16px -8px color-mix(in oklch,var(--ink) 60%,transparent);transition:transform 90ms var(--ease)}.add svg{width:24px;height:24px;stroke-width:2}.add:active{transform:scale(.94)}body.typing .bar,body.drawer .bar{transform:translateY(110%)}body.typing .tail{min-height:50vh}.lyr.sheet .panel{max-height:88svh}.lyr.modal .panel{top:10svh}.insp-sheet{padding:4px 18px 18px}.i-field{min-height:50px}.btn{height:44px;padding:0 16px;font-size:14.5px}.seg button{height:40px;min-width:48px}.dp-head .nav{width:44px;height:44px}.dp{width:auto;padding:6px 12px 12px}.dp-in{height:48px;font-size:16px}.dp-grid .day{height:42px;font-size:15px}.chipbtn{height:40px;padding:0 14px;border-radius:20px;font-size:14px}.qa-in,.qa-mirror{font-size:17px;padding-left:14px;padding-right:14px}.qa-foot{padding:6px 14px 4px}.pal-in{height:56px;font-size:17px}.pal-list{max-height:60svh}.opt{min-height:46px}.toast{bottom:calc(var(--bar-h) + max(env(safe-area-inset-bottom),8px) + 10px)}body.typing .toast{bottom:60px}.settings,.cheat,.pair{padding:4px 18px 18px}.cheat .cols{grid-template-columns:1fr}@media(prefers-color-scheme:dark){:root:not([data-theme=paper]) .add{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-2),0 6px 16px -8px #0009}}:root[data-theme=graphite] .add{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-2),0 6px 16px -8px #0009}.cheat-touch-note{display:block}