:root{color-scheme:light dark;--fg: #111;--bg: #fafafa;--muted: #777;--yes: #0f8a5f;--no: #d0455b;--teal: #0e7c86;--orange: #d9772b;--line: #ddd}@media (prefers-color-scheme: dark){:root{--fg: #eee;--bg: #111;--muted: #999;--line: #333;--teal: #2dd4bf;--yes: #34d399;--no: #f87171;--orange: #f2a14c}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:48px 16px}h1{position:relative;line-height:1}h1 .logo{position:absolute;left:-56px;top:-4px;width:44px;text-align:right;font-size:32px;letter-spacing:0;line-height:1}@media (max-width: 1244px){main{padding-left:72px}}@media (max-width: 600px){main{padding-left:52px}h1 .logo{left:-40px;width:32px;font-size:26px;top:-2px}}h1 small{display:block;margin:2px 0 0;line-height:1.2;font-size:12px;letter-spacing:.05em;text-transform:none;font-weight:400;color:var(--muted)}h1 small a{color:inherit;text-decoration:none}h1 small a:hover{text-decoration:underline}h1 .source{position:absolute;right:0;top:4px;font-size:12px;letter-spacing:.05em;text-transform:none;font-weight:400;color:var(--muted);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px}h1 .source:hover{color:var(--fg);text-decoration-color:currentColor}h1{font-size:26px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0 0 32px}.sentence{font-size:clamp(40px,8vw,96px);line-height:1.2;font-weight:600;margin:0 0 40px}.tog{position:relative;display:inline-block;white-space:nowrap}.tog button{font:inherit;color:inherit;background:none;border:0;border-bottom:3px solid currentColor;padding:0;margin:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.tog button:focus-visible{outline:none;border-bottom-color:var(--yes)}.tog.do{color:var(--yes)}.tog.dont{color:var(--no)}.tog select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;font:16px system-ui,sans-serif}.card{display:inline-block;margin-bottom:8px}.qty{display:flex;align-items:center;gap:2px;margin-bottom:6px;font-size:13px;color:var(--muted)}.qty button{font:inherit;font-size:15px;line-height:1;width:22px;height:22px;border:0;background:transparent;color:inherit;cursor:pointer}.qty button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.qty button.n{width:auto;padding:0 4px;color:var(--fg);font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.qty input{width:2em;font:inherit;font-size:15px;text-align:center;padding:0 4px;border:0;border-bottom:1px solid var(--teal);background:transparent;color:var(--fg)}.qty input:focus{outline:none}.qty span{margin-left:4px}.limit{margin-top:6px;font-size:12px;color:var(--muted)}.limit button.text{font:inherit;border:0;padding:0;background:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px}.limit button.text:hover{color:var(--fg);text-decoration-color:currentColor}.limit label button.text{margin-left:.3em;display:inline;vertical-align:baseline;line-height:inherit}.limit input{font:inherit;font-variant-numeric:tabular-nums;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line);padding:2px 0;margin:0 2px}.limit input:focus{outline:none;border-bottom-color:var(--teal)}.card .main{font:inherit;padding:18px 28px;border:0;background:var(--teal);color:#111;cursor:pointer;text-align:left}.card .main:hover:not(:disabled){background:color-mix(in srgb,var(--teal) 85%,#fff)}.card .main:disabled{opacity:.5;cursor:default}.card .main b{display:block;font-size:32px}.card .main b{color:#111}.row button,dialog{position:fixed;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:24px;max-width:460px;width:calc(100% - 32px);font-size:16px}dialog::backdrop{background:#00000080}dialog p{margin:0 0 12px}dialog .order b{display:block}dialog .order small{color:var(--muted);font-size:13px}dialog .order small.collateral{display:block;margin-top:8px;color:var(--fg)}dialog p.detail{color:var(--muted);font-size:13px;margin:4px 0 0}dialog .order small.collateral b{font-variant-numeric:tabular-nums}dialog .order small.collateral input[type=range]{display:block;width:100%;margin:8px 0 6px;accent-color:var(--teal)}dialog .order small.collateral span{display:block;color:var(--muted)}dialog code{font-size:14px;word-break:break-all;-webkit-user-select:all;user-select:all}dialog .ok{color:var(--yes)}dialog .err{color:var(--no);white-space:pre-wrap}dialog button{font:inherit;font-size:15px;padding:6px 12px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}dialog button.text{border:0;padding:6px 8px;color:var(--muted)}dialog button.text:hover:not(:disabled),dialog button.text:focus-visible{color:var(--fg);background:color-mix(in srgb,currentColor 8%,transparent);outline:none}dialog button:disabled{opacity:.4;cursor:default}dialog button.confirm{display:block;width:100%;margin-top:16px;padding:14px;border:0;background:var(--teal);color:#111;font-size:20px;font-weight:600}dialog button.confirm:hover{background:color-mix(in srgb,var(--teal) 85%,#fff)}dialog form.x{position:absolute;top:8px;right:8px;margin:0}dialog form.x button{border:0;padding:0;width:32px;height:32px;font-size:24px;line-height:1;color:var(--muted)}dialog form.x button:hover:not(:disabled),dialog form.x button:focus-visible{color:var(--fg);background:color-mix(in srgb,currentColor 8%,transparent);outline:none}.ghost i,i.ghost{display:inline-block;height:.8em;vertical-align:-.1em;background:linear-gradient(90deg,var(--line) 25%,color-mix(in srgb,var(--line) 40%,var(--bg)) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.sentence.ghost{color:var(--muted)}.sentence.ghost i{border-bottom:3px solid var(--line)}.card.ghost .main{display:block;width:230px;height:84px;background:linear-gradient(90deg,color-mix(in srgb,var(--teal) 18%,var(--bg)) 25%,color-mix(in srgb,var(--teal) 30%,var(--bg)),color-mix(in srgb,var(--teal) 18%,var(--bg)) 75%);background-size:200% 100%}.card .main i.ghost{background:linear-gradient(90deg,#0000001f 25%,#00000038,#0000001f 75%);background-size:200% 100%;border:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.ghost i,i.ghost{animation:none}}.err{color:var(--no)}.payoff{margin:4px 0 16px}.pstats{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.pstats b{display:block;color:var(--fg);font-size:15px}.pstats .loss{color:var(--no)}.pstats .gain{color:var(--yes)}.payoff svg{width:100%;height:auto;display:block;touch-action:none}.payoff polygon.gain{fill:var(--yes);opacity:.15}.payoff polygon.loss{fill:var(--no);opacity:.15}.payoff .line{fill:none;stroke:var(--fg);stroke-width:2;stroke-linejoin:round}.payoff .axis{stroke:var(--line);stroke-width:1}.payoff .spot{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.payoff .liq{stroke:var(--no);stroke-width:1;stroke-dasharray:2 3}.payoff .liqlabel{fill:var(--no)}.payoff .cross{stroke:var(--teal);stroke-width:1}.payoff .dot{fill:var(--teal);stroke:var(--bg);stroke-width:2}.payoff .spotdot{fill:var(--fg);stroke:var(--bg);stroke-width:2}.payoff .tick{fill:var(--muted);font-size:11px}.payoff .tip{fill:var(--fg);font-size:12px;font-weight:600}.cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px;align-items:start}.tabs{display:none}@media (max-width: 800px){.cols{grid-template-columns:1fr;margin-top:0}.tabs{display:flex;margin-top:48px;border-bottom:1px solid var(--line)}.tabs button{flex:1;font:inherit;font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;padding:10px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--fg)}.mine h2,.cols.latest .mine,.cols.mine .feed{display:none}.mine{position:static}}.feed{min-width:0}.feed ul.top{margin-bottom:48px}.feed h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:600}.feed ul{list-style:none;padding:0;margin:0}.feed li{padding:14px 16px;margin:0 -16px}.feed li:nth-child(odd){background:color-mix(in srgb,var(--fg) 4%,transparent)}.feed header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.feed header b{font-weight:500;font-family:ui-monospace,monospace}.feed ul.top header b{font-family:inherit}.feed ul.top header big{font-size:28px;font-weight:600;margin-right:4px;font-variant-numeric:tabular-nums;line-height:1}.feed li p{margin:6px 0 2px;font-size:17px;font-weight:500}.feed li small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.feed footer{margin-top:8px}.feed footer button.text{font:inherit;font-size:12px;border:0;padding:0;background:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px}.feed footer button.text:hover{color:var(--fg);text-decoration-color:currentColor}.mine{position:sticky;top:24px}.mine h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:600}.mine .muted{color:var(--muted);font-size:14px}.mine .muted button.text{font:inherit;border:0;padding:0;background:none;color:var(--teal);cursor:pointer}.mine ul{list-style:none;margin:0;padding:0}.mine li{position:relative;padding:14px 16px;margin:0 -16px}.mine li:nth-child(odd){background:color-mix(in srgb,var(--fg) 4%,transparent)}.mine li p{margin:0 0 2px;font-size:17px;font-weight:500;padding-right:6em}.mine li small{display:block;color:var(--muted);font-size:12px}.mine li b{position:absolute;top:14px;right:16px;font-size:16px;font-variant-numeric:tabular-nums}.mine .gain,.feed .gain{color:var(--yes)}.mine .loss,.feed .loss{color:var(--no)}.mine footer{display:flex;gap:16px;margin-top:8px}.mine footer button.text{font:inherit;font-size:12px;border:0;padding:0;background:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px}.mine footer button.text:hover{color:var(--fg);text-decoration-color:currentColor}dialog details.fees{margin-top:12px;font-size:12px;color:var(--muted)}dialog details.fees summary{cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px;width:max-content}dialog details.fees summary::-webkit-details-marker{display:none}dialog details.fees summary:hover{color:var(--fg)}dialog details.fees p{margin:6px 0 0}
