:root{color-scheme:light;--paper: #ffffff;--ink: #000000;--muted: #8a9096;--faint: #b4b8bc;--fill: #f7f7f7;--line: #efefef;--ring: #e4e4e4;--island: #e4e4e4;--blue: #328ff9;--orange: #ff791a;--blue-soft: #e5f1fd;--peach: #ffefe2;--phone-w: 390px;--phone-h: 748px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;animation:none!important;transition:none!important}html,body,#root{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:18px 20px 48px}.credits{width:min(832px,100%);display:flex;gap:1.25rem;margin-bottom:28px}.gallery,.source{color:var(--ink);font-size:13px;line-height:16px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--ink)}.collage{display:flex;gap:52px;justify-content:center;align-items:flex-start}.phone{width:var(--phone-w);height:var(--phone-h);background:var(--paper);border:1px solid #e3e3e3;border-radius:50px;position:relative;overflow:hidden;padding:0 22px 18px;flex:none}.island{position:absolute;top:11px;left:50%;width:106px;height:31px;margin-left:-53px;background:var(--island);border-radius:999px;z-index:3;pointer-events:none}.status{height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px 0 16px;position:relative;z-index:2}.clock{font-size:16px;font-weight:600;letter-spacing:-.03em;padding-left:6px}.sys{display:flex;align-items:center;gap:6px;color:var(--ink);padding-right:2px}.top-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 16px;min-height:44px}.txn-nav{margin-bottom:12px}.txn-nav h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.03em}.round{width:44px;height:44px;border-radius:999px;border:1px solid var(--ring);color:#7a8086;display:grid;place-items:center}.round svg{width:24px;height:24px}.round.is-on{background:var(--fill);color:var(--ink)}.eyebrow{margin:2px 0 0;font-size:16px;line-height:20px;font-weight:500;color:var(--muted)}.hero{margin:8px 0 0;font-size:40px;line-height:44px;font-weight:700;letter-spacing:-.045em}.legend{display:flex;align-items:center;gap:14px;margin:16px 0 26px;font-size:13px;line-height:16px;font-weight:500;color:var(--muted);white-space:nowrap}.leg{display:inline-flex;align-items:center;gap:7px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}.swatch.blue{background:var(--blue)}.swatch.orange{background:var(--orange)}.chart{position:relative;height:164px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1}.rules{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:0}.rules i{display:block;height:1px;background:#ebebeb}.bar{position:relative;width:46px;border-radius:24px;background:var(--orange);z-index:1}.bar.is-on{background:var(--blue)}.mark{position:absolute;top:0;left:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;background:var(--blue);border:3px solid var(--paper);border-radius:99px;pointer-events:none}.years{display:flex;justify-content:space-between;margin:10px 0 16px}.years button{width:46px;text-align:center;font-size:13px;line-height:16px;font-weight:500;color:var(--faint)}.years button.is-on{color:var(--ink);font-weight:600}.stats,.metrics{display:flex;align-items:center;background:var(--fill);border-radius:22px;padding:14px 8px 16px}.stats div,.metrics div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stats strong,.metrics strong{font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.03em}.stats span,.metrics span{font-size:13px;line-height:16px;font-weight:500;color:var(--muted)}.stats i,.metrics i{width:0;height:32px;border-left:1px dotted #d8d8d8;background:none;flex:none}.rule,.hair{height:1px;background:var(--line);margin:20px -22px 16px}.hair{margin:14px -22px 16px}h2{margin:0 0 12px;font-size:18px;line-height:22px;font-weight:600;letter-spacing:-.03em}.invest{display:flex;align-items:center;gap:12px;background:var(--fill);border-radius:22px;padding:14px 16px}.invest div{display:flex;flex-direction:column;gap:2px;min-width:0}.invest b,.txn b{font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.02em}.invest span,.txn span{font-size:13px;line-height:16px;font-weight:500;color:var(--muted)}.invest em,.txn em{font-style:normal;margin-left:auto;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.02em}.mark-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--paper)}.mark-btn svg{width:22px;height:22px}.mark-btn.blue{background:var(--blue)}.mark-btn.orange{background:var(--orange)}.hole{fill:var(--blue)}.mark-btn.orange .hole{fill:var(--orange)}.mark-btn.lg{width:52px;height:52px;border-radius:18px}.mark-btn.lg svg{width:28px;height:28px}.seg{display:flex;background:var(--fill);border-radius:999px;padding:4px;margin-bottom:16px}.seg button{flex:1;height:38px;border-radius:999px;font-size:15px;font-weight:500;color:var(--muted)}.seg button.is-on{background:var(--paper);color:var(--ink);font-weight:600}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.sum{border-radius:28px;padding:24px 10px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid transparent}.sum.blue{background:var(--blue-soft)}.sum.peach{background:var(--peach)}.sum.is-on{border-color:var(--ink)}.sum strong{font-size:22px;line-height:26px;font-weight:700;letter-spacing:-.04em}.sum span{font-size:13px;line-height:16px;font-weight:500;color:var(--muted)}.day h2{font-size:17px;margin:0 0 10px}.txns{background:var(--fill);border-radius:22px;padding:6px 14px}.txn{display:flex;align-items:center;gap:12px;padding:14px 0;position:relative}.txn div{display:flex;flex-direction:column;gap:2px;min-width:0}.txn .amt{margin-left:auto;text-align:right;flex:none}.txn .amt em{margin:0}.txn .amt span{white-space:nowrap}.dotline{position:absolute;top:0;left:52px;right:0;height:0;border-top:1px dotted #e1e1e1}.empty{margin:0;font-size:13px;color:var(--muted);background:var(--fill);border-radius:16px;padding:16px}.panel h2{margin:8px 0 12px}.hint{margin:0 0 14px;font-size:13px;line-height:18px;color:var(--muted)}.text-btn{margin-top:16px;font-size:15px;font-weight:600;border-bottom:1px solid var(--ink)}@media(max-width:860px){.collage{flex-direction:column;gap:28px;align-items:center}.credits{width:min(390px,100%)}}
