:root{--paper:#f4efe6;--paper-2:#ebe4d8;--ink:#2b2723;--ink-2:#6b635a;--ink-3:#a59c90;--line:#d9d0c2;--hue-0:#8a9a5b;--hue-1:#6f8fa8;--hue-2:#b08d57;--hue-3:#7e8f7c;--hue-4:#9a7fa8;--hue-5:#5f8f8b;--hue-6:#a89468;--hue-7:#7a8aa3;--hue-8:#8f9a6f;--hue-9:#a3907c;--hue-inbox:#9a948c;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:8px;--tap:44px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--motion:.2s ease-out}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}button,input,textarea{font:inherit;color:inherit}.circle{-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-width:0;min-height:0;padding:0;line-height:0;display:block}.circle svg{display:block}.circle-drop{animation:drop var(--motion)}@keyframes drop{0%{opacity:0;transform:translateY(-16px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.circle-drop{animation:none}}.jot{--bg:#141413;--bg-2:#1b1b1a;--fg:#f2efe9;--fg-2:#8a8680;--bar-fg:#c9c5be;--bar-fg-2:#5e5b57;--bar-off:#3b3b39;--line:#2c2b29;--hue-inbox:#8a8680;--bar:48px;box-sizing:border-box;background:var(--bg);min-height:100dvh;color:var(--fg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.jot-head{padding:var(--space-1) var(--space-2) 0 var(--space-4);min-height:var(--tap);justify-content:space-between;align-items:center;display:flex}.notice{color:var(--fg-2);margin:0;font-size:14px}.tick{width:var(--tap);height:var(--tap);color:var(--fg);transition:color var(--motion);background:0 0;border:none;place-items:center;padding:0;display:grid}.tick:disabled{color:var(--bar-off)}.note{padding:0 var(--space-4);flex-direction:column;flex-grow:1;display:flex}.title,.body{box-sizing:border-box;width:100%;color:var(--fg);caret-color:var(--fg);background:0 0;border:none;outline:none;padding:0}.title{min-height:var(--tap);font-size:22px;line-height:1.4}.body{resize:none;margin-top:var(--space-1);flex-grow:1;font-size:16px;line-height:1.5}.bar{background:var(--bg-2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);transition:transform .12s ease-out;position:fixed;bottom:0;left:0;right:0}.tabs{height:var(--bar);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tab{color:var(--bar-fg-2);min-height:var(--bar);-webkit-tap-highlight-color:transparent;transition:color var(--motion);background:0 0;border:none;place-items:center;padding:0;display:grid}.tab-set,.tab-open{color:var(--bar-fg)}.tab-clear:disabled{color:var(--bar-off)}.tab-glyph{place-items:center;width:28px;height:28px;display:grid;position:relative}.tab-open .tab-glyph:after{content:"";background:var(--bar-fg);height:1px;position:absolute;bottom:-6px;left:4px;right:4px}.badge{color:var(--bar-fg);background:var(--bg-2);padding:0 1px;font-size:11px;line-height:1;position:absolute;bottom:-3px;right:-6px}.badge-dot{border-radius:50%;width:7px;height:7px;display:block}.panel{border-top:1px solid var(--line);box-sizing:border-box;height:76px;padding:var(--space-1) var(--space-4) 0;flex-direction:column;display:flex}.slider{height:var(--tap);touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.slider:focus-visible{outline:1px solid var(--fg-2);outline-offset:2px;border-radius:4px}.rail{position:absolute;top:0;bottom:0}.rail-line,.rail-fill{background:var(--line);height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.rail-line{right:0}.rail-fill{background:var(--bar-fg)}.rail-dot{background:var(--line);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%}.rail-dot-on{background:var(--bar-fg)}.thumb{background:var(--bar-fg);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:left 80ms ease-out;position:absolute;top:50%}.stops{color:var(--bar-fg-2);justify-content:space-between;font-size:13px;line-height:20px;display:flex}.stop{text-align:center;width:32px}.stop:first-child{text-align:left}.stop:last-child{text-align:right}.stop-on{color:var(--bar-fg)}.pills{gap:var(--space-2);padding:var(--space-1) 0;scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.pill{border:1px solid var(--line);min-height:36px;color:var(--bar-fg-2);align-items:center;gap:var(--space-2);-webkit-tap-highlight-color:transparent;transition:border-color var(--motion), color var(--motion);background:0 0;border-radius:18px;padding:0 14px;font-size:15px;display:flex}.pill-on{border-color:var(--bar-fg);color:var(--bar-fg)}.pill-dot{border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:reduce){.bar,.thumb{transition:none}}