@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&family=Noto+Sans+KR:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#18181b;background:#ffffff;font-synthesis:none;--bg:#ffffff;--white:#fff;--line:#e4e4e7;--muted:#71717a;--accent:#71717a;--green:#3f3f46;--sidebar:220px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,select{color:inherit}a:hover{color:#52525b}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #71717a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button{border:0;background:none}svg{flex-shrink:0}.translation{display:block;font-size:.8em;font-weight:400;color:var(--muted);line-height:1.6;margin-top:5px}.skip-link{position:fixed;top:-80px;left:20px;background:#fff;padding:15px;z-index:99}.skip-link:focus{top:10px}.boot{padding:80px;line-height:2}.boot span{display:block;color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);padding:30px 20px 22px;background:#fafafa;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-weight:650;font-size:23px;letter-spacing:-1px;gap:0}.brand-light{font-weight:400;color:#71717a}.brand-mark{font:500 23px 'IBM Plex Mono',monospace;letter-spacing:-5px;margin-right:15px;padding-right:5px}.brand-mark span{color:#71717a}.version{font:12px 'IBM Plex Mono',monospace;align-self:flex-start;letter-spacing:0;border:1px solid #d4d4d8;margin:2px 0 0 9px;padding:1px 4px}.nav-caption{font:11px 'IBM Plex Mono',monospace;letter-spacing:1.4px;color:#71717a;margin:65px 12px 18px}.nav-item{display:flex;align-items:center;gap:11px;padding:13px 11px;font-size:14px;margin:3px 0;border-radius:6px;color:#52525b}.nav-item.active{color:#18181b;background:#e4e4e7}.nav-item:hover{background:#e4e4e7}.nav-index{font:11px 'IBM Plex Mono',monospace;color:#71717a;margin-left:auto}.sidebar-note{margin:auto 10px 48px;padding-top:55px}.small-square{width:10px;height:10px;background:#71717a;margin-bottom:16px}.sidebar-note p{font-size:15px;line-height:1.8;color:#52525b}.sidebar-note>span{display:block;margin-top:17px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#71717a}.sidebar-bottom{border-top:1px solid #d4d4d8;padding:22px 9px 0;font-size:12px;line-height:1.8;color:#52525b}.sidebar-bottom>span{font:10px 'IBM Plex Mono',monospace;color:#71717a;display:block;margin:8px 0 0 12px}.status-dot{display:inline-block;width:5px;height:5px;background:#52525b;margin-right:7px;border-radius:50%}.workspace{margin-left:var(--sidebar)}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:13px}.breadcrumb>span{color:#a1a1aa}.top-actions{display:flex;gap:27px;align-items:center}.edition{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#71717a}.language-label{display:flex;align-items:center;gap:7px}.language-label select{border:0;background:transparent;font-size:12px;max-width:96px;cursor:pointer}main{max-width:1600px;margin:auto;padding:43px 44px 50px}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:33px}.eyebrow,.section-label{font:10px 'IBM Plex Mono',monospace;letter-spacing:1.35px;color:#71717a}.eyebrow{margin-bottom:15px}.page-intro h1{font-size:clamp(28px,2.9vw,43px);letter-spacing:-1.9px;line-height:1.35;font-weight:500}.intro-text{margin-top:14px;color:#52525b;font-size:14px;line-height:1.85}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:13px;padding:12px 17px;border:1px solid var(--line);border-radius:5px;white-space:nowrap;min-height:43px}.button.dark{background:#18181b;border-color:#18181b;color:#fff}.button.dark:hover{background:#3f3f46}.button.light{background:#fff}.button.light:hover{background:#fafafa}.experiment-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:11px}.pills{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.badge{font-size:10px;border:1px solid #d4d4d8;border-radius:4px;background:#fafafa;padding:5px 7px;color:#52525b;white-space:nowrap}.muted{color:var(--muted);font-size:12px;line-height:1.6}.mode-select{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#71717a}.mode-select select,.chart-subline select{border:1px solid var(--line);border-radius:4px;background:#fff;padding:6px 8px;font-size:11px;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;margin-bottom:25px}.metric-card{padding:20px 19px 18px;border-right:1px solid var(--line)}.metric-card:last-child{border-right:0}.metric-label{font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:4px}.metric-label>span{color:#a1a1aa;font:10px 'IBM Plex Mono',monospace}.metric-value{font-size:35px;font-weight:450;letter-spacing:-1.7px;line-height:1.3;margin:14px 0 11px;font-variant-numeric:tabular-nums}.metric-bottom{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px}.metric-bottom>span:first-child{font:10px 'IBM Plex Mono',monospace}.metric-bottom>span:last-child{color:#71717a}.positive{color:#52525b}.negative{color:#71717a}.lab-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(265px,1fr);gap:22px}.panel{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:25px 25px 19px}.panel h2{font-size:18px;letter-spacing:-.65px;margin-top:9px}.segmented{display:flex;padding:3px;border-radius:4px;background:#fafafa}.segmented button{font-size:10px;padding:6px 8px;border-radius:3px;white-space:nowrap;color:#71717a}.segmented .selected{background:white;box-shadow:0 1px 3px #00000010;color:#18181b}.chart-subline{display:flex;justify-content:space-between;align-items:center;margin:2px 26px 8px}.legend{display:flex;gap:14px;align-items:center;font-size:10px;color:#71717a}.legend>span{display:flex;align-items:center;gap:6px}.line{display:inline-block;height:2px;width:15px;vertical-align:middle}.gray{background:#a1a1aa}.orange{background:#71717a}.plot{width:100%;height:auto;display:block;padding:0 13px}.plot text{font:11px 'IBM Plex Mono',monospace;fill:#71717a}.plot text.plot-label{font-family:'DM Sans','Noto Sans KR',sans-serif;fill:#52525b;font-size:11px}.gridline{stroke:#e4e4e7;stroke-width:1;stroke-dasharray:3 4}.loss-stats{margin:8px 27px 22px;display:flex;align-items:center;gap:23px}.loss-stats>div>span{display:block;color:#71717a;font-size:10px}.loss-stats strong{font:22px 'IBM Plex Mono',monospace;letter-spacing:-1px;display:block;margin-top:6px}.loss-arrow{color:#a1a1aa}.loss-improvement{margin-left:auto;font:14px 'IBM Plex Mono',monospace;color:#52525b;text-align:right}.loss-improvement>span{margin-top:6px}.chart-footer{border-top:1px solid #e4e4e7;padding:14px 24px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#71717a;line-height:1.5}.chart-footer strong{color:#52525b;font-weight:400}.divider{padding:0 6px}.mix-icon{font-size:22px;color:#52525b}.weights-panel .panel-heading{padding-bottom:21px}.select-label{display:block;font-size:10px;color:#71717a;padding:0 25px;margin-bottom:8px}.full-select{width:calc(100% - 50px);margin:0 25px;border:1px solid #e4e4e7;border-radius:4px;padding:10px 11px;font-size:12px;background:#ffffff}.sliders{padding:19px 25px 0}.slider-row{margin-bottom:14px}.slider-row>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.slider-row output{font:11px 'IBM Plex Mono',monospace;color:#52525b}.slider-row input{width:100%;height:3px;appearance:none;background:linear-gradient(to right,#52525b var(--fill),#e4e4e7 var(--fill));cursor:pointer;border-radius:5px;display:block;margin:10px 0}.slider-row input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:2px solid #fff;background:#52525b;border-radius:50%;box-shadow:0 0 0 1px #a1a1aa}.slider-row input::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;background:#52525b;border-radius:50%}.micro-copy{font-size:10px;line-height:1.7;color:#71717a;margin:13px 25px}.seed-control{border-top:1px solid #e4e4e7;padding:13px 25px;display:flex;gap:8px;align-items:center;font:10px 'IBM Plex Mono',monospace;color:#71717a}.seed-control input{width:65px;padding:4px;border:1px solid var(--line);border-radius:3px;font:11px 'IBM Plex Mono',monospace}.text-button{font-size:10px;margin-left:auto;color:#71717a}.insight{border-left:2px solid #71717a;background:#fafafa;padding:19px 20px;display:flex;align-items:center;gap:16px;margin-top:23px}.insight-icon{color:#71717a;font-size:25px}.insight p{font-size:12px;line-height:1.8;color:#71717a}.insight strong{font-weight:500;color:#3f3f46}.insight>a{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px;white-space:nowrap;color:#52525b}.section-block{margin-top:45px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.section-block>h2{font-size:23px;letter-spacing:-.9px;margin-top:10px}.section-heading .muted{margin-top:9px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px;text-align:right;white-space:nowrap}thead{background:#fafafa;color:#71717a;font-size:10px}th,td{padding:16px 21px;border-bottom:1px solid #e4e4e7}th{font-weight:400}th:first-child{text-align:left}td{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#52525b}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.current-row{background:#fafafa}.current-row th,.current-row td{color:#3f3f46}.inline-badge{font-size:9px;border:1px solid #d4d4d8;padding:3px 6px;border-radius:3px;margin-left:13px;color:#52525b}.strategy-dot{display:inline-block;width:5px;height:5px;border-radius:2px;background:#a1a1aa;margin-right:10px}.strategy-dot.balanced{background:#52525b}.strategy-dot.clicks{background:#a1a1aa}.strategy-dot.value{background:#71717a}.strategy-dot.loyalty{background:#71717a}.table-note{font-size:11px;color:#71717a;line-height:1.8;margin-top:12px}.sample-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}.sample-context{background:#e4e4e7;border:1px solid #e4e4e7;border-radius:6px;padding:26px}.mono{font:11px 'IBM Plex Mono',monospace;color:#71717a;letter-spacing:.5px}.sample-context h3{font-size:24px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.sample-context p{font-size:11px;color:#71717a}.sample-context p strong{color:#52525b;font:12px 'IBM Plex Mono',monospace}.sample-outcomes{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.sample-outcomes span{font-size:10px;color:#71717a;padding:3px 5px;border:1px solid #d4d4d8;border-radius:3px}.selected-candidate{background:#fafafa}.chosen{color:#71717a}.score-bar{display:block;position:relative;min-width:70px;padding:5px 9px;z-index:0}.score-bar:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--score);background:#e4e4e7;z-index:-1;border-radius:2px}.evidence-note{margin-top:33px;display:flex;gap:10px;color:#71717a;font-size:11px;line-height:1.85}.evidence-note a{border-bottom:1px solid #a1a1aa}footer{display:flex;gap:24px;justify-content:space-between;padding:24px 44px;border-top:1px solid var(--line);font-size:10px;color:#71717a}footer>span:first-child{font-size:13px;color:#52525b;font-weight:500}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%,12px);background:#18181b;color:#fff;font-size:13px;line-height:1.5;padding:14px 23px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:50;box-shadow:0 6px 20px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}.plot-caption{margin:10px 25px 26px;font-size:11px;line-height:1.7;color:#71717a}
.signal-stack{border-top:1px solid var(--line)}.signal-detail{display:grid;grid-template-columns:40px 1fr 1fr;gap:30px;border-bottom:1px solid var(--line);padding:38px 0}.signal-number{font:13px 'IBM Plex Mono',monospace;color:#71717a}.signal-detail h2{font-size:30px;letter-spacing:-1px;margin:11px 0 20px}.formula{display:inline-block;background:#e4e4e7;padding:10px 13px;color:#52525b;font:13px 'IBM Plex Mono',monospace;border-radius:4px}.signal-detail p{font-size:14px;line-height:1.9;margin:17px 0;color:#71717a}.signal-why{padding-left:30px;border-left:1px solid var(--line)}.signal-why h3{font-size:12px;font-weight:600}.signal-why p{margin:9px 0 19px}.signal-why a{font-size:12px;color:#52525b}.closing-callout{padding:42px;background:#e4e4e7;margin-top:40px;border-radius:7px}.closing-callout h2{font-size:32px;letter-spacing:-1px;line-height:1.5}.closing-callout p{font-size:15px;line-height:1.9;max-width:650px;margin:20px 0 25px;color:#71717a}.research-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#71717a;border-bottom:1px solid var(--line);padding:0 0 20px}.research-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;background:#fafafa;border:1px solid var(--line);border-radius:7px}.research-timeline>div{padding:25px;border-right:1px solid #d4d4d8}.research-timeline>div:last-child{border:0}.research-timeline span{font:12px 'IBM Plex Mono',monospace;color:#71717a}.research-timeline h3{font-size:16px;margin:15px 0}.research-timeline p{font-size:11px;color:#71717a;line-height:1.8}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 15px}.filter-chip{font-size:12px;padding:9px 15px;border:1px solid var(--line);border-radius:5px}.filter-chip.selected{background:#18181b;color:#fff;border-color:#18181b}.paper{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.paper-year{font:20px 'IBM Plex Mono',monospace;color:#71717a;padding-top:6px}.paper-year span{display:block;font-size:11px;margin-top:10px;line-height:1.6}.paper-tag{font:10px 'IBM Plex Mono',monospace;color:#71717a;letter-spacing:.5px}.paper h2{font-size:22px;line-height:1.45;margin:10px 0 12px;max-width:880px;letter-spacing:-.4px}.paper p{font-size:14px;line-height:1.9;color:#71717a}.paper-application{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px;padding:22px;background:#fafafa;border-radius:5px}.paper-application h3{font-size:12px;font-weight:500;color:#52525b;margin-bottom:8px}.paper-application p{font-size:12px}.method-banner{background:#18181b;color:#e4e4e7;padding:32px;border-radius:6px}.method-banner .section-label{color:#71717a}.method-banner h2{font-size:24px;margin:15px 0;line-height:1.6}.method-banner p{font-size:14px;line-height:1.9;color:#a1a1aa;max-width:900px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.method-card{border:1px solid var(--line);padding:28px;background:#fff;border-radius:6px}.method-card h2{font-size:20px;margin:15px 0;letter-spacing:-.5px}.method-card p,.body-copy{font-size:14px;line-height:1.95;color:#71717a;margin-top:12px}.code-panel{overflow-x:auto;background:#fafafa;border:1px solid #e4e4e7;padding:25px;margin-top:23px;border-radius:5px}.code-panel code{font:12px/2.4 'IBM Plex Mono',monospace;white-space:nowrap;color:#52525b}.interval-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:25px;border:1px solid var(--line);border-radius:6px;background:#fff}.interval-grid>div{padding:20px;border-right:1px solid var(--line)}.interval-grid>div:last-child{border:0}.interval-grid span{font-size:11px;color:#71717a}.interval-grid strong{display:block;font:25px 'IBM Plex Mono',monospace;margin:17px 0 10px;letter-spacing:-1px}.interval-grid small{font:10px 'IBM Plex Mono',monospace;color:#71717a}.next-step{margin-top:40px;border-top:1px solid var(--line);padding:35px 0}.next-step h2{font-size:27px;margin-top:14px;letter-spacing:-1px}.next-step ol{padding:10px 0 0 23px;font-size:14px;line-height:2.1;color:#71717a;max-width:900px}.next-step li{padding-left:8px;margin:12px 0}.next-step a{display:inline-block;font-size:12px;color:#71717a;margin-top:15px}
/* Neutral Codex-inspired surface; colored marks encode chart and metric meaning. */
:root{--muted:#52525b;--green:#52525b}.sidebar-note p,.signal-detail p,.paper p,.body-copy,.method-card p,.closing-callout p,.next-step ol{color:#52525b}.table-note,.evidence-note,.micro-copy,.plot-caption{color:#71717a}
@media(min-width:1550px){main{padding:50px 64px}.topbar,footer{padding-left:64px;padding-right:64px}.metric-value{font-size:42px}.panel h2{font-size:21px}.chart-panel .plot{max-height:315px}.panel-heading{padding-top:28px}.slider-row{margin-bottom:20px}}
@media(max-width:1200px){:root{--sidebar:190px}.sidebar{padding:28px 13px}.topbar{padding:0 27px}main{padding:32px 27px}.edition{display:none}.metric-card{padding:18px 13px}.metric-value{font-size:30px}.metric-bottom{font-size:9px}.lab-grid{gap:15px;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.panel-heading{padding:20px 19px;flex-wrap:wrap;gap:12px}.panel h2{font-size:17px}.chart-footer{padding:14px 17px;font-size:9px}.chart-footer>span:last-child{max-width:150px}.loss-stats{gap:16px;margin:14px 20px 24px}.loss-stats strong{font-size:19px}.experiment-toolbar{flex-wrap:wrap}.pills .muted{font-size:10px}.insight{align-items:flex-start}.insight>a{display:none}.sample-grid{grid-template-columns:190px minmax(0,1fr)}.sample-context{padding:20px}.sample-context h3{font-size:22px}.interval-grid>div{padding:15px}.interval-grid strong{font-size:22px}}
@media(max-width:950px){:root{--sidebar:170px}.nav-item{font-size:12px;gap:8px;padding:12px 8px}.nav-index{display:none}.brand{font-size:21px}.version{margin-left:6px}.brand-mark{margin-right:12px}.topbar{height:65px}main{padding:30px 23px}.page-intro{align-items:flex-start}.page-intro h1{font-size:29px;letter-spacing:-1.3px}.page-intro .button{font-size:11px;padding:10px;margin-top:25px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-label{font-size:10px}.metric-label>span{display:none}.metric-value{font-size:25px}.metric-bottom{gap:4px}.lab-grid{grid-template-columns:1fr}.weights-panel{display:grid;grid-template-columns:1fr 1.4fr}.weights-panel .panel-heading{grid-column:1/-1;padding-bottom:0}.select-label{margin-top:22px;grid-column:1}.full-select{grid-column:1;align-self:start}.sliders{grid-column:2;grid-row:2/6}.micro-copy{grid-column:1;font-size:11px}.seed-control{grid-column:1/-1}.chart-subline{margin-top:8px}.plot{max-height:320px}.sample-grid{grid-template-columns:1fr}.sample-context{display:none}.signal-detail{grid-template-columns:25px 1fr;gap:20px}.signal-why{grid-column:2;padding-left:0;border:0}.method-grid{grid-template-columns:1fr}.research-timeline>div{padding:18px}.research-timeline h3{font-size:14px}.paper{grid-template-columns:65px 1fr;gap:17px}.paper-application{grid-template-columns:1fr;gap:19px}.interval-grid{grid-template-columns:repeat(3,1fr)}.interval-grid>div{border-bottom:1px solid var(--line)}footer{padding:22px 23px}footer>span:nth-child(2){display:none}}
@media(max-width:680px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;padding:19px 19px 0;height:auto;border-right:0;border-bottom:1px solid var(--line);background:#fafafa;display:block}.brand{font-size:24px;margin-bottom:18px}.sidebar nav{display:flex;gap:3px;overflow-x:auto;justify-content:space-between}.nav-caption,.sidebar-note,.sidebar-bottom{display:none}.nav-item{font-size:11px;white-space:nowrap;border-radius:4px 4px 0 0;padding:11px 8px;margin:0;gap:6px}.nav-item svg{width:14px;height:14px}.nav-item .translation{display:none}.topbar{height:54px;padding:0 19px}.breadcrumb{font-size:11px}.workspace{margin:0}main{padding:29px 19px}.page-intro{display:block;margin-bottom:25px}.page-intro h1{font-size:31px;letter-spacing:-1.7px}.intro-text{font-size:13px;margin-top:12px}.page-intro .button{margin-top:18px;font-size:12px}.eyebrow{font-size:9px}.experiment-toolbar{padding:12px 0;gap:11px}.pills{gap:8px}.pills .muted{font-size:10px}.mode-select{font-size:10px;justify-content:space-between;width:100%}.metric-grid{grid-template-columns:repeat(3,1fr);margin-bottom:19px}.metric-card{border-bottom:1px solid var(--line);padding:14px 13px}.metric-card:nth-child(3){border-right:0}.metric-card:nth-child(n+4){border-bottom:0}.metric-value{font-size:27px;margin:10px 0}.metric-label{font-size:11px}.metric-bottom>span:last-child{font-size:8px}.metric-card:last-child{border-right:1px solid var(--line)}.panel-heading{padding:20px 18px 14px}.section-label{font-size:9px}.panel h2{font-size:17px}.segmented button{font-size:10px;padding:6px}.chart-subline{margin:0 18px 4px}.plot{padding:0;min-height:180px}.loss-stats{gap:14px;margin:13px 18px 21px}.loss-stats strong{font-size:19px}.loss-stats>div>span{font-size:8px}.loss-improvement{font-size:12px}.loss-arrow{font-size:12px}.chart-footer{padding:13px 18px;font-size:9px;gap:20px}.weights-panel{display:block}.weights-panel .panel-heading{padding-bottom:10px}.select-label{margin-top:15px;padding:0 18px}.full-select{margin:0 18px;width:calc(100% - 36px)}.sliders{padding:22px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:3px 24px}.slider-row{margin-bottom:14px}.slider-row>div{font-size:11px}.micro-copy{margin:7px 18px 16px;font-size:10px}.seed-control{padding:13px 18px}.insight{padding:15px 14px;gap:10px}.insight p{font-size:11px}.section-block{margin-top:34px}.section-heading{margin-bottom:18px;gap:12px}.section-heading h2,.section-block>h2{font-size:21px;line-height:1.5}.section-heading .button{font-size:10px;padding:9px 10px;min-height:36px;gap:6px}.section-heading .button svg{width:14px}th,td{padding:14px;font-size:10px}.inline-badge{font-size:8px;margin-left:7px}.table-note{font-size:10px}.sample-table th,.sample-table td{padding:13px 10px}.score-bar{min-width:50px;padding:5px}.evidence-note{font-size:10px}.signal-detail{grid-template-columns:20px 1fr;padding:27px 0;gap:15px}.signal-detail h2{font-size:26px}.signal-detail p{font-size:14px}.signal-number{font-size:11px}.closing-callout{padding:27px}.closing-callout h2{font-size:26px}.closing-callout p{font-size:14px}.research-meta{font-size:10px;display:block;line-height:2}.research-meta span{display:block}.research-timeline{grid-template-columns:1fr}.research-timeline>div{border-right:0;border-bottom:1px solid var(--line);padding:20px}.research-timeline h3{font-size:16px;margin:10px 0}.paper{grid-template-columns:1fr;gap:13px;padding:28px 0}.paper-year{display:flex;gap:13px;align-items:center;font-size:17px}.paper-year span{margin:0;font-size:10px}.paper h2{font-size:21px}.paper p{font-size:14px}.paper-application{padding:18px}.paper-application p{font-size:13px}.filter-chip{font-size:11px;padding:8px 11px}.method-banner{padding:25px}.method-banner h2{font-size:21px}.method-banner p{font-size:13px}.method-card{padding:24px}.method-card p,.body-copy{font-size:14px}.code-panel{padding:18px}.code-panel code{font-size:10px}.interval-grid{grid-template-columns:repeat(2,1fr)}.interval-grid strong{font-size:24px}.interval-grid span,.interval-grid small{font-size:10px}.next-step h2{font-size:24px}.next-step ol{font-size:14px}.next-step a{font-size:11px}footer{font-size:9px;padding:20px 19px}#toast{left:50%;font-size:12px;width:max-content}.translation{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.metric-card{display:flex;flex-direction:column}.metric-value{margin-top:auto;padding-top:15px}.chart-subline{gap:12px}.chart-subline select{max-width:55%;min-width:0}.legend{flex-shrink:0}
/* Readable control labels and research prose at both supported writing systems. */
.nav-caption,.nav-index,.version,.sidebar-note>span,.sidebar-bottom>span,.edition,.eyebrow,.section-label,.badge,.muted,.pills .muted,.metric-label>span,.metric-bottom,.metric-bottom>span:first-child,.metric-bottom>span:last-child,.legend,.chart-footer,.select-label,.micro-copy,.seed-control,.text-button,.table-note,.evidence-note,footer,.mono,.sample-context p,.sample-outcomes span,.plot-caption,.research-meta,.research-timeline p,.paper-tag,.paper-year span,.paper-application h3,.interval-grid span,.interval-grid small,.next-step a{font-size:12px}
.nav-item,.intro-text,.button,.page-intro .button,.metric-label,.mode-select,.mode-select select,.chart-subline select,.segmented button,.full-select,.slider-row>div,.slider-row output,.seed-control input,.insight p,.insight>a,.filter-chip,.section-heading .button,.sample-context p strong,.language-label select{font-size:14px}
.metric-bottom{gap:5px}.metric-bottom>span:last-child{font-size:12px}.metric-card{padding-left:17px;padding-right:17px}.metric-label{line-height:1.5}.metric-label>span{display:none}
table,th,td,.sample-table th,.sample-table td{font-size:13px}.inline-badge{font-size:12px}.paper p,.signal-detail p,.method-card p,.body-copy,.closing-callout p,.next-step ol,.method-banner p{font-size:16px}.paper-application p{font-size:14px}
.signal-why h3,.signal-why a,.next-step a{font-size:14px}.plot text{font-size:13px}.plot text.plot-label{font-size:13px}.loss-stats>div>span{font-size:12px}.loss-improvement>span{font-size:12px}
.insight p,.micro-copy,.table-note,.evidence-note,.plot-caption,.chart-footer{color:#52525b}.metric-bottom>span:last-child{color:#52525b}.section-label,.eyebrow,.nav-caption{letter-spacing:.8px;color:#52525b}
.sidebar-note>span{font-size:12px;line-height:1.7;letter-spacing:.3px}.sidebar-note{margin-bottom:28px}.paper-year span{line-height:1.7}.metric-bottom{line-height:1.5}
.sliders{padding-top:18px}.slider-row{margin-bottom:18px}.slider-row input{margin:13px 0;height:4px}.slider-row input::-webkit-slider-thumb{width:13px;height:13px}.slider-row input::-moz-range-thumb{width:12px;height:12px}
.loss-stats{margin-top:14px;margin-bottom:25px}.chart-panel{display:flex;flex-direction:column}.chart-panel #chart{flex:1;display:flex;flex-direction:column;justify-content:center}.chart-panel .plot{min-height:235px}.chart-subline{margin-bottom:16px}.chart-footer{flex-wrap:wrap}.topbar .breadcrumb{font-size:14px}
h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}.button.dark .translation,.method-banner .translation{color:#d4d4d8}.button .translation{font-size:12px}.signal-detail,.method-grid,.paper-application{overflow-wrap:break-word}
@media(max-width:1200px){.metric-value{font-size:29px}.metric-card{padding:17px 12px}.metric-label{font-size:12px}.metric-bottom>span:last-child{font-size:12px}.segmented button{font-size:12px}.panel-heading{padding:21px}.chart-footer>span:last-child{max-width:none}.interval-grid>div{padding:17px 12px}}
@media(max-width:950px){.nav-item{font-size:12px}.nav-caption{font-size:12px}.nav-item svg{width:15px}.metric-card{padding:16px 10px}.metric-value{font-size:25px}.metric-bottom{display:block}.metric-bottom>span{display:block}.inline-badge{display:block;width:fit-content;margin:5px 0 0 15px}}
@media(max-width:680px){.nav-item{font-size:12px;padding:11px 5px;gap:4px}.topbar .breadcrumb{font-size:12px}.page-intro .button,.section-heading .button{font-size:12px}.metric-label{font-size:12px}.metric-value{font-size:28px}.metric-card{padding:15px 12px}.metric-bottom{line-height:1.8}.experiment-toolbar{gap:13px}.pills .muted{font-size:12px}.sliders{gap:8px 22px}.slider-row>div,.slider-row output{font-size:13px}.loss-stats{gap:10px;margin-left:16px;margin-right:16px}.loss-stats>div>span{font-size:11px}.loss-improvement>span{font-size:11px}.chart-panel .plot{min-height:185px}.chart-subline{margin-bottom:7px}.plot text{font-size:14px}.plot text.plot-label{font-size:13px}.insight p{font-size:13px}.filter-chip{font-size:12px}.sample-table th,.sample-table td{padding:14px 12px}.sample-context{display:block;padding:20px}.sample-context h3{font-size:20px;margin:14px 0;line-height:1.5}.sample-context h3 br{display:none}.sample-grid{gap:12px}.language-label select{font-size:12px}.code-panel code{font-size:12px}}

/* White workspace and semantic outline icons. */
:root{--bg:#fff;--line:#e4e4e7;--muted:#71717a;--accent:#2563eb;color:#18181b;background:#fff}
.sidebar,.topbar,main,.workspace{background:#fff}.sidebar{padding-left:18px;padding-right:18px}.nav-item{border-radius:7px;color:#62626b;font-size:14px}.nav-item.active{background:#f4f4f5;color:#18181b}.nav-item:hover{background:#fafafa}.brand-mark span{color:var(--accent)}.small-square{background:#18181b;border-radius:2px}.page-intro h1{font-weight:550}.intro-text{font-size:16px;color:#62626b}.button{font-size:14px;border-radius:7px}.button.dark{background:#18181b;border-color:#18181b}.button.dark:hover{background:#3f3f46}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:var(--accent)}.badge{background:#fafafa;border-color:var(--line);color:#52525b}.edition{color:var(--muted)}
.metric-grid,.panel,.table-wrap,.method-card,.research-timeline{border-radius:10px}.metric-card{padding:22px 18px 20px}.metric-label{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;min-height:48px}.signal-icon,.metric-label>.signal-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid var(--line);border-radius:10px;color:#3f3f46;flex-shrink:0}.signal-icon svg{width:20px;height:20px;stroke-width:1.6}.metric-label>div{min-width:0}.metric-abbr{display:block;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.metric-name{display:block;font-size:13px;color:#62626b;line-height:1.5;margin-top:3px;word-break:keep-all;overflow-wrap:break-word}.metric-name .translation{font-size:12px}.metric-hint{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;min-height:20px}.metric-value{font-size:36px;font-weight:500;margin:15px 0 12px;letter-spacing:-1.5px}.metric-bottom>span:last-child{color:var(--muted)}.positive{color:#147d52}.negative{color:#b45309}.translation{font-size:max(.8em,12px)}
.panel-icon{color:#71717a}.panel-icon svg{width:24px;height:24px}.slider-row label{display:flex;align-items:center;gap:8px}.slider-row label svg{width:16px;height:16px;color:#71717a}.slider-row>div{gap:10px;font-size:14px}.slider-row input{background:linear-gradient(to right,#3f3f46 var(--fill),#e4e4e7 var(--fill))}.slider-row input::-webkit-slider-thumb{background:#27272a;box-shadow:0 0 0 1px #a1a1aa}.slider-row input::-moz-range-thumb{background:#27272a}.full-select{background:#fff;font-size:14px}.select-label{font-size:13px}.segmented{background:#f4f4f5}.segmented button{font-size:13px}.panel h2{font-size:20px}.orange{background:var(--accent)}.gray{background:#a1a1aa}.loss-improvement{color:var(--accent)}.plot text{fill:#71717a}.plot text.plot-label{fill:#52525b}.gridline{stroke:#e4e4e7}.insight{border:1px solid var(--line);background:#fafafa;border-radius:8px}.insight-icon{display:flex;color:#52525b}.insight-icon svg{width:23px;height:23px}.insight p{font-size:14px}.insight strong{color:#27272a}.chart-footer,.micro-copy,.table-note,.evidence-note,.plot-caption{color:var(--muted)}
.current-row,.selected-candidate{background:#f5f8ff}.current-row th,.current-row td{color:#1e40af}.inline-badge{border-color:#cedbfc;color:#1d4ed8}.chosen{color:var(--accent)}.score-bar:before{background:#e4ecff}.sample-context{background:#fafafa;border-color:var(--line);border-radius:8px}.sample-context>.signal-icon{margin-bottom:17px;background:#fff}.strategy-dot.balanced{background:#2563eb}.strategy-dot.clicks{background:#71717a}.strategy-dot.value{background:#b45309}.strategy-dot.loyalty{background:#147d52}.evidence-note>span{padding-top:3px}.signal-number{display:flex;flex-direction:column;gap:12px;align-items:center;color:#a1a1aa}.signal-number .signal-icon{width:44px;height:44px;border-radius:12px}.signal-number .signal-icon svg{width:23px;height:23px}.formula{background:#fafafa;border:1px solid var(--line);color:#3f3f46;max-width:100%;overflow-wrap:anywhere;line-height:1.7}.signal-detail p,.paper p,.body-copy,.method-card p,.closing-callout p,.next-step ol{color:#62626b}.signal-why a,.next-step a{color:var(--accent)}.closing-callout,.paper-application,.code-panel{background:#fafafa;border:1px solid var(--line)}.research-timeline{background:#fff}.research-timeline>div{border-color:var(--line)}.research-timeline span,.paper-tag{color:var(--muted)}.filter-chip{font-size:14px}.filter-chip.selected{background:#18181b}.filter-chip.selected .translation{color:#d4d4d8}.code-panel code{color:#3f3f46}.section-label,.eyebrow,.nav-caption{color:var(--muted)}
/* Four operations; the five outcome metrics are not a single event funnel. */
.method-banner{background:#fff;color:#18181b;padding:28px 30px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.method-banner .section-label,.method-banner .translation{color:var(--muted)}.process-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:27px 0 28px;padding:0}.process-step{position:relative;min-width:0}.process-symbol{display:flex;align-items:center;gap:12px;margin-bottom:18px}.process-symbol .signal-icon{width:48px;height:48px;border-radius:13px}.process-symbol .signal-icon svg{width:25px;height:25px}.process-number{font:12px 'IBM Plex Mono',monospace;color:#a1a1aa}.process-step h3{font-size:18px;line-height:1.5}.method-banner .process-step p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:7px}.process-arrow{position:absolute;right:-23px;top:15px;color:#a1a1aa}.process-note{display:flex;align-items:flex-start;gap:10px;background:#fafafa;border-top:1px solid var(--line);margin:0 -30px;padding:17px 30px}.process-note>svg{margin-top:3px;color:var(--muted)}.method-banner .process-note p{font-size:13px;line-height:1.8;color:#62626b}.method-card-top{display:flex;justify-content:space-between;align-items:center}.method-card h2{margin-top:20px}#toast{background:#18181b}
@media(min-width:1550px){.metric-value{font-size:40px}}
@media(max-width:1200px){.sidebar{padding-left:13px;padding-right:13px}.metric-card{padding:18px 12px}.metric-label{gap:8px;flex-wrap:wrap}.metric-label>.signal-icon{width:32px;height:32px;border-radius:9px}.metric-label>.signal-icon svg{width:18px;height:18px}.metric-value{font-size:30px}.process-flow{gap:26px}.process-arrow{right:-19px}.process-step h3{font-size:17px}.nav-index{display:none}}
@media(max-width:1000px){.metric-label{display:block}.metric-label>.signal-icon{display:inline-flex;margin-bottom:10px}.metric-label>div{min-height:57px}.metric-value{font-size:28px}.process-flow{grid-template-columns:1fr 1fr;gap:26px 40px}.process-arrow{display:none}.process-step{border-top:1px solid var(--line);padding-top:18px}.process-symbol{margin-bottom:12px}.interval-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interval-grid>div{border-bottom:1px solid var(--line)}.interval-grid>div:nth-child(3){border-right:0}.interval-grid>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:680px){.sidebar{padding:18px 16px 0}.sidebar nav{display:flex;gap:2px;overflow-x:auto;padding:0 0 10px}.nav-item{flex:1;justify-content:center;flex-direction:column;gap:7px;margin:0;padding:11px 8px;font-size:13px;white-space:nowrap}.nav-item svg{width:19px;height:19px}.nav-item .translation{font-size:12px;margin-top:3px}.brand{margin-bottom:15px}.page-intro h1{font-size:29px}.intro-text{font-size:15px}.page-intro .button,.section-heading .button{font-size:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:9px}.metric-card{padding:19px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-card:nth-child(2n){border-right:0}.metric-card:last-child{grid-column:1/-1;border:0}.metric-label{display:flex;flex-wrap:nowrap;min-height:44px;gap:10px}.metric-label>.signal-icon{width:36px;height:36px;margin:0;display:inline-flex}.metric-label>div{min-height:0}.metric-abbr{font-size:14px}.metric-name{font-size:13px}.metric-value{font-size:32px;margin:12px 0 10px}.metric-bottom{display:flex;flex-wrap:wrap}.metric-hint{margin-top:12px}.slider-row>div{font-size:13px}.slider-row label{gap:6px}.slider-row label svg{width:15px;height:15px}.panel h2{font-size:20px}.insight p{font-size:13px}.signal-number .signal-icon{width:34px;height:34px;border-radius:9px}.signal-number .signal-icon svg{width:19px;height:19px}.signal-detail{grid-template-columns:34px minmax(0,1fr);gap:15px}.formula{font-size:12px;padding:9px}.sample-context>.signal-icon{margin-bottom:14px}.method-banner{padding:24px 20px 0}.process-flow{gap:22px;margin-top:23px}.process-symbol{gap:8px}.process-symbol .signal-icon{width:42px;height:42px}.process-symbol .signal-icon svg{width:22px;height:22px}.process-step h3{font-size:16px}.method-banner .process-step p{font-size:12px}.process-note{margin:0 -20px;padding:16px 20px}.method-banner .process-note p{font-size:12px}.interval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interval-grid>div{padding:18px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.interval-grid>div:nth-child(2n){border-right:0}.interval-grid>div:nth-child(3){border-right:1px solid var(--line)}.interval-grid>div:nth-child(4){border-bottom:1px solid var(--line)}.interval-grid>div:last-child{grid-column:1/-1;border:0}.loss-stats>div>span,.loss-improvement>span{font-size:12px}.filter-chip{font-size:13px}.plot text{font-size:14px}.plot text.plot-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}