@import "https://fonts.googleapis.com/css2?family=Huninn&family=Chiron+GoRound+TC:wght@200..900&display=swap";
:root,[data-theme=light]{--ground:#fff;--ground-2:#f5f6f8;--card:#fff;--line:#e6e8eb;--line-strong:#cfd3d9;--control-line:#878d96;--ink:#0b0d10;--ink-2:#4a4f57;--ink-3:#656b74;--link:#0b5cad;--key:#111317;--key-hover:#2a2e35;--key-press:#000;--on-key:#fff;--key-mark:#ffd84d;--sun:#ffd84d;--sun-hover:#ffcf26;--on-sun:#1a1500;--sun-edge:#1a15001f;--brand-sun:#ffd84d;--lead:#ffd84d;--lead-hover:#ffcf26;--on-lead:#1a1500;--now:#ffd84d;--on-now:#1a1500;--peach:#ffd2b8;--blue:#b9dcff;--mint:#b5ecd0;--lilac:#e3d2ff;--butter:#fff0b3;--on-pastel:#0b0d10;--sky-1:#fff;--sky-2:#eef6ff;--sky-3:#dcecff;--glass:#ffffffa8;--glass-edge:#ffffffe6;--pos:#0f7a43;--pos-bg:#e3f7ec;--warn:#7a5200;--warn-bg:#fff4d6;--neg:#c4282f;--neg-bg:#fdeaea;--danger:#c4282f;--danger-hover:#a81f26;--on-danger:#fff;--info:#0b5cad;--info-bg:#e6f1fd;--focus:#0b5cad;--thumb:#fff;--scrim:#0b0d105c;--skeleton:#eef0f3;--shadow-key:inset 0 1px 0 #ffffff38, inset 0 -8px 14px -6px #ffffff1f, 0 0 0 1px #000, 0 6px 14px -6px #0b0d1073;--shadow-lead:inset 0 0 0 1px #1a15001f;--shadow-card:0 1px 2px #0b0d100d, 0 8px 24px -12px #0b0d102e;--shadow-float:0 24px 48px -20px #10285047, 0 2px 6px #0b0d100f;--shadow-bar:0 8px 24px -14px #0b0d1059;--shadow-segment:0 1px 2px #0b0d101f, 0 0 0 1px #e6e8eb;--shadow-thumb:0 1px 2px #0000004d;--font-display:"Bricolage Grotesque", "Huninn", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--font-sans:"Geist", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, Menlo, "PingFang TC", monospace;--font-round:"Geist", "Chiron GoRound TC", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-18:72px;--radius-xs:6px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-xl:32px;--radius-pill:9999px;--radius-frame-outer:36px;--radius-frame-mid:24px;--radius-frame-inner:12px;--control-s:36px;--control-m:48px;--control-l:56px;--field-h:52px;--amount-h:64px;--control-xs:30px;--field-app:40px;--row:36px;--row-table:48px;--bar-h:56px;--side-w:240px;--touch-min:44px;--ease-out:cubic-bezier(0, 0, .58, 1);--ease-spring:cubic-bezier(.3, 1.35, .5, 1);--ease-sheet:cubic-bezier(.2, .8, .2, 1);--dur-fast:.15s;--dur-sheet:.24s;--dur-slide:.34s;--z-bar:5;--z-side:20;--z-sheet:30;--z-dialog:40;--z-toast:50;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--ground:#0d0f12;--ground-2:#15181d;--card:#1a1d23;--line:#2a2e36;--line-strong:#3a3f48;--control-line:#6b727d;--ink:#f3f4f6;--ink-2:#c3c7ce;--ink-3:#9aa1ab;--link:#8cc4ff;--key:#f3f4f6;--key-hover:#fff;--key-press:#d9dce1;--on-key:#0b0d10;--key-mark:#0b0d10;--peach:#ecb79a;--blue:#93c2ef;--mint:#97d7b6;--lilac:#cbb4ee;--butter:#eadb9c;--sky-1:#0d0f12;--sky-2:#111b2a;--sky-3:#18293f;--glass:#1a1d23ad;--glass-edge:#ffffff1f;--pos:#7fe0a8;--pos-bg:#10291c;--warn:#ffd27a;--warn-bg:#2d250f;--neg:#ff9ea3;--neg-bg:#33100f;--danger:#ff9ea3;--danger-hover:#ffb4b8;--on-danger:#33100f;--info:#8cc4ff;--info-bg:#0f2236;--focus:#8cc4ff;--scrim:#0009;--skeleton:#20242b;--shadow-key:inset 0 1px 0 #fff, inset 0 -8px 14px -6px #0b0d102e, 0 0 0 1px #fff, 0 6px 14px -6px #000000b3;--shadow-card:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-float:0 24px 48px -20px #000000b3;--shadow-segment:0 1px 2px #0b0d101f, 0 0 0 1px #2a2e36;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-theme=dark]{--ground:#0d0f12;--ground-2:#15181d;--card:#1a1d23;--line:#2a2e36;--line-strong:#3a3f48;--control-line:#6b727d;--ink:#f3f4f6;--ink-2:#c3c7ce;--ink-3:#9aa1ab;--link:#8cc4ff;--key:#f3f4f6;--key-hover:#fff;--key-press:#d9dce1;--on-key:#0b0d10;--key-mark:#0b0d10;--peach:#ecb79a;--blue:#93c2ef;--mint:#97d7b6;--lilac:#cbb4ee;--butter:#eadb9c;--sky-1:#0d0f12;--sky-2:#111b2a;--sky-3:#18293f;--glass:#1a1d23ad;--glass-edge:#ffffff1f;--pos:#7fe0a8;--pos-bg:#10291c;--warn:#ffd27a;--warn-bg:#2d250f;--neg:#ff9ea3;--neg-bg:#33100f;--danger:#ff9ea3;--danger-hover:#ffb4b8;--on-danger:#33100f;--info:#8cc4ff;--info-bg:#0f2236;--focus:#8cc4ff;--scrim:#0009;--skeleton:#20242b;--shadow-key:inset 0 1px 0 #fff, inset 0 -8px 14px -6px #0b0d102e, 0 0 0 1px #fff, 0 6px 14px -6px #000000b3;--shadow-card:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-float:0 24px 48px -20px #000000b3;--shadow-segment:0 1px 2px #0b0d101f, 0 0 0 1px #2a2e36;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=quiet-light]{--key-mark:#eceef1;--sun:#eceef1;--sun-hover:#e2e5e9;--on-sun:#0b0d10;--lead:#111317;--lead-hover:#2a2e35;--on-lead:#fff;--now:#0b0d10;--on-now:#fff;--peach:#f1ece8;--blue:#e9eef3;--mint:#e8f0ec;--lilac:#eeebf3;--butter:#f3f0e4;--sky-2:#fafbfc;--sky-3:#f3f5f7;--glass:#ffffffeb;--shadow-key:0 0 0 1px #000;--shadow-lead:0 0 0 1px #000;--shadow-float:0 12px 32px -18px #0b0d1040, 0 0 0 1px #e6e8eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=quiet-dark]{--ground:#0d0f12;--ground-2:#15181d;--card:#1a1d23;--line:#2a2e36;--line-strong:#3a3f48;--control-line:#6b727d;--ink:#f3f4f6;--ink-2:#c3c7ce;--ink-3:#9aa1ab;--link:#8cc4ff;--key:#f3f4f6;--key-hover:#fff;--key-press:#d9dce1;--on-key:#0b0d10;--key-mark:#262a31;--sun:#262a31;--sun-hover:#2e333b;--on-sun:#f3f4f6;--lead:#f3f4f6;--lead-hover:#fff;--on-lead:#0b0d10;--now:#f3f4f6;--on-now:#0b0d10;--peach:#2b2724;--blue:#222a32;--mint:#21302a;--lilac:#2a2633;--butter:#2e2b20;--on-pastel:#f3f4f6;--sky-1:#0d0f12;--sky-2:#111317;--sky-3:#15181d;--glass:#1a1d23f0;--glass-edge:#ffffff1f;--pos:#7fe0a8;--pos-bg:#10291c;--warn:#ffd27a;--warn-bg:#2d250f;--neg:#ff9ea3;--neg-bg:#33100f;--danger:#ff9ea3;--danger-hover:#ffb4b8;--on-danger:#33100f;--info:#8cc4ff;--info-bg:#0f2236;--focus:#8cc4ff;--scrim:#0009;--skeleton:#20242b;--shadow-key:0 0 0 1px #fff;--shadow-lead:0 0 0 1px #fff;--shadow-card:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-float:0 0 0 1px #2a2e36;--shadow-segment:0 1px 2px #0b0d101f, 0 0 0 1px #2a2e36;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--bp-phone:560px;--bp-tablet:900px;--bp-desk:1180px}
:root{--of-ease:var(--ease-out);--of-fast:var(--dur-fast)}:root,[data-theme=light],[data-theme=dark]{--of-display:var(--font-display);--of-w-display:800;--of-w-title:700;--of-track-display:-.04em;--of-track-title:-.02em;--of-hero-size:clamp(42px, 7vw, 84px);--of-h2-size:clamp(32px, 4vw, 48px);--of-display-cjk:var(--font-display);--of-hero-cjk:clamp(36px, 6vw, 64px);--of-h2-cjk:clamp(28px, 3.4vw, 40px)}[data-theme=quiet-light],[data-theme=quiet-dark]{--of-display:var(--font-sans);--of-w-display:600;--of-w-title:600;--of-track-display:-.03em;--of-track-title:-.015em;--of-hero-size:clamp(36px, 5vw, 56px);--of-h2-size:clamp(28px, 3vw, 36px);--of-display-cjk:var(--font-round);--of-hero-cjk:clamp(32px, 4.4vw, 48px);--of-h2-cjk:clamp(24px, 2.6vw, 32px)}.of-root,.of-root *{box-sizing:border-box}body.of-root{margin:0}.of-root{background:var(--ground);color:var(--ink-2);font:400 16px/1.5 var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}.of-root :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.of-num{font-variant-numeric:tabular-nums}.of-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.of-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.of-h1{font-family:var(--of-display);color:var(--ink);font-size:var(--of-hero-size);line-height:1;font-weight:var(--of-w-display);letter-spacing:var(--of-track-display);text-wrap:balance;margin:0}.of-h2{font-family:var(--of-display);color:var(--ink);font-size:var(--of-h2-size);line-height:1.04;font-weight:var(--of-w-display);letter-spacing:var(--of-track-display);text-wrap:balance;margin:0}.of-h3{font-family:var(--of-display);color:var(--ink);font-size:22px;line-height:1.15;font-weight:var(--of-w-title);letter-spacing:var(--of-track-title);margin:0}.of-mark{font:800 20px/1 var(--of-display);color:var(--ink);letter-spacing:-.03em;align-items:center;gap:var(--space-2);display:inline-flex}.of-mark i{background:var(--brand-sun);width:14px;height:14px;box-shadow:0 0 0 3px var(--ground);outline:1px solid var(--line-strong);border-radius:50%}.of-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-m);padding:0 var(--space-6);border-radius:var(--radius-pill);font:600 16px/1 var(--font-sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:background-color var(--of-fast) var(--of-ease), transform var(--of-fast) var(--of-ease), box-shadow var(--of-fast) var(--of-ease);border:0;text-decoration:none;display:inline-flex}.of-btn:active,.of-btn.is-press{transform:scale(.98)}.of-btn--key{background:var(--key);color:var(--on-key);box-shadow:var(--shadow-key)}.of-btn--key:hover,.of-btn--key.is-hover{background:var(--key-hover)}.of-btn--key:active,.of-btn--key.is-press{background:var(--key-press)}.of-btn--sun{background:var(--lead);color:var(--on-lead);box-shadow:var(--shadow-lead)}.of-btn--sun:hover,.of-btn--sun.is-hover{background:var(--lead-hover)}.of-btn--soft{background:var(--ground-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.of-btn--soft:hover,.of-btn--soft.is-hover{background:var(--line)}.of-btn--ghost{color:var(--link);text-underline-offset:4px;padding:0 var(--space-3);background:0 0;text-decoration:underline}.of-btn--ghost:hover,.of-btn--ghost.is-hover{background:var(--ground-2)}.of-btn.is-focus{outline:2px solid var(--focus);outline-offset:2px}.of-btn[disabled],.of-btn[aria-disabled=true]{background:var(--ground-2);color:var(--ink-3);box-shadow:none;cursor:not-allowed;text-decoration:none;transform:none}.of-btn--s{height:var(--control-s);padding:0 var(--space-4);font-size:14px}.of-btn--l{height:var(--control-l);padding:0 30px;font-size:18px}.of-btn--icon{width:var(--control-m);padding:0;font-size:20px}.of-btn--icon.of-btn--s{width:var(--control-s)}.of-btn--icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.of-topbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.3);box-shadow:inset 0 1px 0 var(--glass-edge), var(--shadow-bar);border:1px solid var(--line);display:flex}.of-topbar .of-mark{margin-right:var(--space-4)}.of-topbar__spacer{flex:1}.of-nav-link{padding:var(--space-2) 14px;border-radius:var(--radius-pill);color:var(--ink-2);font-size:15px;font-weight:500;text-decoration:none}.of-nav-link:hover,.of-nav-link[aria-current]{background:var(--ground-2);color:var(--ink)}.of-hero{border-radius:var(--radius-xl);padding:72px var(--space-8) 40px;border:1px solid var(--line);background:radial-gradient(120% 70% at 50% 0%, var(--sky-1) 0%, var(--sky-2) 45%, var(--sky-3) 100%);text-align:center;justify-items:center;gap:22px;display:grid;position:relative;overflow:hidden}.of-hero .of-lede{text-align:center}.of-lede{color:var(--ink-2);max-width:56ch;margin:0;font-size:17px}.of-announce{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(16px);height:34px;font:500 14px/1 var(--font-sans);color:var(--ink);padding:0 14px 0 4px;text-decoration:none;display:inline-flex}.of-announce b{background:var(--sun);color:var(--on-sun);border-radius:var(--radius-pill);align-items:center;height:26px;padding:0 10px;font-weight:600;display:inline-flex}.of-faces{vertical-align:middle;margin:0 .08em;display:inline-flex;transform:translateY(-.06em)}.of-faces span{width:.78em;height:.78em;color:var(--on-pastel);box-shadow:0 0 0 .05em var(--sky-2);border-radius:50%;place-items:center;display:inline-grid}.of-faces b{font:600 .26em/1 var(--font-sans);letter-spacing:0}.of-faces span+span{margin-left:-.14em}.of-inline-chip{border-radius:var(--radius-pill);vertical-align:middle;background:var(--mint);width:1.4em;height:.78em;display:inline-block;transform:translateY(-.06em)}.of-peach{background:var(--peach)}.of-blue{background:var(--blue)}.of-mint{background:var(--mint)}.of-lilac{background:var(--lilac)}.of-butter{background:var(--butter)}.of-sun{background:var(--sun)}.of-av{width:28px;height:28px;font:600 11px/1 var(--font-sans);color:var(--on-pastel);border-radius:50%;flex:none;place-items:center;display:inline-grid}.of-av--l{width:40px;height:40px;font-size:14px}.of-who{color:var(--ink);align-items:center;gap:10px;font-weight:500;display:flex}.of-quote{text-align:left;border-radius:var(--radius-xl);width:min(100%,560px);padding:var(--space-2);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(24px)saturate(1.3);box-shadow:var(--shadow-float)}.of-quote__in{background:var(--card);border-radius:calc(var(--radius-xl) - var(--space-2));padding:var(--space-5);gap:14px;display:grid}.of-qlines{gap:6px var(--space-4);grid-template-columns:1fr auto;margin:0;padding:0 6px;font-size:14px;display:grid}.of-qlines dt{color:var(--ink-3)}.of-qlines dd{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.of-amount{align-items:center;gap:var(--space-3);height:var(--amount-h);padding:0 var(--space-2) 0 22px;border-radius:var(--radius-pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--control-line);display:flex}.of-amount:focus-within{box-shadow:inset 0 0 0 2px var(--focus)}.of-amount label{color:var(--ink-3);flex:1;gap:2px;min-width:0;font-size:13px;display:grid}.of-amount input{font:600 22px/1 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;padding:0}.of-ccy{align-items:center;gap:var(--space-2);height:var(--control-m);padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-pill);background:var(--ground-2);color:var(--ink);flex:none;font-weight:600;display:inline-flex}.of-ccy i{width:28px;height:28px;font:600 13px/1 var(--font-sans);color:var(--on-pastel);border-radius:50%;place-items:center;font-style:normal;display:inline-grid}.of-field{gap:var(--space-2);display:grid}.of-field>label{font:600 14px/1 var(--font-sans);color:var(--ink);padding-left:22px}.of-input{height:var(--field-h);border-radius:var(--radius-pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--control-line);font:400 16px/1 var(--font-sans);color:var(--ink);border:0;outline:0;width:100%;padding:0 22px}.of-input::placeholder{color:var(--ink-3)}.of-input:focus,.of-input.is-focus{box-shadow:inset 0 0 0 2px var(--focus)}.of-input.is-error,.of-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--neg)}.of-input[disabled]{background:var(--ground-2);color:var(--ink-3);box-shadow:none}.of-help{color:var(--ink-3);padding-left:22px;font-size:13px}.of-help--err{color:var(--neg)}.of-seg{border-radius:var(--radius-pill);background:var(--ground-2);border:1px solid var(--line);gap:4px;padding:4px;display:inline-flex}.of-seg button{border-radius:var(--radius-pill);height:40px;color:var(--ink-2);font:600 14px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0 18px}.of-seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-segment)}.of-choice{align-items:center;gap:var(--space-3);color:var(--ink);cursor:pointer;font-size:15px;display:flex}.of-switch{appearance:none;border-radius:var(--radius-pill);background:var(--control-line);cursor:pointer;width:48px;height:28px;transition:background-color var(--of-fast) var(--of-ease);flex:none;margin:0;position:relative}.of-switch:after{content:"";background:var(--thumb);width:22px;height:22px;box-shadow:var(--shadow-thumb);transition:transform var(--of-fast) var(--of-ease);border-radius:50%;position:absolute;top:3px;left:3px}.of-switch:checked{background:var(--key)}.of-switch:checked:after{background:var(--on-key);transform:translate(20px)}.of-check{appearance:none;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--control-line);cursor:pointer;background:var(--card);border-radius:7px;flex:none;place-items:center;margin:0;display:grid}.of-check:checked{background:var(--key);box-shadow:none}.of-check:checked:after{content:"";border:solid var(--on-key);border-width:0 2.5px 2.5px 0;width:5px;height:10px;margin-top:-2px;transform:rotate(45deg)}.of-radio{appearance:none;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--control-line);cursor:pointer;background:var(--card);border-radius:50%;flex:none;margin:0}.of-radio:checked{box-shadow:inset 0 0 0 7px var(--key)}.of-chip{align-items:center;gap:var(--space-2);height:var(--control-s);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 14px/1 var(--font-sans);cursor:pointer;padding:0 14px 0 6px;display:inline-flex}.of-chip i{border-radius:50%;width:24px;height:24px}.of-chip[aria-pressed=true]{background:var(--key);color:var(--on-key);border-color:var(--key)}.of-tabs{border-bottom:1px solid var(--line);gap:28px;display:flex;overflow-x:auto}.of-tabs button{padding:0 0 var(--space-3);font:600 15px/1 var(--font-sans);color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.of-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.of-stat{padding:var(--space-5);border-radius:var(--radius-l);border:1px solid var(--line);background:var(--card);gap:4px;display:grid}.of-stat__k{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:14px;font-weight:500;display:flex}.of-stat__k i{border-radius:3px;width:10px;height:10px}.of-stat__v{font:700 32px/1.1 var(--of-display);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.of-delta{color:var(--pos);font-size:13px;font-weight:600}.of-delta--down{color:var(--neg)}.of-spark{align-items:end;gap:4px;height:44px;margin-top:10px;display:flex}.of-spark i{background:var(--ink);opacity:.9;border-radius:3px 3px 1px 1px;flex:1}.of-spark i:last-child{background:var(--now);opacity:1;box-shadow:inset 0 0 0 1px var(--sun-edge)}[data-theme^=quiet] .of-spark i{background:var(--line-strong);opacity:1}[data-theme^=quiet] .of-spark i:last-child{box-shadow:none}[data-theme^=quiet] .of-stat__k i,[data-theme^=quiet] .of-chip i{box-shadow:inset 0 0 0 1px var(--line-strong)}.of-table-wrap{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);overflow:hidden}.of-table-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.of-table-top .of-tabs{border:0}.of-scroll{overflow-x:auto}.of-table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}.of-table th{text-align:left;font:500 12.5px/1 var(--font-sans);color:var(--ink-3);padding:var(--space-3) var(--space-4);background:var(--ground-2);border-bottom:1px solid var(--line);white-space:nowrap}.of-table th[aria-sort]{color:var(--ink)}.of-table th .of-arr{font-family:var(--font-mono);margin-left:4px}.of-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.of-table tr:last-child td{border-bottom:0}.of-table tbody tr:hover td{background:var(--ground-2)}.of-table .of-amt{text-align:right;font-variant-numeric:tabular-nums}.of-table td.of-amt{color:var(--ink);font-weight:600}.of-table-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.of-pill{white-space:nowrap;border-radius:var(--radius-pill);height:24px;font:500 12.5px/1 var(--font-sans);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.of-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.of-pill--pos{background:var(--pos-bg);color:var(--pos)}.of-pill--warn{background:var(--warn-bg);color:var(--warn)}.of-pill--neg{background:var(--neg-bg);color:var(--neg)}.of-pill--info{background:var(--info-bg);color:var(--info)}.of-pill--neu{background:var(--ground-2);color:var(--ink-2)}.of-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;display:grid}.of-tile{border-radius:var(--radius-l);padding:var(--space-5);color:var(--on-pastel);text-align:left;border:0;gap:28px;display:grid}.of-tile__c{align-items:center;gap:10px;font-weight:600;display:flex}.of-tile__c i{width:28px;height:28px;font:600 13px/1 var(--font-sans);box-shadow:inset 0 0 0 1.5px var(--on-pastel);border-radius:50%;place-items:center;font-style:normal;display:inline-grid}.of-tile__a{font:700 28px/1 var(--of-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.of-tile small{font-size:13px}.of-tile--add{border:1.5px dashed var(--line-strong);color:var(--ink-2);font:600 15px/1 var(--font-sans);cursor:pointer;background:0 0;place-items:center;min-height:132px}.of-tile--add:hover{background:var(--ground-2);color:var(--ink)}.of-alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-m);align-items:flex-start;display:flex}.of-alert__ic{width:22px;height:22px;font:700 13px/1 var(--font-sans);background:currentColor;border-radius:50%;flex:none;place-items:center;display:grid}.of-alert__ic:after{content:attr(data-g);color:var(--card)}.of-alert b{color:inherit;font-weight:600;display:block}.of-alert p{color:var(--ink);margin:2px 0 0;font-size:14px}.of-alert--pos{background:var(--pos-bg);color:var(--pos)}.of-alert--warn{background:var(--warn-bg);color:var(--warn)}.of-alert--neg{background:var(--neg-bg);color:var(--neg)}.of-alert--info{background:var(--info-bg);color:var(--info)}.of-toast{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--key);color:var(--on-key);align-items:center;gap:14px;max-width:440px;font-size:14px;display:flex}.of-toast button{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--on-key) 16%, transparent);height:34px;color:var(--on-key);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-key) 28%, transparent);font:600 13px/1 var(--font-sans);cursor:pointer;border:0;margin-left:auto;padding:0 14px}.of-toast button:hover{background:color-mix(in srgb, var(--on-key) 26%, transparent)}.of-steps{margin:0;padding:0;list-style:none;display:grid}.of-step{grid-template-columns:24px 1fr;gap:14px;display:grid}.of-step__rail{grid-template-rows:24px 1fr;justify-items:center;display:grid}.of-step__dot{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--line-strong);background:var(--card);border-radius:50%}.of-step__line{background:var(--line-strong);width:2px;min-height:26px}.of-step--done .of-step__dot{background:var(--key);box-shadow:none}.of-step--done .of-step__line{background:var(--key)}.of-step--now .of-step__dot{background:var(--sun);box-shadow:inset 0 0 0 1px var(--sun-edge)}.of-step__t{padding-bottom:18px}.of-step__t b{color:var(--ink);font-weight:600;display:block}.of-step__t span{color:var(--ink-3);font-size:13px}.of-step--pending .of-step__t b{color:var(--ink-3)}.of-frame{padding:var(--space-5);border-radius:var(--radius-l);background:radial-gradient(120% 90% at 20% 0%, var(--sky-2), var(--sky-3))}.of-glass{border-radius:var(--radius-l);padding:var(--space-2);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(20px)}.of-glass>.of-glass__in{border-radius:var(--radius-m);background:var(--card);gap:var(--space-3);color:var(--ink-2);padding:18px;display:grid}.of-concentric{padding:var(--space-3);border-radius:var(--radius-frame-outer);background:var(--sky-2);border:1px solid var(--line);display:grid}.of-concentric>div{padding:var(--space-3);border-radius:var(--radius-frame-mid);background:var(--glass);border:1px solid var(--glass-edge)}.of-concentric>div>div{border-radius:var(--radius-frame-inner);background:var(--card);padding:var(--space-4);color:var(--ink)}.of-consent h3{font:var(--of-w-title) 19px/1.15 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);margin:0}.of-consent p{margin:0;font-size:14px}.of-consent .of-row{flex-wrap:nowrap}.of-consent .of-btn{flex:1}.of-band{border-radius:var(--radius-xl);background:var(--sun);color:var(--on-sun);gap:var(--space-8);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding:clamp(32px,6vw,64px);display:grid}.of-band .of-h2{color:var(--on-sun);font-size:clamp(36px,5vw,60px)}.of-band p{color:var(--on-sun);max-width:42ch;margin:14px 0 0;font-size:17px}.of-compare{gap:10px;display:grid}.of-compare .of-who{justify-content:space-between}.of-compare b{font-variant-numeric:tabular-nums;color:var(--ink)}@media (max-width:760px){.of-band{grid-template-columns:1fr}.of-hero{padding:48px var(--space-4) var(--space-6)}}.of-steps--num .of-step__dot{font:600 12px/1 var(--font-sans);color:var(--ink-3);place-items:center;display:grid}.of-steps--num .of-step--done .of-step__dot{color:var(--on-key)}.of-steps--num .of-step--now .of-step__dot{color:var(--on-sun)}.of-hsteps{align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.of-hsteps li{min-width:56px;font:500 12px/1.2 var(--font-sans);color:var(--ink);justify-items:center;gap:8px;display:grid}.of-hsteps li>span{width:28px;height:28px;font:600 12px/1 var(--font-sans);background:var(--card);color:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;place-items:center;display:grid}.of-hsteps .is-done>span{background:var(--key);color:var(--on-key);box-shadow:none}.of-hsteps .is-now>span{background:var(--sun);color:var(--on-sun);box-shadow:inset 0 0 0 1px var(--sun-edge)}.of-hsteps .is-now{font-weight:600}.of-hsteps .is-todo{color:var(--ink-3)}.of-hsteps>i{background:var(--line);flex:1;height:2px;margin-top:13px}.of-hsteps>i.is-done{background:var(--key)}.of-segbar{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.of-segbar i{border-radius:var(--radius-pill);background:var(--line);height:6px}.of-segbar .is-done{background:var(--key)}.of-segbar .is-now{background:var(--sun);box-shadow:inset 0 0 0 1px var(--sun-edge)}.of-split{gap:3px;height:10px;margin-top:12px;display:flex}.of-split i{border-radius:2px}.of-split i:first-child{border-radius:var(--radius-pill) 2px 2px var(--radius-pill)}.of-split i:last-child{border-radius:2px var(--radius-pill) var(--radius-pill) 2px}.of-legend{margin-top:10px;display:grid}.of-legend>div{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--line);min-height:36px;color:var(--ink-2);font-size:14px;display:flex}.of-legend b{font:500 14px/1 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.of-legend .is-neg,.of-legend .is-neg b{color:var(--neg)}.of-dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.of-stack{display:flex}.of-stack .of-av{box-shadow:0 0 0 2px var(--card)}.of-stack .of-av+.of-av{margin-left:-5px}.of-share{grid-template-columns:28px 1fr;align-items:center;gap:12px;display:grid}.of-share__t{color:var(--ink);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.of-share__t b{font:500 14px/1 var(--font-mono);font-variant-numeric:tabular-nums}.of-share__bar{border-radius:var(--radius-pill);background:var(--ground-2);height:6px;overflow:hidden}.of-share__bar i{border-radius:inherit;height:100%;display:block}.of-price{background:var(--ground-2);border-radius:var(--radius-xl);padding:var(--space-8);color:var(--ink);gap:22px;display:grid}.of-price__top{justify-content:space-between;align-items:center;gap:var(--space-3);font-weight:600;display:flex}.of-price__fig{align-items:flex-start;gap:6px;display:flex}.of-price__fig small{font:var(--of-w-display) 40px/1 var(--of-display);margin-top:14px}.of-price__fig b{font:var(--of-w-display) 112px/.9 var(--of-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.of-price__fig span{color:var(--ink-2);align-self:flex-end;margin-bottom:10px;font-size:15px}.of-price__line{letter-spacing:-.01em;font-size:19px;font-weight:500;line-height:32px}.of-tag{border-radius:var(--radius-pill);height:26px;font:600 14px/1 var(--font-sans);color:var(--on-pastel);vertical-align:1px;align-items:center;padding:0 10px;display:inline-flex}.of-price--band{align-items:center;gap:var(--space-12);padding:var(--space-8) 40px;grid-template-columns:auto minmax(0,1fr) auto}.of-price--band .of-price__fig b{font-size:88px}.of-price--compact{border-radius:var(--radius-l);padding:var(--space-6);gap:16px}.of-price--compact .of-price__fig b{font-size:64px}.of-price--compact .of-price__fig small{margin-top:8px;font-size:22px}.of-price--compact .of-price__line{font-size:15px;line-height:26px}.of-story{color:var(--ink-2);gap:14px;display:grid}.of-story__img{aspect-ratio:16/11;border-radius:var(--radius-l);background:var(--ground-2);max-width:100%;overflow:hidden}.of-story__img img,.of-thumb img{object-fit:cover;width:100%;height:100%;display:block}.of-story__t{font:var(--of-w-title) 24px/1.15 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);text-wrap:balance}.of-story--feature{border-radius:var(--radius-xl);min-height:440px;padding:var(--space-6);color:#fff;flex-direction:column;justify-content:flex-end;gap:14px;display:flex;position:relative;overflow:hidden}.of-story--feature>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.of-story--feature:before{content:"";z-index:1;background:linear-gradient(#0b0d1000 35%,#0b0d10d9);position:absolute;inset:0}.of-story--feature>:not(img){z-index:2;position:relative}.of-story--feature .of-story__t{color:#fff;font-size:30px;font-weight:var(--of-w-display)}.of-story__row{transition:background-color var(--of-fast) var(--of-ease);border-radius:18px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.of-story__row:hover{background:var(--ground-2)}.of-thumb{border-radius:14px;width:88px;height:88px;overflow:hidden}.of-cat{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.of-cat i{border-radius:2px;width:8px;height:8px}.of-quote-card{background:var(--ground-2);border-radius:var(--radius-l);padding:var(--space-8);gap:28px;display:grid}.of-quote-card blockquote{font:var(--of-w-title) 26px/1.3 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);margin:0}.of-person{align-items:center;gap:12px;display:flex}.of-person img{object-fit:cover;object-position:center 22%;border-radius:50%;width:48px;height:48px}.of-person b{color:var(--ink);font-weight:600;display:block}.of-person span{color:var(--ink-3);font-size:13px}.of-portrait{border-radius:var(--radius-xl);background:var(--ground-2);grid-template-columns:minmax(0,400px) minmax(0,1fr);height:420px;display:grid;overflow:hidden}.of-portrait>img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.of-portrait__body{align-content:center;gap:22px;padding:48px;display:grid}.of-portrait blockquote{font:var(--of-w-display) 30px/1.2 var(--of-display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0}.of-result{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);gap:18px;padding:28px;display:grid}.of-result__n{font:var(--of-w-display) 72px/.9 var(--of-display);letter-spacing:-.04em;color:var(--ink)}.of-feature{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);padding:8px}.of-feature__art{border-radius:calc(var(--radius-l) - 8px);background:var(--ground-2);height:260px;position:relative;overflow:hidden}.of-feature__art>img{object-fit:cover;width:100%;height:100%;display:block}.of-feature__body{gap:8px;padding:20px 16px 16px;display:grid}.of-float{background:var(--card);box-shadow:var(--shadow-float);border-radius:14px}.of-feature--split{border-radius:var(--radius-xl);background:var(--ground-2);border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:320px;padding:0;display:grid;overflow:hidden}.of-feature--split .of-feature__art{border-radius:0;height:auto;min-height:260px}.of-feature--split .of-feature__body{align-content:center;gap:12px;padding:40px}.of-ring{--p:0%;--c:var(--key);background:conic-gradient(var(--c) var(--p), var(--line) 0);width:46px;height:46px;transition:transform var(--of-fast) var(--of-ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.of-ring .of-av{width:38px;height:38px;box-shadow:0 0 0 2.5px var(--card);font-size:12.5px}.of-ring--late{--p:100%;--c:var(--neg)}.of-ring--paid{background:0 0}.of-ring__tick{background:var(--pos);width:18px;height:18px;box-shadow:0 0 0 2px var(--card);color:var(--card);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.of-list-row{cursor:pointer;color:inherit;transition:background-color var(--of-fast) var(--of-ease), transform var(--of-fast) var(--of-ease);border-radius:16px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.of-list-row:hover,.of-list-row.is-hover{background:var(--ground-2)}.of-list-row:hover .of-ring{transform:rotate(-8deg)}.of-list-row:active{transform:scale(.99)}.of-big-amt{font:var(--of-w-title) 21px/1 var(--of-display);color:var(--ink);font-variant-numeric:tabular-nums}.of-row-actions{opacity:0;transition:opacity var(--of-fast) var(--of-ease), transform var(--of-fast) var(--of-ease);justify-content:flex-end;gap:6px;display:flex;transform:translate(4px)}.of-table tr:hover .of-row-actions,.of-table tr.is-hover .of-row-actions{opacity:1;transform:none}.of-table tr.is-hover td{background:var(--ground-2)}.of-feed{gap:2px;display:grid}.of-feed__day{color:var(--ink-3);padding:12px 12px 4px 76px;font-size:12px;font-weight:600}.of-feed__ev{cursor:pointer;transition:background-color var(--of-fast) var(--of-ease);border-radius:14px;grid-template-columns:52px minmax(0,1fr) 20px;gap:12px;padding:8px 12px;display:grid}.of-feed__ev:hover,.of-feed__ev.is-hover{background:var(--ground-2)}.of-feed__tm{font:400 12px/30px var(--font-mono);color:var(--ink-3)}.of-feed__s{color:var(--ink);font-size:15px;line-height:30px}.of-feed__go{opacity:0;color:var(--ink-3);transition:opacity var(--of-fast) var(--of-ease), transform var(--of-fast) var(--of-ease);margin-top:7px;transform:translate(-3px)}.of-feed__ev:hover .of-feed__go,.of-feed__ev.is-hover .of-feed__go{opacity:1;transform:none}.of-inline-av{width:24px;height:24px;font:800 9.5px/1 var(--font-display);color:var(--on-pastel);vertical-align:middle;border-radius:50%;place-items:center;margin:-3px 6px 0 0;display:inline-grid}.of-money{border-radius:var(--radius-pill);height:24px;font:500 13px/1 var(--font-mono);vertical-align:1px;font-variant-numeric:tabular-nums;transition:transform var(--of-fast) var(--of-ease);align-items:center;padding:0 9px;display:inline-flex}.of-money:hover{transform:translateY(-1px)}.of-money--in{background:var(--mint);color:var(--on-pastel)}.of-money--late{background:var(--neg-bg);color:var(--neg)}.of-money--neu{background:var(--ground-2);color:var(--ink-2)}.of-seg--slide{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));display:grid;position:relative}.of-seg--slide button{z-index:1;transition:color var(--of-fast) var(--of-ease);padding:0 12px;position:relative}.of-seg--slide button[aria-pressed=true]{box-shadow:none;color:var(--on-key);background:0 0}.of-seg__thumb{width:calc((100% - 8px - (var(--n,4) - 1) * 4px) / var(--n,4));border-radius:var(--radius-pill);background:var(--key);box-shadow:var(--shadow-key);transition:transform .34s cubic-bezier(.3,1.35,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.of-due{align-items:center;gap:12px;display:flex}.of-due .of-ring{width:34px;height:34px}.of-due .of-ring:after{content:"";background:var(--card);border-radius:50%;width:26px;height:26px}.of-sentence{font:var(--of-w-title) 23px/40px var(--of-display);letter-spacing:-.015em;color:var(--ink)}.of-token{border-radius:var(--radius-pill);height:32px;font:600 15px/1 var(--font-sans);letter-spacing:0;vertical-align:3px;cursor:pointer;transition:transform var(--of-fast) var(--of-ease);border:0;align-items:center;gap:5px;padding:0 10px 0 12px;display:inline-flex}.of-token:hover{transform:translateY(-1px)}.of-token:active{transform:scale(.96)}.of-token--blue{background:var(--blue);color:var(--on-pastel)}.of-token--plain{background:var(--ground-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font:500 14px/1 var(--font-mono);cursor:default}.of-line{border-bottom:1px solid var(--line);height:54px;transition:background-color var(--of-fast) var(--of-ease);grid-template-columns:24px minmax(0,1fr) 96px 96px 112px 32px;align-items:center;gap:8px;padding:0 8px;display:grid}.of-line:hover,.of-line.is-hover{background:var(--ground-2);border-bottom-color:#0000;border-radius:12px}.of-line__grip,.of-line__rm{opacity:0;color:var(--ink-3);transition:opacity var(--of-fast) var(--of-ease), background-color var(--of-fast) var(--of-ease);place-items:center;display:grid}.of-line:hover .of-line__grip,.of-line:hover .of-line__rm,.of-line.is-hover .of-line__grip,.of-line.is-hover .of-line__rm{opacity:1}.of-line__rm{cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px}.of-line__rm:hover{background:var(--neg-bg);color:var(--neg)}.of-line__desc{color:var(--ink);border-radius:8px;outline:none;margin-left:-6px;padding:4px 6px;font-size:15px}.of-line__desc:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.of-line__desc:focus{box-shadow:inset 0 0 0 2px var(--focus);background:var(--card)}.of-nudge{justify-self:end;align-items:center;gap:2px;display:inline-flex}.of-nudge b{text-align:center;min-width:26px;font:500 15px/1 var(--font-mono);color:var(--ink)}.of-nudge button{width:26px;height:26px;color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity var(--of-fast) var(--of-ease), transform .18s cubic-bezier(.2, .8, .2, 1), background-color var(--of-fast) var(--of-ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;transform:scale(.7)}.of-line:hover .of-nudge button,.of-line.is-hover .of-nudge button,.of-nudge button:focus-visible{opacity:1;transform:none}.of-nudge button:hover{background:var(--line);color:var(--ink)}.of-nudge button:active{transform:scale(.85)}.of-line__amt{text-align:right;font:400 15px/1 var(--font-mono);color:var(--ink);transition:color .3s}.of-line__amt.is-flash{color:var(--pos)}[data-theme^=quiet] .of-step--now .of-step__dot{background:var(--card);box-shadow:inset 0 0 0 2px var(--key), inset 0 0 0 7px var(--card), inset 0 0 0 11px var(--key)}[data-theme^=quiet] .of-hsteps .is-now>span{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--key)}[data-theme^=quiet] .of-segbar .is-now{background:linear-gradient(90deg, var(--key) 50%, var(--line) 0);box-shadow:none}.of-table tr:focus-within .of-row-actions,.of-line:focus-within .of-line__grip,.of-line:focus-within .of-line__rm,.of-line:focus-within .of-nudge button,.of-feed__ev:focus-within .of-feed__go{opacity:1;transform:none}@media (hover:none){.of-row-actions,.of-line__grip,.of-line__rm,.of-nudge button,.of-feed__go{opacity:1;transform:none}.of-nudge button,.of-line__rm{position:relative}.of-nudge button:after,.of-line__rm:after{content:"";width:var(--touch-min);height:var(--touch-min);position:absolute;inset:50%;transform:translate(-50%,-50%)}}.of-btn--plain{color:var(--ink);background:0 0}.of-btn--plain:hover,.of-btn--plain.is-hover{background:var(--ground-2)}.of-btn--danger{background:var(--danger);color:var(--on-danger)}.of-btn--danger:hover{background:var(--danger-hover)}.of-btn--danger-soft{background:var(--neg-bg);color:var(--neg)}.of-btn--danger-soft:hover{box-shadow:inset 0 0 0 1px var(--neg)}.of-btn.is-busy{pointer-events:none}.of-btn.is-done{background:var(--pos);color:var(--card);box-shadow:none;pointer-events:none}.of-spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite of-spin}@keyframes of-spin{to{transform:rotate(360deg)}}.of-select{display:block;position:relative}.of-select select{appearance:none;cursor:pointer;text-overflow:ellipsis;padding-right:48px}.of-select>svg{width:18px;height:18px;color:var(--ink-3);pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:-9px;position:absolute;top:50%;right:18px}.of-textarea{border-radius:var(--radius-m);background:var(--card);width:100%;min-height:104px;box-shadow:inset 0 0 0 1px var(--control-line);font:400 16px/1.5 var(--font-sans);color:var(--ink);resize:vertical;border:0;outline:0;padding:14px 22px;display:block}.of-textarea::placeholder{color:var(--ink-3)}.of-textarea:focus{box-shadow:inset 0 0 0 2px var(--focus)}.of-option{gap:2px var(--space-3);padding:var(--space-4);border-radius:var(--radius-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow var(--of-fast) var(--of-ease), background-color var(--of-fast) var(--of-ease);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;display:grid}.of-option:hover{background:var(--ground-2)}.of-option:has(:checked){box-shadow:inset 0 0 0 2px var(--key);background:var(--card)}.of-option .of-radio{grid-row:span 2}.of-option b{color:var(--ink);font-weight:600}.of-option em{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-style:normal;font-weight:600}.of-option span{color:var(--ink-3);grid-column:2/-1;font-size:13px}.of-menu{border-radius:var(--radius-m);background:var(--card);min-width:208px;box-shadow:0 0 0 1px var(--line), var(--shadow-card);gap:2px;padding:6px;display:grid}.of-menu__item{height:var(--row);border-radius:var(--radius-s);color:var(--ink);font:400 14px/1 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.of-menu__item:hover,.of-menu__item.is-hover{background:var(--ground-2)}.of-menu__item svg{width:18px;height:18px;color:var(--ink-2);flex:none}.of-menu__item .of-kbd{margin-left:auto}.of-menu__sep{background:var(--line);height:1px;margin:4px 0}.of-menu__item--danger,.of-menu__item--danger svg{color:var(--neg)}.of-menu__item--danger:hover{background:var(--neg-bg)}.of-scrim{z-index:var(--z-dialog);padding:var(--space-4);background:var(--scrim);-webkit-backdrop-filter:blur(2px);place-items:center;display:grid;position:fixed;inset:0}.of-scrim[hidden]{display:none}.of-dialog{border-radius:var(--radius-l);background:var(--card);width:min(440px,100%);box-shadow:var(--shadow-float);gap:var(--space-3);color:var(--ink-2);padding:28px;display:grid}.of-dialog h2{font:var(--of-w-title) 24px/1.15 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);text-wrap:balance;margin:0}.of-dialog p{margin:0;font-size:15px}.of-dialog__acts{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);display:flex}.of-sheet{z-index:var(--z-sheet);border-radius:var(--radius-l);background:var(--card);width:min(420px,100% - 24px);box-shadow:0 0 0 1px var(--line), var(--shadow-float);color:var(--ink-2);transition:transform var(--dur-sheet) var(--ease-sheet), opacity var(--of-fast) var(--of-ease);flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}.of-sheet[hidden]{visibility:hidden;opacity:0;transition:transform var(--dur-sheet) var(--ease-sheet), opacity var(--of-fast) var(--of-ease), visibility 0s var(--dur-sheet);display:flex;transform:translate(24px)}.of-sheet__head{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--line);gap:6px;display:grid}.of-sheet__head h2{font:var(--of-w-title) 24px/1.15 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);margin:0}.of-sheet__amt{font:500 28px/1.1 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.of-sheet__body{padding:var(--space-5);gap:var(--space-6);flex:1;align-content:start;display:grid;overflow-y:auto}.of-sheet__foot{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);display:flex}@media (max-width:900px){.of-sheet{border-radius:var(--radius-l) var(--radius-l) 0 0;width:auto;max-height:88vh;inset:auto 0 0}.of-sheet[hidden]{transform:translateY(24px)}}.of-tip{border-radius:var(--radius-pill);background:var(--key);height:28px;color:var(--on-key);font:500 13px/1 var(--font-sans);white-space:nowrap;align-items:center;padding:0 10px;display:inline-flex}.of-kbd{border-radius:var(--radius-xs);background:var(--card);min-width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line-strong), 0 1px 0 var(--line-strong);font:500 12px/1 var(--font-mono);color:var(--ink-3);place-items:center;padding:0 6px;display:inline-grid}.of-empty{justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--ink-2);display:grid}.of-empty__badge{background:var(--ground-2);width:56px;height:56px;color:var(--ink);margin-bottom:var(--space-1);border-radius:50%;place-items:center;display:grid}.of-empty__badge--first{background:var(--sun);color:var(--on-sun);box-shadow:inset 0 0 0 1px var(--sun-edge)}.of-empty__badge svg{width:24px;height:24px}.of-empty h3{font:var(--of-w-title) 22px/1.15 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);margin:0}.of-empty p{max-width:300px;margin:0;font-size:15px}.of-empty .of-btn{margin-top:var(--space-2)}.of-skel{border-radius:var(--radius-xs);background:var(--skeleton);color:#0000;-webkit-user-select:none;user-select:none;vertical-align:middle;min-height:12px;display:inline-block}.of-skel--pill{border-radius:var(--radius-pill)}.of-skel--round{border-radius:50%}.of-progress{border-radius:var(--radius-pill);background:var(--ground-2);height:8px;overflow:hidden}.of-progress i{border-radius:inherit;background:var(--ink);height:100%;display:block}.of-progress.is-over i{background:var(--neg)}[data-theme^=quiet] .of-token--blue,[data-theme^=quiet] .of-money--in{box-shadow:inset 0 0 0 1px var(--line-strong)}.of-sentence .of-money{vertical-align:3px;height:30px;padding:0 12px;font-size:16px}.of-sentence .of-num{font-variant-numeric:tabular-nums}:lang(zh){--of-display:var(--of-display-cjk);--of-track-display:-.01em;--of-track-title:0em;--of-hero-size:var(--of-hero-cjk);--of-h2-size:var(--of-h2-cjk);font-synthesis-weight:none}.of-root:lang(zh),.of-root :lang(zh){letter-spacing:0;line-break:strict}.of-root:lang(zh){line-height:1.75}:lang(zh) .of-h1,.of-h1:lang(zh){line-height:1.15}:lang(zh) .of-h2,.of-h2:lang(zh){line-height:1.2}:lang(zh) .of-h3,.of-h3:lang(zh){line-height:1.35}:lang(zh) .of-lede,.of-lede:lang(zh){max-width:34em;line-height:1.8}@media (prefers-reduced-motion:reduce){.of-root *,.of-root :before,.of-root :after{transition:none!important}.of-btn:active{transform:none}.of-spin{animation-duration:1.6s}}
[data-density=app]{--control-m:36px;--control-s:var(--control-xs);--field-h:var(--field-app)}.of-root[data-density=app]{font-size:14px;line-height:1.45}.of-i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}[data-density=app] .of-btn{padding:0 var(--space-4);gap:6px;font-size:14px}[data-density=app] .of-btn--s{padding:0 var(--space-3);font-size:13px}[data-density=app] .of-btn--l{height:var(--touch-min);padding:0 var(--space-5);font-size:15px}[data-density=app] .of-btn--icon{width:var(--control-m);padding:0}[data-density=app] .of-btn--icon.of-btn--s{width:var(--control-s)}[data-density=app] .of-btn .of-i{width:16px;height:16px}[data-density=app] .of-btn--soft{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong)}[data-density=app] .of-btn--soft:hover{background:var(--ground-2)}[data-density=app] .of-field>label{font:500 13px/1 var(--font-sans);padding-left:0}[data-density=app] .of-help{padding-left:0}[data-density=app] .of-input{border-radius:var(--radius-s);padding:0 var(--space-3);font-size:14px}[data-density=app] .of-textarea{border-radius:var(--radius-s);padding:10px var(--space-3);min-height:88px;font-size:14px}[data-density=app] .of-select select{padding-right:36px}[data-density=app] .of-select>svg{right:var(--space-3);width:16px;height:16px;margin-top:-8px}[data-density=app] .of-seg{border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--line);border:0;gap:0;padding:2px}[data-density=app] .of-seg button{height:28px;color:var(--ink-3);font:500 13px/1 var(--font-sans);white-space:nowrap;border-radius:8px;padding:0 10px}[data-density=app] .of-seg button[aria-pressed=true]{color:var(--ink)}[data-density=app] .of-seg--slide{padding:3px}[data-density=app] .of-seg--slide button{height:30px}[data-density=app] .of-seg--slide button[aria-pressed=true]{color:var(--on-key)}[data-density=app] .of-seg__thumb{width:calc((100% - 6px) / var(--n,4));border-radius:8px;top:3px;bottom:3px;left:3px}[data-density=app] .of-tabs{gap:var(--space-5)}[data-density=app] .of-tabs button{font:500 14px/1 var(--font-sans);gap:6px;margin-bottom:-1px;padding-bottom:10px;display:inline-flex}[data-density=app] .of-tabs button span{font:400 12px/1.2 var(--font-mono)}[data-density=app] .of-pill{height:22px;padding:0 var(--space-2) 0 7px;font-size:12px}[data-density=app] .of-check{vertical-align:middle;border-radius:5px;width:16px;height:16px}[data-density=app] .of-check:checked:after{border-width:0 2px 2px 0;width:4px;height:8px}[data-density=app] .of-switch{width:36px;height:20px}[data-density=app] .of-switch:after{width:14px;height:14px}[data-density=app] .of-switch:checked:after{transform:translate(16px)}[data-density=app] .of-av{width:24px;height:24px;font-size:10px}[data-density=app] .of-av--m{width:32px;height:32px;font-size:11px}[data-density=app] .of-av--l{width:40px;height:40px;font-size:14px}[data-density=app] .of-ring .of-av{width:38px;height:38px;font-size:12px}[data-density=app] .of-chip{padding:0 var(--space-3) 0 5px;font-size:13px}[data-density=app] .of-chip i{width:20px;height:20px}.of-app{grid-template-columns:var(--side-w) minmax(0, 1fr);min-height:100vh;display:grid}.of-side{height:100vh;padding:var(--space-3);border-right:1px solid var(--line);background:var(--ground);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.of-brand{height:40px;padding:0 var(--space-2);margin-bottom:var(--space-4);border-radius:var(--radius-s);color:var(--ink);font:600 14px/1 var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.of-brand:hover{background:var(--ground-2)}.of-brand b{flex:1;font-weight:600}.of-brand .of-i{width:16px;height:16px;color:var(--ink-3)}.of-brand__dot{background:var(--brand-sun);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--sun-edge);border-radius:50%;flex:none;margin:0 5px 0 3px}.of-nav{gap:2px;display:grid}.of-nav__h{font:500 13px/1 var(--font-sans);color:var(--ink-3);padding:var(--space-6) 10px var(--space-2)}.of-nav a{height:var(--row);border-radius:var(--radius-s);color:var(--ink-2);transition:background-color var(--of-fast) var(--of-ease), color var(--of-fast) var(--of-ease);align-items:center;gap:10px;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.of-nav a .of-i{color:var(--ink-3)}.of-nav a:hover,.of-nav a[aria-current]{background:var(--ground-2);color:var(--ink)}.of-nav a[aria-current] .of-i{color:var(--ink)}.of-count{font:400 12px/1 var(--font-mono);color:var(--ink-3);margin-left:auto}.of-swatch{flex:none;place-items:center;width:18px;display:grid}.of-swatch i{border-radius:3px;width:8px;height:8px}[data-theme^=quiet] .of-swatch i{box-shadow:inset 0 0 0 1px var(--line-strong)}.of-side__foot{padding-top:var(--space-4);gap:2px;margin-top:auto;display:grid}.of-me{align-items:center;gap:10px;height:48px;padding:0 10px;display:flex}.of-me b{color:var(--ink);font-weight:500;line-height:1.2;display:block}.of-me small{color:var(--ink-3);font-size:12px}.of-main{min-width:0}.of-bar{z-index:var(--z-bar);align-items:center;gap:var(--space-2);height:var(--bar-h);padding:0 var(--space-6);border-bottom:1px solid var(--line);background:var(--ground);display:flex;position:sticky;top:0}.of-bar__sp{flex:1}.of-crumb{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.of-crumb a{color:inherit;text-decoration:none}.of-crumb a:hover{color:var(--ink)}.of-crumb b{color:var(--ink);font-weight:500}.of-search{align-items:center;gap:var(--space-2);border-radius:var(--radius-s);background:var(--ground-2);width:260px;height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);padding:0 6px 0 10px;display:flex}.of-search .of-i{width:16px;height:16px}.of-search:focus-within{box-shadow:inset 0 0 0 2px var(--focus)}.of-search input{min-width:0;color:var(--ink);font:400 14px/1 var(--font-sans);background:0 0;border:0;outline:0;flex:1}.of-search input::placeholder{color:var(--ink-3)}.of-iconbtn{border-radius:var(--radius-s);width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;text-decoration:none;display:grid}.of-iconbtn:hover{background:var(--ground-2);color:var(--ink)}.of-menu-btn{display:none}.of-content{max-width:1440px;padding:28px var(--space-8) 56px;flex-direction:column;gap:40px;display:flex}.of-head{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.of-head h1{font:var(--of-w-title) 28px/1.1 var(--of-display);letter-spacing:var(--of-track-title);color:var(--ink);margin:0}.of-head p{color:var(--ink-3);margin:6px 0 0}.of-head__acts{gap:var(--space-2);display:flex}.of-sec{min-width:0}.of-sec__h{justify-content:space-between;align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.of-sec__h h2{font:600 15px/1.2 var(--font-sans);color:var(--ink);margin:0}.of-sec__h p{color:var(--ink-3);margin:4px 0 0;font-size:13px}.of-figs{border-block:1px solid var(--line);grid-template-columns:1.5fr repeat(3,minmax(0,1fr));display:grid}.of-fig{padding:var(--space-5) var(--space-6);align-content:start;gap:6px;min-width:0;display:grid}.of-fig+.of-fig{border-left:1px solid var(--line)}.of-fig:first-child{padding-left:0}.of-fig__k{color:var(--ink-3);font-size:13px}.of-fig__v{font:500 26px/1.1 var(--font-sans);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.of-fig--lead .of-fig__v{font:var(--of-w-title) 40px/1 var(--of-display);letter-spacing:var(--of-track-display)}.of-fig__d{color:var(--ink-3);font-size:13px}.of-stable{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.of-stable th{text-align:left;font:500 13px/1 var(--font-sans);color:var(--ink-3);padding:var(--space-3);border-bottom:1px solid var(--line);white-space:nowrap}.of-stable td{padding:0 var(--space-3);height:var(--row-table);border-bottom:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.of-stable th:first-child,.of-stable td:first-child{padding-left:var(--space-2);width:32px}.of-stable tbody tr{cursor:pointer}.of-stable tbody tr:hover,.of-stable tbody tr.is-hover{--of-row:var(--ground-2)}.of-stable tbody tr[aria-selected=true]{--of-row:var(--info-bg)}.of-stable tbody tr{z-index:0;position:relative}.of-stable tbody td:first-child:before{content:"";z-index:-1;background:var(--of-row,transparent);pointer-events:none;transition:background-color var(--of-fast) var(--of-ease);position:absolute;inset:0}.of-stable .of-amt{text-align:right;font-variant-numeric:tabular-nums}.of-stable td.of-amt{color:var(--ink);font-weight:500}.of-stable__group td{height:52px;padding-top:var(--space-5);vertical-align:middle;font:600 13px/1 var(--font-sans);color:var(--ink);cursor:default}.of-stable__group td span{margin-left:var(--space-2);font:400 12px/1 var(--font-mono);color:var(--ink-3)}.of-stable__group td.of-amt{color:var(--ink-3);font-weight:400}.of-stable--roomy{min-width:680px}.of-stable--roomy td{height:60px}.of-stable--roomy td.of-amt{font-size:15px;font-weight:600}.of-cell2{gap:4px;display:grid}.of-cell2 b{color:var(--ink);font-weight:500}.of-cell2 small{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:13px;display:flex}.of-cell2 small .of-mono{font-size:12px}.of-stable .of-cell2 small .of-cat{font-size:13px}.of-stable--roomy .of-stable__group td.of-amt{font-size:13px;font-weight:400}.of-stable tbody tr.of-stable__group,.of-stable tbody tr.of-stable__group:hover{--of-row:transparent;cursor:default}.of-stable td.of-acts{text-align:right;width:104px;padding:0}.of-stable th:last-child,.of-stable td:last-child{padding-right:var(--space-2)}.of-stable .of-cat{gap:var(--space-2);font-size:14px;font-weight:400}.of-stable tr:hover .of-row-actions,.of-stable tr.is-hover .of-row-actions,.of-stable tr:focus-within .of-row-actions{opacity:1;transform:none}@media (hover:none){.of-stable .of-row-actions{opacity:1;transform:none}}.of-cat{white-space:nowrap}.of-tfoot{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink-3);flex-wrap:wrap;padding-top:14px;font-size:13px;display:flex}.of-tfoot>div{gap:6px;display:flex}.of-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.of-toolbar .of-tabs{border:0}.of-toolbar__r{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);display:flex}.of-toolbar .of-search{width:220px;height:var(--control-s)}.of-bulk{bottom:var(--space-6);z-index:var(--z-sheet);padding:6px 6px 6px var(--space-5);border-radius:var(--radius-pill);background:var(--key);color:var(--on-key);box-shadow:var(--shadow-float);white-space:nowrap;align-self:center;align-items:center;gap:2px;display:flex;position:sticky}.of-bulk[hidden]{display:none}.of-bulk__n{margin-right:var(--space-3);font-variant-numeric:tabular-nums}.of-bulk button{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:inherit;font:500 13px/1 var(--font-sans);cursor:pointer;transition:background-color var(--of-fast) var(--of-ease);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.of-bulk button:hover{background:color-mix(in srgb, var(--on-key) 16%, transparent)}.of-bulk button .of-i{width:16px;height:16px}.of-bulk i{width:1px;height:18px;margin:0 var(--space-1);background:color-mix(in srgb, var(--on-key) 24%, transparent)}.of-rowset{gap:var(--space-2) 56px;border-top:1px solid var(--line);grid-template-columns:260px minmax(0,520px);padding:28px 0;display:grid}.of-rowset>header h2{font:600 15px/1.2 var(--font-sans);color:var(--ink);margin:0}.of-rowset>header p{color:var(--ink-3);margin:6px 0 0;font-size:13px}.of-rowset__c{gap:var(--space-5);min-width:0;display:grid}.of-setting{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.of-setting b{color:var(--ink);font-weight:500;display:block}.of-setting small{color:var(--ink-3);margin-top:2px;font-size:13px;display:block}.of-subnav{top:calc(var(--bar-h) + 28px);align-content:start;gap:2px;display:grid;position:sticky}.of-subnav a{height:32px;color:var(--ink-2);border-radius:8px;align-items:center;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.of-subnav a:hover,.of-subnav a[aria-current]{background:var(--ground-2);color:var(--ink)}.of-list{border-top:1px solid var(--line)}.of-item{gap:var(--space-3);min-height:64px;padding:var(--space-2) 0;border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.of-item b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.of-item small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.of-item__r{align-items:center;gap:var(--space-2);display:flex}@media (max-width:1180px){.of-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.of-fig:nth-child(3){border-left:0;padding-left:0}.of-fig:nth-child(n+3){border-top:1px solid var(--line)}.of-rowset{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.of-app{grid-template-columns:minmax(0,1fr)}.of-side{z-index:var(--z-side);width:264px;transition:transform var(--dur-sheet) var(--ease-sheet);position:fixed;left:0;transform:translate(-100%)}.of-app.is-open .of-side{box-shadow:var(--shadow-float);transform:none}.of-menu-btn{display:grid}.of-bar .of-search{display:none}.of-bar{padding:0 var(--space-3) 0 var(--space-2)}.of-content{padding:var(--space-5) var(--space-4) 40px;gap:var(--space-8)}.of-subnav{display:flex;position:static;overflow-x:auto}.of-subnav a{white-space:nowrap}[data-density=app]{--control-m:var(--touch-min);--control-s:36px;--field-h:var(--touch-min)}}@media (max-width:560px){.of-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.of-fig{padding:var(--space-4) 0}.of-fig--lead{grid-column:1/-1}.of-fig+.of-fig{border-left:0;border-top:1px solid var(--line);padding-left:0}.of-fig--lead~.of-fig:nth-child(odd){padding-left:var(--space-4);border-left:1px solid var(--line)}.of-fig__v{font-size:20px}.of-fig--lead .of-fig__v{font-size:34px}.of-head__acts{width:100%}.of-head__acts .of-btn{flex:1}.of-crumb span,.of-crumb a{display:none}.of-bulk{left:var(--space-3);right:var(--space-3);max-width:calc(100vw - 24px);overflow-x:auto}}.of-meter{border-radius:var(--radius-pill);background:var(--ground-2);height:8px;box-shadow:inset 0 0 0 1px var(--line);position:relative}.of-meter i{border-radius:inherit;background:var(--ink);max-width:100%;height:100%;display:block}.of-meter.is-over i{background:var(--neg)}.of-meter b{top:-4px;bottom:-4px;left:var(--pace,0%);background:var(--ink-3);border-radius:1px;width:2px;margin-left:-1px;position:absolute}.of-bars{border-bottom:1px solid var(--line-strong);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:4px;height:200px;display:grid;position:relative}.of-bars i{background:var(--ink-3);border-radius:3px 3px 0 0;min-height:2px;position:relative}.of-bars i.is-now{background:var(--now);box-shadow:inset 0 0 0 1px var(--sun-edge)}.of-bars i.is-todo{background:var(--line)}.of-bars__rule{border-top:1px dashed var(--line-strong);pointer-events:none;position:absolute;left:0;right:0}.of-bars__rule span{font:400 12px/1 var(--font-mono);color:var(--ink-3);background:var(--ground);padding-left:6px;position:absolute;bottom:4px;right:0}.of-axis{margin-top:var(--space-2);font:400 12px/1 var(--font-mono);color:var(--ink-3);justify-content:space-between;display:flex}.of-panes{min-height:calc(100vh - var(--bar-h));grid-template-columns:minmax(0,1fr) minmax(0,460px);display:grid}.of-panes>:first-child{min-width:0}.of-pane{top:var(--bar-h);height:calc(100vh - var(--bar-h));border-left:1px solid var(--line);padding:28px var(--space-6) var(--space-6);align-self:start;gap:var(--space-6);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.of-pane__foot{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);margin-top:auto;display:grid}@media (max-width:1180px){.of-panes{grid-template-columns:minmax(0,1fr)}.of-pane{border-left:0;border-top:1px solid var(--line);height:auto;position:static}}

@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}