:root{color-scheme:dark;--bg:#141413;--panel:#1c1c1e;--panel-hi:#232326;--ink:#f0eee9;--muted:#999ba6;--soft:#bbbcc6;--accent:#ec8db8;--accent-ink:#251b22;--blue:#8c9bff;--line:#333338;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:#ffd0e6}button,a,input,textarea,select,summary{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-70px;z-index:100;padding:12px;background:var(--panel)}.skip-link:focus{top:10px}aside{width:236px;position:fixed;inset:0 auto 0 0;padding:29px 20px 18px;background:#171718;border-right:1px solid #2c2c30;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:11px;font-weight:750;letter-spacing:.5px;line-height:1.3}.brand-mark{display:block;border:1px solid #4b3945;background:linear-gradient(140deg,#30252e,#19191b);width:43px;height:45px;padding:7px;font:700 26px/1 var(--mono);letter-spacing:-4px}.brand-mark span{color:var(--accent)}.brand small{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:1.7px;margin-top:7px}nav{display:flex;flex-direction:column;gap:4px;margin-top:25px}nav a{color:#a8a9b1;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:3px;font-size:12px;position:relative}nav a>span{width:17px;font-size:17px;text-align:center;line-height:1}nav a:hover{background:#232326;color:var(--ink)}nav a.active{color:var(--ink);background:#2b232a}nav a.active:before{position:absolute;content:'';left:0;width:2px;height:19px;background:var(--accent)}nav .new{color:var(--accent)}.nav-label{font:9px var(--mono);letter-spacing:1.7px;color:#858591;padding:20px 12px 9px}.aside-note{margin-top:auto;padding-top:25px;font-size:11px}.aside-note>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--soft)}.aside-note p{font:9px/1.9 var(--mono);letter-spacing:.7px;margin:22px 12px 0;color:var(--soft)}.aside-note p span{font:11px sans-serif;letter-spacing:0;color:var(--muted)}.aside-note i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:5px}main{margin-left:236px;padding:0 44px 24px;max-width:1850px}header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2d30;font:10px var(--mono);letter-spacing:1.1px;color:var(--muted)}.local{font-size:9px}footer{margin-top:55px;border-top:1px solid var(--line);padding:20px 0 0;font:9px var(--mono);letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}footer span{letter-spacing:0;color:#a7a5ad}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.14;font-weight:650;letter-spacing:-1.1px;margin:28px 0 12px;max-width:1000px}h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin-bottom:15px}h3{font-size:15px;font-weight:550;margin-bottom:8px}p{margin-bottom:15px}.sub{color:var(--muted);max-width:760px;font-size:13px;line-height:1.6;margin-bottom:24px}.muted,small{color:var(--muted)}.small{font-size:12px}.mono,.date{font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.date{display:block;color:var(--muted);margin-top:6px;line-height:1.65}.kicker,.eyebrow{font:10px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);display:block}.eyebrow{color:var(--accent)}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.row>div{min-width:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.button,button{border:1px solid transparent;background:var(--accent);color:var(--accent-ink);padding:10px 17px;font:600 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;text-decoration:none;white-space:normal}.button:hover,button:hover{color:var(--accent-ink);background:#f4acd0;box-shadow:0 2px 18px #eb8eb80f}.button.secondary,button.secondary{border-color:#404048;background:#232326;color:#d0cdd5}.button.secondary:hover,button.secondary:hover{background:#303034;border-color:#777080;color:var(--ink)}button:disabled{cursor:wait;opacity:.55}.text-button{background:none;color:var(--accent);border:0;padding:0;min-height:0}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:24px;margin-bottom:20px}.panel.interpretation{border-left:2px solid #8479b9;background:#1e1c23}.panel.fact{border-left:2px solid #667fa4}.panel .panel{background:#202023}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid>.panel{margin-bottom:0;min-width:0}.stack{display:grid;gap:18px}.section-heading{margin:32px 0 15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.section-head h2{margin:0;font-size:17px}.section-head>a{font-size:11px;white-space:nowrap}.badge{display:inline-block;font:9px/1.5 var(--mono);letter-spacing:.3px;text-transform:uppercase;padding:4px 7px;border:1px solid #414149;background:#252529;color:#bcbcc9;border-radius:3px;vertical-align:middle}.badge.warn{background:#28222b;border-color:#4a384a;color:#d8b4cf}.badge.focus{color:#b8b6f9;background:#242332;border-color:#44415c}.note{padding:13px 17px;border-left:2px solid #746488;background:#211e26;color:#b6aebf;font-size:12px;line-height:1.6;margin:18px 0}.source{font-size:10px;color:#93939f;margin-top:13px;line-height:1.6;overflow-wrap:anywhere}.source a{color:#b6afc2}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.history{border-left:1px solid #4c414f;margin:19px 0;padding-left:17px}.history strong{font-size:11px;font-weight:550;color:#aaa7b5}.history p{margin:0 0 14px}.history h3{font-size:14px}.history .mono{display:block;margin-bottom:15px}details{margin:15px 0 0}summary{cursor:pointer;padding:11px 0;color:var(--soft);font-size:12px;list-style-position:inside}summary:hover{color:var(--accent)}details[open]>summary{margin-bottom:10px}pre{font:11px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#171719;border:1px solid var(--line);padding:15px;color:#b7b6bf}table{width:100%;border-collapse:collapse;font-size:12px;background:#1a1a1c}th{text-align:left;background:#202023;font:9px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#a8a5b1;white-space:nowrap}td,th{padding:14px 15px;border-bottom:1px solid #2e2e33;vertical-align:top}td strong{font-weight:600;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tbody tr:hover{background:#202024}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:4px;max-width:100%}td.title{min-width:195px}.metric-strip{display:flex;gap:9px;flex-wrap:wrap}.metric-strip span{background:#252429;padding:7px 10px;border-radius:3px;font-size:11px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;min-width:0}.field label{font-size:12px;font-weight:500;color:#cbc7d1}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;background:#171719;border:1px solid #3b3b42;color:var(--ink);border-radius:4px;padding:12px;font-size:14px;line-height:1.4;font-family:inherit;min-height:45px}.field input,.field textarea{font-size:14px}.field select{font-size:13px}.field textarea{min-height:86px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7f7e89}.field input:focus,.field textarea:focus,.field select:focus,.toolbar input:focus,.toolbar select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #e99ac014}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.form-grid .full{grid-column:1/-1}.form-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.form-foot p{margin:0}.toolbar{display:flex;align-items:center;gap:12px;margin:20px 0}.toolbar input{width:min(400px,100%)}.toolbar select{width:auto;font-size:12px}.empty{padding:23px;color:var(--muted);font-size:13px}.error{padding:13px;background:#352326;border:1px solid #7f4a51;color:#ffb6b6;border-radius:4px;margin:12px 0}.success{padding:13px;background:#2b2330;border:1px solid #624560;color:#eeb3d5;border-radius:4px;margin:12px 0}.form-error:empty{display:none}dialog{width:min(840px,94vw);max-height:90dvh;overflow:auto;padding:32px;background:#1d1d20;color:var(--ink);border:1px solid #49434b;border-radius:6px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#09090bbd;backdrop-filter:blur(5px)}dialog h2{padding-right:24px;font-size:24px}.close{position:absolute;right:10px;top:9px;padding:0;width:35px;font-size:25px;font-weight:300;background:transparent;color:#bcb5bf;border:0}.close:hover{background:#343038;color:white}.no-wrap{white-space:nowrap}
/* Command center */
.home-intro{margin:35px 0 28px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.home-intro h1{font-size:46px;margin:13px 0 12px;line-height:1.08;letter-spacing:-1.9px}.home-intro h1 em{font-style:normal;color:#a6a3af}.home-intro .sub{margin:0}.lab-index{font:10px/1.9 var(--mono);color:var(--muted);text-align:right;min-width:100px;padding-bottom:4px}.lab-index b{color:#b7b3bd;font-weight:400}.command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:22px;align-items:start}.next-post{background:radial-gradient(ellipse at 95% 0,#412f402f,transparent 65%),#1d1c20;padding:26px;border-color:#443442;min-height:306px;position:relative}.next-post h2{font-size:29px;letter-spacing:-.8px;margin:24px 0 12px;max-width:480px;line-height:1.2}.next-post .hero-note{color:#b7acb9;font-size:13px;max-width:370px}.next-post .next-action{border-top:1px solid #3c303d;margin-top:23px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.next-action p{margin:4px 0;font-size:12px}.next-action .kicker{font-size:9px;color:var(--accent)}.workflow-track{display:flex;gap:0;align-items:center;margin:18px 0 27px;overflow:auto;padding-bottom:7px}.workflow-track span{position:relative;flex:1;min-width:78px;font:8px/1.5 var(--mono);letter-spacing:.5px;color:#8c8a98;padding-top:17px;border-top:1px solid #37343b}.workflow-track span:before{content:'';width:5px;height:5px;position:absolute;top:-3px;left:0;background:#55505a;border-radius:50%}.workflow-track span.current{color:var(--accent);border-color:#826279}.workflow-track span.current:before{background:var(--accent);box-shadow:0 0 10px #e792be66}.workflow-track.compact{margin:20px 0 4px}.workflow-track.compact span{min-width:65px;font-size:7px}.queue{padding:22px}.queue-item{padding:15px 0;border-top:1px solid #353139}.queue-item .row{gap:12px}.queue-item h3{margin:0;font-size:13px}.queue-item small{font-size:11px}.queue-item .time-target{font:19px var(--mono);color:#c6c4e7;margin:6px 0}.queue-item button{min-height:34px;padding:7px 11px;font-size:10px}.queue-item .date{font-size:9px}.quiet-line{font-size:11px;color:#96909d;margin:14px 0 0}.slim-statbar{display:flex;gap:24px;border-block:1px solid var(--line);margin:12px 0 28px;padding:14px 0;font:10px var(--mono);color:var(--muted);flex-wrap:wrap}.slim-statbar b{font-size:15px;font-weight:500;color:#dad6df;margin-right:6px}.experiment-mini{padding:17px 0;border-top:1px solid var(--line);display:block}.experiment-mini h3{color:var(--ink)}.experiment-mini p{font-size:12px;margin:7px 0 10px;color:var(--muted)}.learning-note{padding:15px 0;border-top:1px solid var(--line)}.learning-note p{font-size:13px;margin:7px 0;color:#d0c9d7}.learning-note .kicker{font-size:8px}.inbox-quick textarea{min-height:83px}.inbox-quick .field label{color:var(--muted);font-size:12px}.inbox-quick .field{margin-bottom:11px}.bottom-grid{margin-top:4px}.focus-card{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:72px minmax(0,1fr) 140px;gap:20px}.focus-card .focus-id{font:12px var(--mono);color:#aaa0c0}.focus-card h2{font-size:20px;line-height:1.35;margin:0 0 12px}.focus-card h2 a{color:var(--ink)}.focus-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:20px 0}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);padding:13px 16px;box-shadow:none}.tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.research-layout{max-width:1100px}.confidence-hero{padding:30px;border:1px solid #4a3c52;background:linear-gradient(120deg,#27212b,#1d1d22)}.confidence-hero .confidence-name{font-size:25px;color:#d5beda;margin:12px 0}.evidence-column{border-top:2px solid #7d809a}.evidence-column.against{border-top-color:#ab769c}.best-test{margin:22px 0;padding:24px;background:#242230;border-left:2px solid #9b92dc}.best-test h2{font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#bdb4ee}.best-test p{margin-bottom:0}.story{margin:25px 0}.story-step{position:relative;padding:0 0 34px 45px;border-left:1px solid #45404b;margin-left:12px}.story-step:before{content:attr(data-step);position:absolute;left:-13px;top:0;background:#24212a;width:25px;height:25px;border:1px solid #62516a;color:#d1b5d4;font:10px/24px var(--mono);text-align:center;border-radius:50%}.story-step:last-child{border-left-color:transparent}.story-step>.kicker{padding:5px 0 17px;color:#b09bb7}.story-step h2{font-size:24px}.story-step .panel{margin-bottom:0}.compare td:not(:first-child){font:14px var(--mono);min-width:160px}.compare td:first-child{color:var(--soft)}.compare .role-label td{font:11px var(--mono);color:var(--blue)}.compare .group-row td{background:#24222a;font:9px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:1px}.plot-panel{margin:20px 0;padding:24px}.plot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.plot-toolbar .field{margin:0;max-width:240px}.plot-toolbar .field label{display:none}.plot-number{font:36px var(--mono);letter-spacing:-1px;line-height:1.2}.plot-label{font:9px var(--mono);color:var(--muted);letter-spacing:.5px;margin:8px 0}.data-plot{display:block;width:100%;height:auto;max-height:270px;margin:10px 0 0;overflow:visible}.data-plot text{fill:#9b96a5;font:9px var(--mono)}.data-plot .axis{stroke:#444049;stroke-width:1}.data-plot .gridline{stroke:#302d36;stroke-width:1;stroke-dasharray:3 5}.data-plot .point{fill:#e998c2;stroke:#281d29;stroke-width:3}.data-plot .range{stroke:#a98ab8;stroke-width:3}.data-plot .point:hover{fill:#f6d4e5;r:6}.metric-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 21px}.metric-numbers>div{border-left:1px solid #49404f;padding-left:16px}.metric-numbers strong{font:25px var(--mono);font-weight:400;color:#dfd7e5}.metric-numbers small{display:block;font-size:10px;margin-top:7px}.traffic-bar{width:100%;height:14px;margin:18px 0 10px;background:#323036;border-radius:2px}.traffic-bar rect.foryou{fill:#949ae5}.traffic-bar rect.profile{fill:#d68faf}.traffic-bar rect.unknown{fill:#4a4650}.legend{display:flex;gap:18px;flex-wrap:wrap;font:10px var(--mono);color:var(--muted)}.legend b{font-weight:500;color:#c5bfcc}.post-identity{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font:10px var(--mono);color:#aba2b2;margin:14px 0 22px}.post-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px;align-items:start}.post-layout>.column{min-width:0}.lock-panel{border:1px solid #79516e;background:radial-gradient(ellipse at top right,#57314933,transparent 70%),#251f27;padding:26px;margin:22px 0}.lock-panel h2{font:15px var(--mono);letter-spacing:.2px;color:#f1b6d7}.lock-panel p{font-size:13px;color:#c4b5c4}.lock-panel.locked{border-color:#594664}.lock-panel.locked h2{color:#c2b3db}.capture-form{max-width:850px;padding:28px}.capture-form .form-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.capture-form .form-intro span{font:10px var(--mono);color:var(--muted)}.capture-form .form-intro b{font-size:13px;font-weight:500}.checkpoint-strip{display:flex;gap:10px;overflow:auto;margin:16px 0}.checkpoint-strip div{flex:1;min-width:80px;border-top:2px solid #38323d;padding-top:9px;font:10px var(--mono);color:var(--muted)}.checkpoint-strip div.next{border-color:var(--accent);color:var(--accent)}.checkpoint-strip small{font-size:8px;display:block;margin-top:5px;color:var(--muted)}.post-timeline{border-left:1px solid #4b3f50;margin:26px 0 0 9px}.timeline-post{position:relative;padding:0 0 26px 25px;display:grid;grid-template-columns:155px minmax(210px,1fr) 125px 125px;gap:18px;align-items:start}.timeline-post:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;background:#b593b0;border:2px solid #141413;border-radius:50%}.timeline-post h3{margin:0;font-size:17px}.timeline-post h3 a{color:var(--ink)}.timeline-post p{font-size:12px;margin:7px 0 9px;color:var(--muted)}.timeline-post .data-number{font:23px var(--mono);line-height:1.25}.timeline-post .data-caption{font:9px var(--mono);color:var(--muted);display:block;margin-bottom:7px}.timeline-post time{font:10px/1.8 var(--mono);color:var(--muted)}.timeline-post .date{font-size:8px}.how-intro{max-width:650px}.how-steps{max-width:820px}.how-step{display:grid;grid-template-columns:55px 1fr;gap:22px;border-top:1px solid var(--line);padding:23px 0}.how-step>span{font:24px var(--mono);color:#9a768f}.how-step h2{font-size:21px;margin-bottom:8px}.how-step p{font-size:13px;color:var(--muted);margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card strong{font:27px var(--mono);display:block}.card small{display:block}.back-link{display:inline-block;font-size:11px;margin-top:25px}.input-hint{font:10px var(--mono);color:var(--muted);margin:0 0 17px}.snapshot-meta{padding:14px 0;border-block:1px solid var(--line);margin:0 0 20px;color:#c7a6c0;font:11px var(--mono)}
@media(min-width:1450px){main{padding-inline:55px}.home-intro h1{font-size:54px}.command-grid{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr)}}
@media(max-width:1100px){aside{width:198px;padding-inline:14px}.brand{font-size:9px}.brand small{font-size:7px;letter-spacing:1px}main{margin-left:198px;padding-inline:26px}.command-grid{grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}.home-intro h1{font-size:38px}.next-post h2{font-size:25px}.post-layout{grid-template-columns:1fr}.timeline-post{grid-template-columns:115px minmax(160px,1fr) 105px;gap:12px}.timeline-post .timeline-follows{display:none}.grid{gap:16px}.workflow-track span{min-width:75px}.focus-card{grid-template-columns:45px 1fr 110px;gap:13px}}
@media(max-width:800px){main{padding-inline:21px}.command-grid,.grid{grid-template-columns:1fr}.lab-index{display:none}.home-intro h1{font-size:38px}.next-post{min-height:0}.bottom-grid{gap:0}.next-action .button{flex-shrink:0}.home-intro{align-items:start}.home-intro>.button{display:none}.timeline-post{grid-template-columns:1fr 85px}.timeline-post time{grid-column:1/-1}.focus-card{grid-template-columns:1fr}.focus-card .focus-state{display:flex;gap:8px;align-items:center}.metric-numbers strong{font-size:21px}.form-grid{gap:0 16px}}
@media(max-width:620px){aside{position:static;width:100%;height:auto;padding:18px 17px 7px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{font-size:11px}.brand small{font-size:8px}.brand-mark{width:37px;height:39px;font-size:23px}nav{flex-direction:row;overflow:auto;flex-wrap:nowrap;margin-top:15px;gap:4px;padding-bottom:6px}nav .nav-label,nav a:nth-of-type(n+7),.aside-note{display:none}nav a{white-space:nowrap;font-size:11px;flex-shrink:0;padding:8px}nav a>span{display:none}main{margin-left:0;padding:0 17px 18px}header{height:48px;font-size:8px}.local{font-size:8px}.home-intro{margin:25px 0 22px}.home-intro h1{font-size:37px;letter-spacing:-1.2px}h1{font-size:29px}.row{align-items:flex-start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field input,.field select,.field textarea{font-size:16px}.capture-form{padding:20px}.form-foot{align-items:stretch;flex-direction:column}.form-foot button{width:100%;min-height:47px}.workflow-track{margin-bottom:20px}.panel{padding:19px}.next-post h2{font-size:25px}.next-post .next-action{flex-wrap:wrap}.next-action .button{width:100%}.slim-statbar{gap:12px;font-size:9px}.slim-statbar b{font-size:13px}.section-head{gap:10px}.section-head h2{font-size:16px}.toolbar{flex-wrap:wrap}.toolbar select{flex:1}.metric-numbers{gap:8px}.metric-numbers strong{font-size:19px}.metric-numbers>div{padding-left:10px}.plot-toolbar{align-items:start;flex-wrap:wrap}.plot-number{font-size:30px}.plot-toolbar .field{max-width:100%;width:100%}dialog{padding:25px 20px;width:calc(100vw - 16px);max-height:94dvh}dialog h2{font-size:22px}.close{min-height:35px}.story-step{padding-left:28px}.story-step h2{font-size:20px}.compare th,.compare td{padding:12px}.form-error{max-width:100%}.cards{grid-template-columns:1fr 1fr}.how-step{gap:10px;grid-template-columns:38px 1fr}footer{font-size:8px;gap:15px}footer span{max-width:145px}.plot-panel{padding:16px}.legend{gap:10px;font-size:9px}.tabs button{font-size:11px;padding-inline:11px}.lock-panel{padding:21px}.lock-panel button{width:100%;min-height:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Trend Signal readability and status layer. Functional text stays readable at a glance. */
footer{font-size:13px;line-height:1.5;letter-spacing:.04em;gap:24px}footer span{font-size:13px}
.badge{font-size:12px;line-height:1.45;padding:5px 9px}
.history{padding:16px 0 16px 20px;margin:20px 0}.history strong{font-size:16px}.history p,.history .mono{font-size:14px;line-height:1.55}
.experiment-mini{padding:22px 0}.experiment-mini p{font-size:15px;line-height:1.55;margin:10px 0 16px}.experiment-mini .badge{margin-right:12px}
.button,button{min-height:44px;padding:11px 18px}.actions{gap:12px}.section-head{gap:20px}.small{font-size:14px}.mono,.date{font-size:12px}.kicker,.eyebrow{font-size:12px}
.research-status{display:inline-flex;align-items:center;gap:6px}.research-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.research-red{border-color:#a6535b;background:#392328;color:#ffc1c1}.research-red .research-dot{background:#ed6a73}.research-amber{border-color:#9c7742;background:#382f22;color:#ffd69a}.research-amber .research-dot{background:#f0b65f}.research-green{border-color:#4d8b69;background:#20342a;color:#bde9c9}.research-green .research-dot{background:#72d798}
.approved-account-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.creator-edited-badge{border-color:#76506a;background:#2b202a;color:#efb5d4}.creator-meta-form{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.creator-meta-form .form-intro{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}.creator-meta-form .form-intro span{font-size:14px;color:var(--muted)}.auto-collected-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.auto-facts-list{display:grid;gap:8px}.auto-facts-list p{font-size:14px;line-height:1.55;margin:0}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;width:100%;height:100%;background:radial-gradient(circle at 70% 20%,#5c3b5a66,transparent 45%),linear-gradient(135deg,#29232b,#171719);color:#c9a5c1}.thumbnail-placeholder-mark{font:24px var(--mono);letter-spacing:.12em;color:#efb5d4}.thumbnail-placeholder-title{font:12px var(--mono);letter-spacing:.14em}.thumbnail-placeholder-note{font-size:12px;color:#a99da9}
@media(max-width:620px){footer{font-size:14px;display:grid;gap:10px}footer span{font-size:14px}.history strong{font-size:16px}.button,button{min-height:48px}.mono,.date{font-size:13px}.creator-meta-form .form-intro{display:block}.creator-meta-form .form-intro span{display:block;margin-top:8px}.auto-facts-list p{font-size:14px}}

/* Creator-first media library and readability pass. */
body{font-size:15px;line-height:1.6}h1,h2,h3{line-height:1.2}h2{font-size:22px}h3{font-size:17px}.eyebrow,.kicker,.data-caption{font-size:11px;line-height:1.4}.muted,.sub,.quiet-line{font-size:14px;line-height:1.55}.field{gap:9px;margin-bottom:20px}.field label{font-size:14px}.field input,.field select,.field textarea,.toolbar input,.toolbar select{font-size:16px;min-height:48px;padding:13px}.panel,.card{padding:28px;margin-bottom:24px}.creator-home{max-width:1180px}.workflow-inline{font:11px var(--mono);color:var(--accent);letter-spacing:.04em}.home-section{margin:38px 0}.home-section>.section-head{margin-bottom:16px}.home-section>.section-head h2{font-size:21px}.next-video-hero{background:radial-gradient(ellipse at 92% 0,#412f402f,transparent 65%),#1d1c20;border-color:#443442;padding:32px}.next-video-hero h2{font-size:clamp(30px,5vw,52px);max-width:660px;margin:20px 0 10px}.next-video-hero>p{max-width:640px;font-size:17px;color:var(--soft)}.creator-track{margin:30px 0 26px}.creator-track span{font-size:10px;min-width:92px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.series-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:190px;border:1px solid var(--line);background:var(--panel);padding:22px;color:var(--ink);text-decoration:none;transition:border-color .18s,transform .18s}.series-card:hover{border-color:#76506a;transform:translateY(-2px)}.series-card h3{font-size:24px;margin:12px 0 8px}.series-card p{font-size:14px;color:var(--muted);margin:0}.series-card-stats{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline;color:var(--muted);font:12px var(--mono)}.series-card-stats strong{font-size:22px;color:var(--ink);font-weight:500}.series-card-stats small{grid-column:1/-1;margin-top:10px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recent-media{grid-template-columns:repeat(4,minmax(0,1fr))}.media-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .18s,transform .18s}.media-card:hover{border-color:#76506a;transform:translateY(-2px)}.media-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#29232b,#171719);display:flex;align-items:center;justify-content:center;color:#9e8199;font:11px var(--mono);letter-spacing:.08em;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb.is-missing{background:linear-gradient(135deg,#29232b,#171719)}.media-card-body{padding:17px}.media-card-top{display:flex;justify-content:space-between;gap:8px;color:var(--accent);font:10px var(--mono);text-transform:uppercase}.media-card h3{font-size:18px;margin:14px 0 7px}.media-date{font-size:13px;color:var(--muted);margin:0 0 16px}.media-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.media-metrics span{min-width:0}.media-metrics b{display:block;font:18px var(--mono);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-metrics small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.metric-missing{color:var(--muted)}.media-card-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.media-card-foot .badge{font-size:10px}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:30px}.creator-queue{display:flex;flex-direction:column;gap:5px;padding:16px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.creator-queue span{font:12px var(--mono);color:var(--muted)}.creator-queue em{font-size:13px;color:var(--accent);font-style:normal}.inbox-home textarea{width:100%;min-height:92px;box-sizing:border-box;margin:6px 0 12px;padding:13px;background:#171719;border:1px solid #3b3b42;color:var(--ink);font:16px/1.5 inherit}.inbox-home button{min-width:150px}.episode-list{border-top:1px solid var(--line)}.episode-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.episode-row:hover{color:var(--accent)}.episode-number{font:12px var(--mono);color:var(--accent)}.episode-row b{font-size:17px}.episode-row small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.video-workspace{padding:30px}.workspace-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:35px}.workspace-facts{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px 18px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.workspace-facts dt{font:11px var(--mono);text-transform:uppercase;color:var(--muted)}.workspace-facts dd{margin:0;font-size:15px}.series-intro{max-width:760px}.creator-plan{max-width:900px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.recent-media,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-columns{grid-template-columns:1fr}.home-lower{gap:20px}}
@media(max-width:620px){body{font-size:16px}.muted,.sub,.quiet-line{font-size:15px}.panel,.card{padding:21px;margin-bottom:20px}.home-intro{display:block;margin:28px 0 20px}.home-intro h1{font-size:34px}.workflow-inline{display:block;margin-top:18px;line-height:1.7}.next-video-hero{padding:23px 20px}.next-video-hero h2{font-size:34px}.next-video-hero>p{font-size:16px}.creator-track{overflow-x:auto;padding-bottom:4px}.creator-track span{min-width:80px}.series-grid,.recent-media,.media-grid,.library-grid{grid-template-columns:1fr}.series-card{min-height:0;padding:20px}.media-card h3{font-size:20px}.media-metrics b{font-size:20px}.media-metrics small{font-size:12px}.home-lower{grid-template-columns:1fr;gap:0}.episode-row{grid-template-columns:72px minmax(0,1fr);gap:12px}.episode-row>span:last-child{grid-column:2}.workspace-facts{grid-template-columns:1fr;gap:4px}.workspace-facts dd{margin-bottom:10px}.media-filter{display:block}.media-filter input,.media-filter select{width:100%;margin-bottom:10px}.capture-form{padding:20px}.creator-plan .form-foot{padding-top:22px}.creator-plan button[type=submit]{min-height:52px}.section-heading{margin:30px 0 15px}}
.detected-thumb{aspect-ratio:16/8;max-width:520px;margin:-4px 0 20px;background:#29232b;overflow:hidden}.detected-thumb img{display:block;width:100%;height:100%;object-fit:cover}

/* Public Trend Signal pages share the dark editorial system without exposing private data. */
.public-page{min-height:100vh;background:var(--bg);color:var(--ink)}
.public-shell{max-width:1180px;margin:0 auto;padding:28px 42px 34px}
.public-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:22px}
.public-brand{color:var(--ink);text-decoration:none}.public-hero{max-width:820px;padding:110px 0 96px}
.public-hero h1{font-size:clamp(52px,9vw,108px);line-height:.92;letter-spacing:-.07em;margin:20px 0 28px}
.public-lede{max-width:650px;font-size:clamp(18px,2.2vw,26px);line-height:1.35;color:var(--muted)}
.public-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:38px}.public-note{font:11px var(--mono);color:var(--muted);max-width:250px}
.public-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.public-grid article{padding:30px 28px 34px 0;border-right:1px solid var(--line);margin-right:28px}.public-grid article:last-child{border-right:0;margin-right:0}
.public-grid h2{font-size:24px;line-height:1.1;margin:15px 0 12px}.public-grid p{font-size:14px;line-height:1.6;color:var(--muted);max-width:300px}
.public-boundary{max-width:680px;padding:72px 0;color:var(--muted);font-size:16px;line-height:1.5}.public-boundary p{margin-top:15px}
.public-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font:11px var(--mono)}.public-footer nav{display:flex;gap:20px;flex-wrap:wrap}.public-footer a{color:var(--ink);text-decoration:none}.public-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.public-legal main{max-width:760px}.public-legal h1{margin-bottom:10px}.public-legal h2{font-size:22px;margin:32px 0 9px}.public-legal p{line-height:1.65;color:var(--muted)}.public-legal code{font:12px var(--mono);color:var(--ink)}
@media(max-width:760px){.public-shell{padding:18px 20px 28px}.public-header .button{min-height:42px;padding:10px 13px}.public-hero{padding:74px 0 64px}.public-hero h1{font-size:58px}.public-lede{font-size:19px}.public-grid{display:block}.public-grid article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:27px 0}.public-grid article:last-child{border-bottom:0}.public-grid p{max-width:none}.public-boundary{padding:54px 0}.public-footer{display:block;line-height:1.7}.public-footer nav{margin-top:16px;gap:12px 18px}.public-legal h2{font-size:20px;margin-top:27px}}

/* Final readability overrides come last so legacy responsive rules cannot shrink functional text. */
footer{font-size:13px;line-height:1.5;letter-spacing:.04em;gap:24px}footer span{font-size:13px}.badge{font-size:12px;line-height:1.45;padding:5px 9px}.history strong{font-size:16px}.history p,.history .mono{font-size:14px;line-height:1.55}.experiment-mini p{font-size:15px;line-height:1.55}.small{font-size:14px}.mono,.date{font-size:12px}.kicker,.eyebrow{font-size:12px}.button,button{min-height:44px;padding:11px 18px}.approved-account-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:620px){footer{font-size:14px;display:grid;gap:10px}footer span{font-size:14px}.button,button{min-height:48px}.mono,.date{font-size:13px}.badge{font-size:12px}.history strong{font-size:16px}.creator-meta-form .form-intro{display:block}.creator-meta-form .form-intro span{display:block;margin-top:8px}}

/* Functional reading sizes: dates and learning notes should remain legible
   at a glance on a phone as well as on the desktop research view. */
.learning-note{padding:18px 0}
.learning-note .learning-label{font-size:13px;line-height:1.4;letter-spacing:.06em}
.learning-note .learning-time{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:5px 0 8px}
.learning-note p{font-size:16px;line-height:1.6;margin:0 0 10px}
.timeline-post time,.timeline-post .date,.queue-item .date,.source{font-size:13px;line-height:1.5}
.build-meta{font:13px/1.5 var(--mono);color:var(--muted);margin:.5rem 0 0}
/* Promote functional metadata that was previously compressed for density. */
nav a,.section-head>a,.local,.post-identity,.snapshot-meta,.input-hint,
.queue-item small,.slim-statbar,.metric-numbers small,.media-metrics small,
.media-card-top,.media-card-foot .badge,.episode-number,.workspace-facts dt,
.timeline-post .data-caption,.checkpoint-strip div,.checkpoint-strip small,
.plot-label,.legend{font-size:13px;line-height:1.5}
.nav-label{font-size:12px;line-height:1.5}
@media(max-width:620px){
  .learning-note .learning-time{font-size:15px}
  .learning-note p{font-size:16px}
  .timeline-post time,.timeline-post .date,.queue-item .date,.source{font-size:13px}
}

/* Creator setup and inline Series creation stay calm, explicit and touch friendly. */
.creator-setup-notice,.system-setup{border-color:#76506a;background:linear-gradient(135deg,#2a2029,#1c1c1f)}
.creator-setup-notice h2,.system-setup h2{margin:10px 0 8px}
.setup-missing{font:13px/1.5 var(--mono);color:var(--muted)}
.inline-series-create{grid-column:1/-1;border:1px solid var(--line);padding:16px;margin:-4px 0 14px;background:#201d22}
.inline-series-create[hidden]{display:none}
.inline-series-create .field{margin-bottom:12px}
.inline-series-create button{margin-top:2px}
.inline-series-error{margin:8px 0 0}
@media(max-width:620px){.inline-series-create{padding:14px}.creator-setup-notice button,.system-setup button{width:100%}}


/* Global spacing system: shared component rhythm for forms, chips, cards and actions. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
}

/* Chips and metadata groups never touch one another or the content that follows. */
.chip-group,.chip-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:var(--space-2);
  row-gap:var(--space-2);
  margin:0 0 var(--space-3);
}
.chip-group:last-child,.chip-row:last-child{margin-bottom:0}
.metric-strip,.media-card-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:var(--space-2);
  row-gap:var(--space-2);
}
.metric-strip{margin-bottom:var(--space-3)}
.media-card-foot{margin-top:var(--space-4);margin-bottom:0}
.badge + .badge{margin-left:var(--space-2)}
.badge + .date,.badge + p{margin-top:var(--space-3)}

/* One field pattern is shared by every capture, admin and research form. */
.field{gap:var(--space-2);margin-bottom:var(--space-6)}
.field label{line-height:1.4}
.field input,.field select,.field textarea,.toolbar input,.toolbar select{padding:12px 16px}
.field select,.toolbar select,select{padding-right:48px}
.form-grid{column-gap:var(--space-4);row-gap:0}
.form-foot{padding-top:var(--space-5);margin-top:var(--space-5);gap:var(--space-4)}
details{margin-top:var(--space-4)}

/* Action groups have a predictable gap and a clear breathing space after copy. */
.actions,.button-group,.card-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:var(--space-2);
  row-gap:var(--space-2);
}
.card-actions{margin-top:var(--space-4)}
.panel > p + button,.panel > p + .button,
.panel > .note + button,.panel > .note + .button,
.panel > h2 + button,.panel > h2 + .button{margin-top:var(--space-3)}

/* Account rows stay readable when badges wrap on a phone. */
.approved-account-row{gap:var(--space-2);row-gap:var(--space-2);padding:var(--space-3) 0}

/* Cards use the same label → content → action rhythm. */
.media-card-top{margin-bottom:var(--space-2)}
.media-card-body{padding:var(--space-4)}
.media-card-foot{padding-top:var(--space-3)}
.series-card{gap:var(--space-4)}
.experiment-mini .badge + .small{margin-left:var(--space-2)}
.history{margin:var(--space-5) 0;padding:var(--space-4) 0 var(--space-4) var(--space-5)}
.learning-note{padding:var(--space-4) 0}

/* Keep the footer separated from the page and readable without visual weight. */
footer{margin-top:var(--space-8);padding:var(--space-5) 0 var(--space-3);font-size:14px;line-height:1.5}

@media(max-width:620px){
  .field{margin-bottom:var(--space-6)}
  .field select,.toolbar select,select{padding-right:48px}
  .form-foot{gap:var(--space-3)}
  .approved-account-row{padding:var(--space-3) 0}
  .card-actions{align-items:stretch}
  .card-actions > .button,.card-actions > button{min-width:min(100%,220px)}
  footer{padding:var(--space-5) 0 var(--space-4)}
}

/* Flex groups already provide the chip gap; avoid doubling it for adjacent badges. */
.chip-group .badge + .badge,
.chip-row .badge + .badge,
.metric-strip .badge + .badge,
.media-card-foot .badge + .badge,
.card-actions .badge + .badge{margin-left:0}

/* Higher-specificity form variants keep the shared field rhythm on mobile too. */
.capture-form .field,.inbox-quick .field{margin-bottom:var(--space-6)}
.inline-series-create .field{margin-bottom:var(--space-5)}

/* Keep explanatory text from sitting directly against a preceding action. */
button + p,.button + p{margin-top:var(--space-3)}