:root{--paper:#f4f6f8;--card:#fff;--ink:#18222d;--ink-soft:#4b5865;--line:#c9d1d8;--steel:#8794a0;--sticker:#ffd84a;--gain:#1f6f52;--loss:#b0392c;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--text:"Barlow", system-ui, sans-serif;--step--1:.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.75rem;--step-3:2.5rem;--radius:6px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 var(--step-0) / 1.5 var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}body.sheet-open{overflow:hidden}h1,h2,p,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.muted{color:var(--ink-soft)}.is-gain{color:var(--gain)}.is-loss{color:var(--loss)}.masthead{max-width:1160px;padding:18px var(--gutter);align-items:center;gap:40px;margin:0 auto;display:flex}.wordmark{font:700 var(--step-2) / 1 var(--display);color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.mark{width:26px;height:26px}.mark rect{fill:var(--ink)}.mark path{fill:none;stroke:var(--sticker);stroke-width:2.2px;stroke-linecap:round}.nav{gap:4px;display:flex}.nav a{border-radius:var(--radius);color:var(--ink-soft);padding:6px 12px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line)}.account{font-size:var(--step--1);align-items:baseline;gap:14px;margin-left:auto;display:flex}.account-name{color:var(--ink-soft)}.link-button{text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.page{max-width:1160px;padding:24px var(--gutter) 96px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-title{font:700 var(--step-3) / 1 var(--display)}.page-sub{color:var(--ink-soft);margin-top:6px}.page-loading,.sheet-loading{color:var(--ink-soft)}.notice{border-radius:var(--radius);background:var(--card);padding:12px 16px}.notice.is-error{color:var(--loss);box-shadow:inset 3px 0 0 var(--loss)}.empty{max-width:46ch;color:var(--ink-soft);font-size:var(--step-1);justify-items:start;gap:16px;padding:48px 0;display:grid}.button{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--card);white-space:nowrap;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:600;display:inline-flex}.button:hover{background:#fff}.button.primary{background:var(--sticker)}.button.primary:hover{background:#ffe171}.button.quiet{text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.button.danger{border-color:var(--loss);color:var(--loss);background:0 0}.button.small{min-height:34px;font-size:var(--step--1);padding:0 14px}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:progress}.form{gap:16px;display:grid}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row.three{grid-template-columns:repeat(3,1fr)}.row.wide-first{grid-template-columns:2fr 1fr}.more{border-top:1px solid var(--line);padding-top:12px}.more summary{cursor:pointer;width:fit-content;font-weight:600}.more[open] summary{margin-bottom:14px}.field{gap:6px;min-width:0;display:grid}.field>span{font-size:var(--step--1);font-weight:600}.field em{color:var(--ink-soft);font-style:normal;font-weight:400}.field small{color:var(--ink-soft)}.field.inline{align-items:center;gap:10px;display:flex}input,select,textarea{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;min-height:42px;padding:8px 12px}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--steel)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.money-input{display:block;position:relative}.money-input>span{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.money-input input{padding-left:26px}.group{border:0;border-top:1.5px solid var(--line);gap:12px;margin:4px 0 0;padding:14px 0 0;display:grid}.group legend{font:600 var(--step-1) / 1 var(--display);padding:0 8px 0 0}.form-error{color:var(--loss);font-weight:500}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:8px;display:flex}.tabs{gap:4px;display:flex}.tabs button{border-radius:var(--radius);min-height:40px;color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.tabs button:hover{color:var(--ink);background:var(--card)}.tabs button[aria-selected=true]{color:var(--paper);background:var(--ink)}.count{text-align:center;background:#18222d14;border-radius:999px;min-width:22px;padding:0 6px;font-size:.8125rem}.tabs button[aria-selected=true] .count{background:#ffffff2e}.search{flex:0 320px}.cell-item{width:38%}.row-link{text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:inline-flex}.item-brand{font-size:var(--step--1);color:var(--ink-soft)}.item-name{text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.row-link:hover .item-name{text-decoration-color:currentColor}.item-size{border:1px solid var(--line);color:var(--ink-soft);vertical-align:1px;border-radius:4px;margin-left:10px;padding:0 7px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-block}.cell-condition{color:var(--ink-soft)}.status{font-size:var(--step--1);color:var(--ink-soft)}.status.is-stale{color:var(--loss);font-weight:600}.status.is-gain,.status.is-loss{font-weight:600}.status.is-gain{color:var(--gain)}.status.is-loss{color:var(--loss)}.cell-action{text-align:right;width:1%}.stock-table tr.is-sold .item-name{color:var(--ink-soft)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lede{justify-items:start;gap:14px;padding:28px 0 40px;display:grid}.lede-line{max-width:16ch;font:700 clamp(2.6rem, 7vw, 5rem) / .98 var(--display);letter-spacing:-.01em;text-wrap:balance}.lede-sub{max-width:52ch;font-size:var(--step-1);color:var(--ink-soft)}.panel{border-top:2px solid var(--ink);padding:16px 0 32px}.panel-title{font:600 var(--step-2) / 1.1 var(--display);margin-bottom:18px}.split{grid-template-columns:1fr 1fr;gap:48px;display:grid}.hint{font-size:var(--step--1);color:var(--ink-soft);margin-top:14px}.chart-readout{min-height:1.5em;color:var(--ink-soft);margin-bottom:14px}.chart-readout strong{color:var(--ink)}.chart-plot{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.chart-col{background:0 0;border:0;gap:8px;padding:0;display:grid}.chart-track{background:linear-gradient(to bottom, transparent calc(var(--zero) - 1px), var(--ink) calc(var(--zero) - 1px) calc(var(--zero) + 1px), transparent calc(var(--zero) + 1px));height:180px;display:block;position:relative}.chart-bar{background:var(--steel);border-radius:3px 3px 0 0;min-height:2px;position:absolute;left:18%;right:18%}.chart-bar.is-loss{background:var(--loss);border-radius:0 0 3px 3px}.chart-col.is-active .chart-bar:not(.is-loss){background:var(--ink)}.chart-col.is-active .chart-bar.is-loss{background:#7d2219}.chart-label{color:var(--ink-soft);font-size:.8125rem}.chart-col.is-active .chart-label{color:var(--ink);font-weight:600}.platforms,.oldest{gap:14px;margin:0;padding:0;list-style:none;display:grid}.platform-row{justify-content:space-between;gap:12px;margin-bottom:5px;display:flex}.platform-name{font-weight:600}.platform-figures{color:var(--ink-soft)}.platform-bar{background:var(--ink-soft);border-radius:3px;min-width:6px;height:6px;display:block}.oldest{gap:0}.oldest-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;gap:16px;width:100%;padding:10px 0;display:flex}.oldest-row:hover .oldest-name{text-underline-offset:3px;text-decoration:underline}.oldest-days{color:var(--ink-soft);flex:none}.oldest-days.is-stale{color:var(--loss);font-weight:600}.totals{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.totals dt{font-size:var(--step--1);color:var(--ink-soft)}.totals dd{font:600 var(--step-2) / 1.1 var(--display)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline;padding:12px 10px}.table thead th{border-bottom:2px solid var(--ink);font-size:var(--step--1);font-weight:600}.table .num{text-align:right}.table tbody tr:hover{background:var(--card)}.ledger-item .link-button{text-align:left;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-weight:600}.ledger-item .link-button:hover{text-decoration-color:currentColor}.ledger .profit{font:600 var(--step-1) / 1 var(--display)}.ledger tfoot th,.ledger tfoot td{border-bottom:0;border-top:2px solid var(--ink);font-weight:600}.sheet-backdrop{z-index:50;background:#18222d61;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);outline:none;width:min(480px,100%);height:100%;padding:28px 28px 40px;position:relative;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.sheet-backdrop{animation:.18s ease-out fade}.sheet{animation:.24s cubic-bezier(.2,.8,.2,1) slide-in}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}}.sheet-close{background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.sheet-close:hover{background:var(--paper)}.sheet-close svg{width:16px;height:16px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.sheet-head{margin-bottom:22px;padding-right:40px}.sheet-brand{color:var(--ink-soft);font-weight:600}.sheet-title{font:700 var(--step-3) / 1 var(--display);margin-bottom:20px;padding-right:40px}.sheet-head .sheet-title{margin-bottom:0}.outcome{border-radius:var(--radius);background:var(--sticker);margin-bottom:24px;padding:16px 18px}.outcome.is-waiting{background:var(--paper)}.outcome-figure{font:700 var(--step-3) / 1 var(--display)}.outcome.is-loss .outcome-figure{color:var(--loss)}.outcome-text{margin-top:6px}.facts{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.facts dt{font-size:var(--step--1);color:var(--ink-soft)}.facts dd{font-weight:500}.sheet-notes{border-top:1px solid var(--line);white-space:pre-wrap;margin-top:18px;padding-top:14px}.sheet-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.form .sheet-actions{margin-top:4px}.preview{border-radius:var(--radius);background:var(--sticker);gap:4px;padding:14px 16px;display:grid}.preview.is-loss{background:#f6d9d4}.preview-figure{font:700 var(--step-3) / 1 var(--display)}.preview.is-loss .preview-figure{color:var(--loss)}.preview-sum{font-size:var(--step--1)}.login{grid-template-rows:minmax(100vh,auto) auto;grid-template-columns:1.2fr 1fr;display:grid}.login-intro{align-content:center;gap:32px;padding:48px clamp(24px,7vw,96px);display:grid}.login-headline{max-width:14ch;font:700 clamp(2.5rem, 5vw, 4rem) / 1 var(--display);text-wrap:balance}.steps{counter-reset:step;gap:18px;max-width:420px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:36px 1fr;column-gap:14px;display:grid}.steps li:before{content:counter(step);background:var(--sticker);width:36px;height:36px;font:700 var(--step-1) / 1 var(--display);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.steps span{color:var(--ink-soft)}.login-lede{max-width:44ch;font-size:var(--step-1);color:var(--ink-soft)}.faq{border-top:1px solid var(--line);grid-column:1/-1;padding:48px clamp(24px,7vw,96px) 64px}.faq-title{font:700 var(--step-2) / 1.1 var(--display);margin-bottom:20px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;max-width:1040px;display:grid}.faq-list dt{font-weight:600}.faq-list dd{max-width:60ch;color:var(--ink-soft);margin-top:4px}.login-panel{padding:48px var(--gutter);background:var(--card);border-left:1px solid var(--line);align-content:center;justify-items:center;gap:20px;display:grid}.login-panel>*{width:100%;max-width:360px}.login-title{font:700 var(--step-3) / 1 var(--display)}.login-switch{color:var(--ink-soft)}.login-switch .link-button{color:var(--ink);font-weight:600}@media (width<=860px){.split{grid-template-columns:1fr;gap:0}.totals{grid-template-columns:repeat(2,1fr)}.login{grid-template-rows:auto;grid-template-columns:1fr}.login-intro{padding:32px var(--gutter);gap:24px}.login-panel{border-left:0;border-top:1px solid var(--line)}.faq{padding:32px var(--gutter) 48px}.faq-list{grid-template-columns:1fr}.cell-condition,.stock-table th:nth-child(2){display:none}}@media (width<=640px){.masthead{gap:16px;padding-top:14px;padding-bottom:6px}.nav{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;flex:1;padding:10px 0}.nav a[aria-current=page]{box-shadow:none;background:var(--paper)}.page{padding-bottom:120px}.page-head{align-items:center}.search{flex-basis:100%}.tabs{width:100%}.tabs button{white-space:nowrap;flex:1;justify-content:center;padding:0 8px}.row,.row.three,.row.wide-first{grid-template-columns:1fr 1fr}.sheet-backdrop{align-items:flex-end}.sheet{height:auto;max-height:92vh;padding:24px var(--gutter) calc(32px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.table thead{display:none}.table,.table tbody,.table tfoot,.table tr{display:block}.table tr{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 0;display:grid}.table td,.table th{border:0;padding:0}.stock-table .cell-item{grid-area:1/1;width:auto}.stock-table .cell-status{grid-area:2/1}.stock-table .cell-paid,.stock-table .cell-price{display:none}.stock-table .cell-action{grid-area:1/2/span 2;width:auto}.ledger tbody td[data-label=Date]{color:var(--ink-soft);font-size:var(--step--1);grid-area:2/1}.ledger .ledger-item{grid-area:1/1}.ledger tbody .profit{grid-area:1/2/span 2}.ledger tbody td[data-label=Sold\ on],.ledger tbody td[data-label=Paid],.ledger tbody td[data-label=Sold\ for],.ledger tbody td[data-label="Fees and postage"]{display:none}.ledger tfoot tr{border-top:2px solid var(--ink);border-bottom:0}.ledger tfoot td:not(.profit){display:none}}@media (width<=380px){.account-name{display:none}}
