:root{--cream:#fbfbfa;--canvas:#efede6;--sand:#f6efdf;--tab:#efe6d2;--ink:#232321;--text-2:#232321a6;--text-3:#2323218c;--gold:#7a5a1e;--gold-deep:#5e4415;--up:#1f7a63;--down:#9a3248;--border:#2323211f;--border-soft:#23232112;--focus:#c9a227;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-family:Readex Pro,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.page{gap:16px;max-width:760px;margin:0 auto;padding:32px 20px 48px;display:grid}.head h1{letter-spacing:-.4px;margin:4px 0 6px;font-size:30px;font-weight:600;line-height:1.15}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0;font-size:12px;font-weight:600}.sub{color:var(--text-2);margin:0}.summary{background:var(--sand);border-radius:22px;gap:14px;padding:20px 22px;display:grid}.summary-main{display:grid}.big{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600}.summary-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.summary-row>div{display:grid}.label{color:var(--text-2);font-size:13px}.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.up{color:var(--up)}.down{color:var(--down)}.notice{color:#7a2e1e;background:#fbeee8;border-radius:14px;padding:12px 16px}.card{background:var(--cream);border:1px solid var(--border);border-radius:22px;padding:20px 22px}.card h2{margin:0 0 14px;font-size:18px;font-weight:600}.card-title-row{justify-content:space-between;align-items:baseline;display:flex}form{gap:14px;display:grid}.field{gap:6px;display:grid}.field-row{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}label{font-size:14px;font-weight:500}input{font:inherit;color:var(--ink);background:#f8f5ee;border:1px solid #23232126;border-radius:12px;min-height:48px;padding:12px 14px;font-size:16px}input:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input[aria-invalid=true]{border-color:var(--down);background:#fdf5f5}.hint{color:var(--text-2);margin:0;font-size:13px}.error{color:var(--down);margin:0;font-size:13.5px;font-weight:500}.error:before{content:"! ";font-weight:700}.primary{font:inherit;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:50px;padding:14px;font-size:16px;font-weight:600}.primary:hover{background:#3a3a36}.link{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;min-height:36px;padding:8px 4px;font-size:14px}.link:hover{text-decoration:underline}.empty{color:var(--text-2);margin:0}.holdings{border-collapse:collapse;width:100%}.holdings th,.holdings td{text-align:right;border-top:1px solid var(--border-soft);padding:12px 8px}.holdings thead th{color:var(--text-2);border-top:0;padding-top:0;font-size:13px;font-weight:500}.holdings th:first-child,.holdings td:first-child{text-align:left;padding-left:0}.holdings th:last-child,.holdings td:last-child{padding-right:0}.holdings tbody th{font-weight:400}.holdings .sym{font-weight:600;display:block}.holdings .name{color:var(--text-2);font-size:13px;display:block}.holdings tfoot th,.holdings tfoot td{border-top:2px solid var(--border);font-weight:600}.holdings td.action{white-space:nowrap;width:1%;padding-left:4px}.card-title-row h2{margin-bottom:14px}.foot{color:var(--text-2);border-top:1px solid var(--border);margin-top:8px;padding-top:18px;font-size:13px}.foot-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;display:grid}.foot-grid dt{letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:11px;font-weight:600}.foot-grid dd{margin:0;line-height:1.5}.foot-note{color:var(--text-3);margin:16px 0 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}fieldset.field{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:500}.stock-list{gap:8px;display:grid}.stock{border:1px solid var(--border);cursor:pointer;background:#f8f5ee;border-radius:14px;grid-template-columns:auto 1fr auto;grid-template-areas:"radio sym price""radio name price";align-items:center;column-gap:12px;min-height:56px;padding:12px 14px;display:grid}.stock:hover{border-color:#2323213d}.stock:has(input:checked){border-color:var(--gold);background:var(--tab);box-shadow:inset 0 0 0 1px var(--gold)}.stock:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.stock input{width:20px;height:20px;accent-color:var(--gold);grid-area:radio;margin:0}.stock-sym{grid-area:sym;font-weight:600}.stock-name{color:var(--text-2);grid-area:name;font-size:13px}.stock-price{text-align:right;font-variant-numeric:tabular-nums;grid-area:price;font-size:14px;font-weight:500}.cost-preview{min-height:1.5em;color:var(--gold-deep);margin:0;font-weight:500}@media (width<=560px){.stock{grid-template-areas:"radio sym price""radio name name"}.page{padding:20px 14px 40px}.big{font-size:30px}.field-row{grid-template-columns:1fr}.holdings thead{display:none}.holdings tbody tr,.holdings tfoot tr{border-top:1px solid var(--border-soft);grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px 0;display:grid}.holdings tbody th,.holdings tbody td,.holdings tfoot th,.holdings tfoot td{text-align:left;border:0;padding:0}.holdings tbody tr{position:relative}.holdings tbody th{grid-column:1/-1;margin-bottom:4px;padding-right:80px}.holdings tbody td.action{width:auto;position:absolute;top:4px;right:0}.holdings tbody td.action:before{content:none}.foot-grid{grid-template-columns:1fr;gap:12px}.holdings tbody td:before{content:attr(data-label) " ";color:var(--text-2);font-size:13px;font-weight:400;display:block}.holdings tfoot th{grid-column:1/-1}.holdings tfoot td:before{content:attr(data-label) " ";color:var(--text-2);font-size:13px;font-weight:400;display:block}.holdings tfoot td:empty{display:none}}