@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}*{box-sizing:border-box}:root{--on-accent: var(--color-onAccent)}:root,:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}html{scroll-padding-top:60px}body{margin:0;background:var(--color-bg);color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--fs-md);line-height:1.5;transition:background-color .15s ease,color .15s ease}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#content:focus,#content:focus-visible{outline:none}.skip-link{position:absolute;left:var(--space-md);top:-100px;z-index:40;padding:var(--space-sm) var(--space-md);background:var(--color-bg);color:var(--color-textPrimary);border:1px solid var(--color-borderControl);font-size:var(--fs-sm);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.skip-link:focus,.skip-link:focus-visible{top:var(--space-sm)}.app{max-width:1440px;margin:0 auto;padding:var(--space-md)}nav{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);margin:0 calc(-1 * var(--space-md)) var(--space-lg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;background:var(--color-bg)}nav .brand{font-weight:600;font-size:var(--fs-lg);color:var(--color-textPrimary);letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-sm)}nav .brand svg{flex:none}.brand-lockup{width:100%;max-width:220px;aspect-ratio:852 / 256;margin-bottom:var(--space-lg);background-repeat:no-repeat;background-position:left center;background-size:contain;background-image:url(/brand/4c-lockup-dark.png)}:root[data-theme=light] .brand-lockup{background-image:url(/brand/4c-lockup-light.png)}nav a{color:var(--color-textSecondary);text-decoration:none;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:4px 0}nav a:hover{color:var(--color-textPrimary)}nav .spacer{flex:1}@media (max-width: 640px){nav{flex-wrap:wrap;gap:var(--space-xs);position:static}nav .brand{order:0}nav .spacer{order:1}nav .account{order:2}nav:before{content:"";order:3;flex-basis:100%;height:0}nav a{order:4;margin-right:var(--space-xs)}}.theme-toggle{background:transparent;color:var(--color-textSecondary);border:1px solid var(--color-borderControl);border-radius:0;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.floating-theme{position:fixed;top:14px;right:16px;z-index:20}nav a.on{color:var(--color-accent)}.status-strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-xl);padding:var(--space-sm) var(--space-md);margin:0 calc(-1 * var(--space-md));border-bottom:1px solid var(--color-border);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.status-cell{display:flex;align-items:baseline;gap:var(--space-sm);white-space:nowrap}.status-label{font-family:var(--font-family);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-textMuted)}.status-value{font-size:var(--fs-md);font-weight:600}.status-value.gain{color:var(--color-gain)}.status-value.loss{color:var(--color-loss)}.status-sub{font-size:var(--fs-xs);color:var(--color-textSecondary)}.status-plan .status-value{text-transform:uppercase}@media (max-width: 900px){.status-plan{display:none}}.account{position:relative}.account-trigger{background:none;border:1px solid transparent;color:var(--color-textSecondary);padding:2px 6px;text-transform:none;letter-spacing:0;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:6px}.account-trigger:hover{background:none;color:var(--color-textPrimary);border-color:var(--color-border)}.account-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:180px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-borderStrong)}.account-menu a{color:var(--color-textPrimary);text-decoration:none;font-size:var(--fs-sm);text-transform:none;letter-spacing:0;padding:3px 0}.account-menu a:hover{color:var(--color-accent)}.account-email{font-size:var(--fs-xs);color:var(--color-textMuted);font-family:var(--font-family-mono);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);width:100%}.panel-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.page-heading{color:var(--color-textSecondary)}main{margin-top:var(--space-lg)}.workspace-narrow{max-width:1180px}.card{border-top:1px solid var(--color-borderStrong);padding-top:var(--space-md);margin-top:calc(var(--space-xl) * 1.75)}.card>*:last-child{margin-bottom:0}.section-gap{margin-top:var(--space-xl)}.card.narrow{max-width:400px;margin:12vh auto;border:1px solid var(--color-border);padding:var(--space-xl);background:var(--color-surface)}h1,h2,h3{margin-top:0;letter-spacing:.02em;font-weight:600}h1{font-size:var(--fs-xl);text-transform:uppercase}h2{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-textPrimary);margin-bottom:var(--space-sm)}h3{font-size:var(--fs-md)}.chart-title{font-size:var(--fs-sm);letter-spacing:.08em;margin-bottom:var(--space-sm)}.result-title{font-size:var(--fs-md);text-transform:none;letter-spacing:.02em;margin-bottom:1em}.lede{margin:calc(-1 * var(--space-sm)) 0 var(--space-md);color:var(--color-textSecondary);font-size:var(--fs-sm);max-width:62ch}.hero{font-size:var(--fs-hero);font-weight:600;font-family:var(--font-family-mono);letter-spacing:-.02em;line-height:1.1}.muted{color:var(--color-textSecondary)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-family-mono)}.gain{color:var(--color-gain)}.loss,.error{color:var(--color-loss)}.banner{border:1px solid var(--color-accent);color:var(--color-textPrimary);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--fs-sm)}.banner.upgrade{border-color:var(--color-upgrade)}.warning{color:var(--color-loss);font-size:var(--fs-sm);margin:var(--space-xs) 0}.warning:before{content:"! ";font-weight:600}label{display:block;margin-bottom:var(--space-sm);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-textSecondary);font-weight:500}input[hidden]{display:none}input{display:block;width:100%;margin-top:var(--space-xs);padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-borderControl);background:var(--color-surface);color:var(--color-textPrimary);font-family:var(--font-family-mono);font-size:var(--fs-md)}::placeholder{color:var(--color-textMuted);opacity:1}button,a.btn{background:var(--color-accent);color:var(--on-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:6px 14px;font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;min-height:24px}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:normal}button:disabled{opacity:.35;cursor:default}button.secondary,a.btn.secondary{background:transparent;color:var(--color-textSecondary);border:1px solid var(--color-borderControl)}button.secondary:hover,a.btn.secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}button.link{background:none;border-color:transparent;color:var(--color-accent);padding:2px;font-weight:500;font-size:var(--fs-sm);text-transform:none;letter-spacing:0}button.small,a.btn.small{padding:3px 8px;font-size:var(--fs-xs)}select{display:block;width:100%;margin-top:var(--space-xs);padding:6px 28px 6px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-borderControl);background-color:var(--color-surface);color:var(--color-textPrimary);font-family:var(--font-family-mono);font-size:var(--fs-md);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 L6 8.5 L10 4.5' fill='none' stroke='%2355555c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:border-color .15s ease}:root[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 L6 8.5 L10 4.5' fill='none' stroke='%239a9aa0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:focus{border-color:var(--color-accent)}select:focus-visible,input:focus-visible{outline-offset:0}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm) var(--space-lg)}.toolbar .spacer{flex:1 1 auto}.field-inline{margin-bottom:0;min-width:170px}.field-inline>span{display:block;font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-textSecondary)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip{padding:3px 9px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-xs);font-weight:500;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;background:transparent;color:var(--color-textSecondary);border:1px solid var(--color-borderControl);cursor:pointer}.chip:hover{border-color:var(--color-accent);color:var(--color-textPrimary)}.chip.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--on-accent);font-weight:600}.chart-header{display:flex;justify-content:space-between;align-items:baseline}.header-actions{display:inline-flex;gap:var(--space-sm);align-items:center}.flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;animation-duration:var(--flash-ms, .7s)}.flash-overlay.gain{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-gain) 46%,transparent),transparent 72%);animation-name:outcome-flash;animation-timing-function:ease-out}.flash-overlay.loss{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-loss) 46%,transparent),transparent 72%);animation-name:outcome-flash;animation-timing-function:ease-out}@keyframes outcome-flash{0%{opacity:0}12%{opacity:1}45%{opacity:1}to{opacity:0}}.streak-flame{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-mono);font-weight:600;font-size:var(--fs-sm);line-height:1}.streak-flame svg{display:block}.streak-flame.lit svg path{fill:var(--color-flame)}.streak-flame.lit .streak-count{color:var(--color-flame)}.streak-flame.unlit svg path{fill:var(--color-textMuted);opacity:.55}.streak-flame.unlit .streak-count{color:var(--color-textMuted)}.streak-hero{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:var(--space-lg)}.streak-hero .streak-flame{font-size:0;gap:0}.streak-hero-value{font-family:var(--font-family-mono);font-weight:600;font-size:var(--fs-xl);line-height:1}.streak-hero.lit .streak-hero-value{color:var(--color-flame)}.streak-hero.unlit .streak-hero-value{color:var(--color-textSecondary)}.streak-hero-label{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs);color:var(--color-textSecondary)}.pending-result{animation:pending-breathe 1.6s ease-in-out infinite}@keyframes pending-breathe{0%,to{opacity:.45}50%{opacity:.85}}@media (prefers-reduced-motion: reduce){.pending-result{animation:none;opacity:.7}}.chart-shell{position:relative}.chart-shell.kick-gain{animation:kick-pop .3s ease-out}.chart-shell.kick-loss{animation:kick-shake .3s ease-out}@keyframes kick-pop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(1.006)}60%{transform:translateY(1px) scale(.999)}to{transform:translateY(0) scale(1)}}@keyframes kick-shake{0%{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.flash-overlay.gain,.flash-overlay.loss{animation:none;opacity:.28}.chart-shell.kick-gain,.chart-shell.kick-loss{animation:none}}.chart-wrap{position:relative}.chart-wrap.has-rail{display:block}.chart-plot{position:relative}.chart-rail{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);position:relative;z-index:4}.chart-rail-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:3px var(--space-sm) 3px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.chart-rail-end{margin-left:auto;border-color:transparent;padding-right:0}.chart-rail-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-textMuted);margin-right:var(--space-xs);-webkit-user-select:none;user-select:none}.chart-tool{padding:2px 8px;text-align:center;font-size:var(--fs-xs);line-height:1.6;min-width:28px}.chart-tool:not(:disabled):active{transform:scale(.96)}.chart-tool:disabled{opacity:.3}@media (max-width: 640px){.chart-rail{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}.chart-rail-group{flex-wrap:nowrap;flex:none}.chart-rail-end{margin-left:0}}.chart-zoom{position:absolute;top:6px;left:6px;z-index:1;display:flex;gap:2px}.chart-zoom-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);line-height:1;font-weight:600;background:var(--color-bg);color:var(--color-textSecondary);border:1px solid var(--color-borderControl);border-radius:var(--radius-sm);opacity:.8;text-transform:none;letter-spacing:0}.chart-zoom-btn:hover{opacity:1;color:var(--color-accent);border-color:var(--color-accent)}.form-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.form-row label{flex:1;min-width:130px}.tiles{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:var(--space-lg)}.tile{padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:3px;position:relative;border-left:1px solid var(--color-border)}.tile .tile-label{margin-bottom:2px}.tile .tile-value+*{margin-top:3px}.tile:first-child{border-left:none;padding-left:0}.tile-label{color:var(--color-textSecondary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.tile-value{font-size:var(--fs-xl);font-weight:600;font-family:var(--font-family-mono);letter-spacing:-.01em}.tile-sub{font-size:var(--fs-sm);font-weight:500;color:var(--color-textSecondary);font-family:var(--font-family-mono)}.tiles.plans{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1180px){.tiles.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.tiles.plans{grid-template-columns:1fr}.tiles.plans .tile{border-left:none;padding-left:0;border-top:1px solid var(--color-border)}.tiles.plans .tile:first-child{border-top:none}}.tile.plan{padding-bottom:var(--space-lg)}.tile.plan.current{background:var(--color-surface)}.tile.plan .tile-label{text-transform:uppercase;font-size:var(--fs-md);color:var(--color-textPrimary);font-weight:600}.tile.plan>button:last-child{margin-top:auto}.tile.plan ul{margin:var(--space-sm) 0;padding-left:0;list-style:none;font-size:var(--fs-sm);color:var(--color-textSecondary)}.tile.plan li{padding:2px 0}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}th,td{text-align:left;padding:5px 10px 5px 0;border-bottom:1px solid var(--color-border)}th{color:var(--color-textMuted);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;border-bottom-color:var(--color-textMuted)}tbody th[scope=row]{color:inherit;font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:0;border-bottom-color:var(--color-border)}tbody tr{transition:background .1s ease}tbody tr:hover{background:var(--color-surface)}.table-wrap{overflow-x:auto}.calibration{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-xl);margin:var(--space-md) 0}.calibration>table{flex:1 1 320px;width:auto}.reading{border-left:2px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-md) 0 0;font-size:var(--fs-md)}.matrix th{text-transform:capitalize}.matrix th.current{color:var(--color-accent);border-bottom-color:var(--color-accent)}.matrix td:first-child,.matrix th:first-child{white-space:nowrap}td.actions,th.actions{text-align:right;width:1%;white-space:nowrap;padding-right:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}nav a{position:relative;transition:color .1s ease}button{transition:background .1s ease,border-color .1s ease,color .1s ease}button:not(.secondary):not(.link):not(:disabled):hover{background:color-mix(in srgb,var(--color-accent) 86%,var(--color-textPrimary));border-color:color-mix(in srgb,var(--color-accent) 86%,var(--color-textPrimary))}button.link:hover{text-decoration:underline}input{transition:border-color .15s ease}input:focus{border-color:var(--color-accent)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-md);margin-bottom:0;text-transform:none;letter-spacing:0;color:var(--color-textPrimary);min-height:24px}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox .box{width:16px;height:16px;border-radius:0;flex:none;border:1px solid var(--color-borderControl);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease}.checkbox:hover .box{border-color:var(--color-accent)}.checkbox input:checked+.box{background:var(--color-accent);border-color:var(--color-accent)}.checkbox input:checked+.box svg{animation:pop-in .2s ease both}.checkbox input:focus-visible+.box{outline:2px solid var(--color-accent);outline-offset:2px}.checkbox .box svg{stroke:var(--on-accent)}.switch{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-md);margin-bottom:0;text-transform:none;letter-spacing:0;color:var(--color-textPrimary);min-height:24px}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:32px;height:16px;border-radius:0;flex:none;position:relative;background:var(--color-surface);border:1px solid var(--color-borderControl);transition:background .15s ease,border-color .15s ease}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--color-textSecondary);transition:transform .15s ease,background .15s ease}.switch input:checked+.track{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked+.track:after{transform:translate(16px);background:var(--on-accent)}.switch input:focus-visible+.track{outline:2px solid var(--color-accent);outline-offset:2px}.password-wrap{position:relative;display:block;margin-top:var(--space-xs)}.field{margin-bottom:var(--space-sm)}.field>label{margin-bottom:0}.password-wrap input{padding-right:40px;margin-top:0}.password-wrap .reveal{position:absolute;right:4px;top:0;bottom:0;background:none;border:none;padding:0 6px;cursor:pointer;color:var(--color-textSecondary);display:flex;align-items:center}.password-wrap .reveal:hover{color:var(--color-textPrimary);background:none}.field-hint{font-size:var(--fs-xs);margin-top:2px;min-height:14px;transition:color .15s ease}.field-hint.after-label{margin:calc(2px - var(--space-sm)) 0 var(--space-sm);color:var(--color-textSecondary)}.field-hint.ok{color:var(--color-gain)}.field-hint.bad{color:var(--color-loss)}.avatar-grid{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.avatar-grid .avatar-option{padding:2px;border-width:1px}.avatar-grid>.avatar-actions{margin-left:var(--space-md)}.avatar{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:56px;height:56px}.avatar-option{padding:4px;border-radius:50%;border:2px solid transparent;background:none;line-height:0;transition:border-color .12s ease}.avatar-option:hover{border-color:var(--color-border);background:none}.avatar-option.selected{border-color:var(--color-accent)}.picker-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);cursor:pointer;background:transparent;transition:background .12s ease}label.picker-row{margin-bottom:0;font-size:var(--fs-md);font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-textPrimary)}.picker-row:hover{background:var(--color-surface)}.picker-row.selected{background:var(--color-surface);color:var(--color-accent)}.picker-row .who{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.review-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md)}.review-head h2{margin-bottom:var(--space-sm)}.review-stats{list-style:none;margin:0 0 var(--space-lg);padding:0}.review-stat+.review-stat{margin-top:var(--space-md)}.review-stat-head,.review-stat-foot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-size:var(--fs-sm)}.review-stat-foot{font-size:var(--fs-xs);margin-top:2px;color:var(--color-textSecondary)}.review-bar{height:4px;margin-top:var(--space-xs);overflow:hidden;background:var(--color-surfaceRaised)}.review-fill{height:100%;background:var(--color-accent)}.elo-move{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.elo-figures{display:flex;align-items:baseline;gap:var(--space-sm);margin:var(--space-xs) 0;font-family:var(--font-family-mono)}.elo-before{font-size:var(--fs-lg);color:var(--color-textSecondary)}.elo-after{font-size:var(--fs-hero);font-weight:600;letter-spacing:-.02em}.elo-delta{font-size:var(--fs-lg);font-weight:600}.elo-delta.neutral{color:var(--color-textSecondary)}.review-rounds-title{margin-top:var(--space-xl)}.round-list{list-style:none;margin:var(--space-sm) 0 0;padding:0}.round-row{border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.round-head{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap}.round-meta{flex:1;min-width:130px}.dir-chip{font-family:var(--font-family-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--color-textSecondary)}.dir-chip.long{color:var(--color-gain)}.dir-chip.short{color:var(--color-loss)}.verdict{margin-top:var(--space-xs);font-size:var(--fs-sm);line-height:1.5;color:var(--color-textSecondary)}.verdict.gain strong{color:var(--color-gain)}.verdict.loss strong{color:var(--color-loss)}.verdict.neutral strong{color:var(--color-textPrimary)}.verdict strong{color:var(--color-textPrimary);font-weight:600}.identity{display:inline-flex;align-items:center;gap:var(--space-sm)}.username{font-weight:600;font-family:var(--font-family-mono)}.username:before{content:"@";color:var(--color-textMuted);font-weight:400}.streak-tile-value{display:inline-flex;align-items:center;gap:var(--space-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{display:block;max-width:100%;height:.8em;margin:.35em 0;background:var(--color-border);opacity:.7;animation:skeleton-breathe 1.6s ease-in-out infinite}@keyframes skeleton-breathe{0%,to{opacity:.4}50%{opacity:.85}}.skeleton-text{margin:var(--space-sm) 0}.skeleton.heading{height:20px;margin:5px 0 18px}.skeleton.section-heading{height:10px;margin:4px 0 12px}.skeleton.tile-label-bar{height:10px;margin:3px 0}.skeleton.tile-value-bar{height:22px;margin:4px 0}.skeleton.tile-sub-bar{height:11px;margin:3px 0}.skeleton.nav-bar{height:10px;margin:0}.skeleton.status-bar{height:14px;margin:3px 0}.skeleton.round{border-radius:50%;flex:none;margin:0}td .skeleton{margin:.35em 0}.skeleton-chart{width:100%;aspect-ratio:966 / 320;min-height:260px;max-height:380px;background:var(--color-surface);border:1px solid var(--color-border);animation:skeleton-breathe 1.6s ease-in-out infinite}.skeleton-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.skeleton-row>.skeleton{margin:0}.skeleton-row .spacer{flex:1}.state>p{max-width:62ch;margin:0}.state-title{margin:0 0 var(--space-xs);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.state-inline{padding:var(--space-xs) 0}.state-inline>p{max-width:62ch;margin:0}.state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.state-error{border:1px solid var(--color-loss);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;max-width:62ch}.state-error.compact{padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0}.state-error-title{margin:0 0 var(--space-xs);color:var(--color-loss);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.state-error-body{margin:0;font-size:var(--fs-md)}.state-error.compact .state-actions{margin-top:var(--space-sm)}.state-page{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);max-width:460px;min-height:55vh;margin:0 auto;padding:var(--space-xl) var(--space-md);justify-content:center}.state-page.page{min-height:100vh;min-height:100dvh}.state-page h1{margin:var(--space-sm) 0 0}.state-page p{margin:0}table[aria-busy=true] tbody{opacity:.5;transition:opacity .1s ease}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-bg);touch-action:none;overscroll-behavior:none;cursor:pointer}.intro.leaving{opacity:0;transition:opacity var(--intro-fade, .26s) ease}.intro-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.intro-grid{opacity:0}.intro-grid line{stroke:var(--color-border);stroke-width:1}.intro-build{opacity:0}.intro-up line{stroke:var(--color-gain)}.intro-up rect{fill:var(--color-gain)}.intro-down line{stroke:var(--color-loss)}.intro-down rect{fill:var(--color-loss)}.intro-up line,.intro-down line{fill:none}.intro-up rect,.intro-down rect{stroke:none}@property --intro-tint{syntax: "<number>"; inherits: true; initial-value: 0;}@supports (color: color-mix(in srgb,red,blue)){.intro-up line{stroke:color-mix(in srgb,var(--color-gain),var(--color-textPrimary) calc(var(--intro-tint) * 100%))}.intro-up rect{fill:color-mix(in srgb,var(--color-gain),var(--color-textPrimary) calc(var(--intro-tint) * 100%))}.intro-down line{stroke:color-mix(in srgb,var(--color-loss),var(--color-textPrimary) calc(var(--intro-tint) * 100%))}.intro-down rect{fill:color-mix(in srgb,var(--color-loss),var(--color-textPrimary) calc(var(--intro-tint) * 100%))}}.intro-bar{stroke:var(--color-textPrimary);fill:none}.intro-mark{font-family:var(--font-family);font-weight:600;letter-spacing:-.02em;fill:var(--color-textPrimary)}.intro-hint{position:absolute;margin:0;left:0;right:0;text-align:center;bottom:max(var(--space-xl),env(safe-area-inset-bottom));font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-textMuted)}.intro-hint-touch{display:none}@media (hover: none){.intro-hint-touch{display:inline}.intro-hint-pointer{display:none}}html.intro-lock{overflow:hidden}@media (forced-colors: active){.chip.on,nav a.on{outline:2px solid Highlight;outline-offset:-2px}.checkbox input:checked+.box,.switch input:checked+.track{background:Highlight}.avatar-option.selected{outline:2px solid Highlight}}@media (pointer: coarse){button,a.btn,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}button.small,a.btn.small,button.link,.chip,.chart-tool{min-height:36px}.chip,button.small,a.btn.small{padding-left:12px;padding-right:12px}.chips,.chart-rail,.chart-rail-group,.panel-tabs{gap:var(--space-sm)}nav a{padding:13px 0}.account-menu a{padding:13px 0}.checkbox,.switch{min-height:44px}.theme-toggle{width:44px;height:44px}.chart-zoom{gap:6px}.chart-zoom-btn{width:36px;height:36px;min-height:36px}.avatar-option,.avatar-grid .avatar-option{min-height:0;padding:8px}.password-wrap .reveal{padding:0 12px}.password-wrap input{padding-right:52px}}