/* Hallmark · macrostructure: Stat-Led · genre: modern-minimal · theme: Cobalt · enrichment: none · nav: N1 · footer: Ft2 */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
@import url('/tokens.css');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-padding-top:var(--space-lg)}body{margin:0;background:var(--color-paper);color:var(--color-body);font-family:var(--font-body);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,input,select{min-height:44px;border:1px solid var(--color-control);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink)}button{padding:var(--space-xs) var(--space-md);cursor:pointer;white-space:nowrap;font-weight:500;transition:transform var(--duration-fast) ease-out}button:active:not(:disabled){transform:translateY(1px)}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}button[data-state=loading]{opacity:.7;cursor:progress}button[data-state=error],input[aria-invalid=true]{border-color:var(--color-danger)}button[data-state=success]{border-color:var(--color-success)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}input,select{width:100%;padding:var(--space-xs) var(--space-sm)}input[type=radio]{width:16px;min-height:16px;accent-color:var(--color-accent);margin:0}input:disabled{background:var(--color-wash)}label{display:block;font-size:13px;font-weight:500;color:var(--color-ink)}p,h1,h2,dl,dd,ol{margin:0}h1,h2{font-family:var(--font-display);font-style:normal;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}h1{font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.4}h2{font-size:16px;font-weight:600}strong{font-weight:600;color:var(--color-ink)}[hidden]{display:none!important}.mono,dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--color-muted)}.small{font-size:12px}.note{font-size:12px;line-height:1.8}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--color-muted)}.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.text-button{border-color:var(--color-transparent);background:var(--color-transparent);padding-inline:var(--space-xs);font-size:12px}.badge{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-xs);font-size:11px;line-height:1.5;font-weight:500;border-radius:4px;background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap}.badge.quiet{background:var(--color-wash);color:var(--color-muted)}.notice{padding:var(--space-sm) var(--space-md);background:var(--color-accent-soft);color:var(--color-body);border:1px solid var(--color-rule);border-radius:var(--radius);font-size:13px;margin-bottom:var(--space-lg);overflow-wrap:anywhere}.notice.error{color:var(--color-danger);background:var(--color-danger-wash);border-color:var(--color-danger)}.form-message{font-size:12px;min-height:20px;color:var(--color-muted);overflow-wrap:anywhere}.form-message.error{color:var(--color-danger)}.form-message.success{color:var(--color-success)}.skip{position:absolute;inset:var(--space-xs) auto auto var(--space-xs);padding:var(--space-xs);background:var(--color-surface);transform:translateY(-200%);z-index:var(--z-overlay)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:clip;white-space:nowrap}
.topbar{min-height:72px;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between;padding:var(--space-md) max(var(--space-md),calc((100% - 1200px)/2));border-bottom:1px solid var(--color-rule);background:var(--color-surface)}.wordmark{font-family:var(--font-display);display:flex;align-items:center;gap:var(--space-xs);font-size:18px;font-weight:600;letter-spacing:-.03em;white-space:nowrap;min-height:44px}.brand-symbol{font-size:32px;line-height:1;color:var(--color-accent)}.wordmark-sub{display:none;font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:0;color:var(--color-muted);margin-left:var(--space-md)}.top-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:11px}.shell{max-width:1200px;padding:var(--space-lg) var(--space-md) var(--space-md);margin:auto}.page-heading{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.page-heading h1{margin-top:var(--space-2xs)}.live-readout{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;flex-wrap:wrap}.dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--color-control)}.dot.ok{background:var(--color-success)}.dot.error{background:var(--color-danger)}.initialize-strip{display:grid;gap:var(--space-md);padding:var(--space-lg) 0;border-block:1px solid var(--color-rule);margin-bottom:var(--space-lg)}.initialize-strip p{font-size:12px;color:var(--color-muted)}.initialize-strip form{display:grid;gap:var(--space-xs)}.overview{display:grid;gap:var(--space-xl);padding:var(--space-lg) 0 var(--space-xl)}.nav-number{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1.3;letter-spacing:-.07em;color:var(--color-ink);margin-block:var(--space-xs);overflow-wrap:anywhere;min-width:0}.round-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm);font-size:12px}.round-line strong{font-size:20px}.nav-primary>.note{margin-top:var(--space-md)}.positive{color:var(--color-success)!important}.negative{color:var(--color-danger)!important}.tier-panel{align-self:center;border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.tier-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:13px}.tier-number{font-size:32px;letter-spacing:-.05em}.tier-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);margin-block:var(--space-xs) var(--space-md)}.tier-track span{padding:var(--space-xs);background:var(--color-wash);font-size:12px;text-align:center;color:var(--color-muted);border-radius:4px}.tier-track span.selected{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.multiplier-note{font-size:12px}.multiplier-note strong{font-size:16px;margin-left:var(--space-xs)}.account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-md);padding:var(--space-lg) 0;border-block:1px solid var(--color-rule)}.account-stats dt{font-size:12px;color:var(--color-muted)}.account-stats dt span{font-family:var(--font-mono);font-size:10px;margin-left:var(--space-2xs)}.account-stats dd{margin-top:var(--space-xs);font-size:clamp(.9rem,2vw,1.25rem);color:var(--color-ink);overflow-wrap:anywhere}.workspace-grid{display:grid;gap:var(--space-xl);margin-block:var(--space-xl)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);min-width:0}.chart-legend{display:flex;gap:var(--space-lg);font-size:11px;color:var(--color-muted);margin-bottom:var(--space-xs)}.chart-legend span{display:flex;align-items:center;gap:var(--space-xs)}.legend-line{display:inline-block;width:16px;border-top:2px solid var(--color-accent)}.legend-line.dashed{border-color:var(--color-muted);border-top-style:dashed}.chart{height:220px;position:relative;display:grid;align-items:center}.chart svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke:var(--color-accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-base{stroke:var(--color-muted);stroke-dasharray:5 5;stroke-width:1;vector-effect:non-scaling-stroke}.chart-grid{stroke:var(--color-rule);stroke-width:1;vector-effect:non-scaling-stroke}.chart-label{fill:var(--color-muted);font-family:var(--font-mono);font-size:10px}.chart-axis{display:flex;justify-content:space-between;padding-inline:var(--space-xs);font-size:10px}.thresholds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.thresholds div{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:12px;min-width:0}.thresholds strong{font-weight:500;font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.transfer-section{border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}.transfer-section>.section-heading{margin-bottom:var(--space-xs)}.transfer-section form{display:grid;gap:var(--space-xs);margin-top:var(--space-lg)}.direction{border:0;padding:0;margin:0 0 var(--space-sm);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.direction label{display:flex;align-items:center;gap:var(--space-xs);min-height:44px;cursor:pointer;white-space:nowrap}.amount-input{position:relative}.amount-input input{font-family:var(--font-mono);padding-right:4rem}.amount-input>span{position:absolute;right:var(--space-sm);top:var(--space-sm);font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.transfer-section .primary{margin-top:var(--space-xs);width:100%}.transfer-result{font-size:12px;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-block:var(--space-sm);overflow-wrap:anywhere}.transfer-section>.note{max-width:42ch}.action-panel{border:1px solid var(--color-rule);padding:var(--space-md);border-radius:var(--radius);margin-block:var(--space-xl);background:var(--color-surface)}.action-panel>p{font-size:13px;margin-bottom:var(--space-md)}.action-panel button{margin-top:var(--space-md)}.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:400;color:var(--color-muted);font-size:11px;white-space:nowrap}th,td{padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-rule)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{text-align:right;padding-right:0}td{font-variant-numeric:tabular-nums}.empty{text-align:center!important;color:var(--color-muted);font-size:12px;padding:var(--space-xl) var(--space-xs)}.positions-section{margin-top:var(--space-xl)}.positions-section .section-heading{margin-bottom:var(--space-xs)}.demo-section{margin-block:var(--space-xl);padding-block:var(--space-lg);border-block:1px dashed var(--color-control);display:grid;gap:var(--space-md)}.demo-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.demo-buttons button{font-size:12px}.events-section{margin-block:var(--space-xl)}.events-section ol{list-style:none;padding:0}.events-section li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule);font-size:12px}.events-section li time{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);padding-top:var(--space-2xs)}.events-section li p{overflow-wrap:anywhere}.events-section li.empty{display:block}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:11px}footer>span:first-child{font-family:var(--font-display);letter-spacing:.05em}.login-section{max-width:360px;margin:var(--space-3xl) auto}.login-section h1{margin-block:var(--space-sm) var(--space-xl)}.login-section form{display:grid;gap:var(--space-xs)}
@media(hover:hover) and (pointer:fine){button:hover:not(:disabled){border-color:var(--color-accent)}.primary:hover:not(:disabled){background:var(--color-accent-hover)}a:hover{color:var(--color-accent)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--color-accent)}}
@media(min-width:40rem){.shell{padding:var(--space-xl) var(--space-xl) var(--space-md)}.wordmark-sub{display:inline}.topbar{padding-inline:max(var(--space-xl),calc((100% - 1136px)/2))}.page-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.overview{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--space-2xl)}.tier-panel{border-top:0;padding-top:0;border-left:1px solid var(--color-rule);padding-left:var(--space-xl)}.account-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.initialize-strip form{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm)}.chart{height:260px}.demo-section{grid-template-columns:minmax(0,1fr) auto;align-items:center}.demo-section>.form-message{grid-column:1/-1}.events-section li{grid-template-columns:88px minmax(0,1fr)}}
@media(min-width:60rem){.workspace-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-2xl)}.transfer-section{border-top:0;border-left:1px solid var(--color-rule);padding-top:0;padding-left:var(--space-xl)}.tier-panel{max-width:360px;justify-self:end;width:100%}.initialize-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center}.initialize-strip>.form-message{grid-column:1/-1}.nav-number{font-size:72px}.shell{padding-top:var(--space-xl)}.chart{height:240px}}
@media(prefers-reduced-motion:no-preference){.value-updated{animation:value-tick 200ms ease-out}@keyframes value-tick{from{opacity:.45}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reset-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-top:var(--space-md)}.reset-controls button{font-size:12px}.reset-controls .form-message{flex:1 1 200px;min-width:0;font-size:12px;overflow-wrap:anywhere}