:root{--ink:#141414;--paper:#faf7f0;--purple:#7c3aed;--green:#10b981;--line:#d9d4ca;--muted:#716d66;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:var(--sans)}
body{margin:0;min-width:0}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.command-bar{height:68px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 28px;gap:36px;position:sticky;top:0;background:rgba(250,247,240,.97);z-index:10}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:190px}.brand img{display:block}.brand span{display:grid;line-height:1}.brand b{font-size:15px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.16em;margin-top:5px;color:var(--muted)}
.mode-tabs{height:100%;display:flex;align-items:stretch}.mode-tab{border:0;background:transparent;padding:0 16px;font-size:12px;font-weight:700;color:var(--muted);position:relative}.mode-tab.is-active{color:var(--ink)}.mode-tab.is-active:after{content:"";height:3px;background:var(--purple);position:absolute;left:15px;right:15px;bottom:0}
.bar-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.sync-state{font-size:11px;color:var(--muted)}.sync-state i,.status-line i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}
.icon-button{width:34px;height:34px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;font-size:18px;border-radius:50%}.icon-button:hover{border-color:var(--ink);transform:rotate(-5deg)}
main{min-width:0}.view{display:none;animation:view-in .22s ease both}.view.is-active{display:block}@keyframes view-in{from{opacity:0;transform:translateY(5px)}}
.workspace-head{min-height:164px;padding:34px 42px 30px;display:flex;align-items:end;gap:38px;border-bottom:1px solid var(--ink)}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;color:var(--purple);margin:0 0 12px}.workspace-head h1{font:normal 40px/1 var(--serif);margin:0}.subline{font-size:12px;color:var(--muted);margin:11px 0 0}.head-metric{margin-left:auto;border-left:1px solid var(--line);padding-left:24px;display:grid}.head-metric span{text-transform:uppercase;font-size:9px;letter-spacing:.12em}.head-metric strong{font:normal 32px/1.1 var(--serif);margin-top:5px}
.primary-button{border:0;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;padding:14px 18px;letter-spacing:.02em}.primary-button:hover{background:var(--purple)}.primary-button:disabled{background:var(--green)}
.board{display:grid;grid-template-columns:218px minmax(430px,1fr) 292px;min-height:455px;border-bottom:1px solid var(--ink)}
.experiment-index,.lab-note{padding:24px;border-right:1px solid var(--line)}.lab-note{border-right:0;border-left:1px solid var(--line)}
.stage-link{width:100%;display:grid;grid-template-columns:24px 1fr auto;text-align:left;gap:8px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:11px}.stage-link span{color:var(--muted)}.stage-link b{font-size:10px;color:var(--muted)}.stage-link.is-active{color:var(--purple)}
.margin-note{margin-top:28px;border-top:3px solid var(--ink);padding-top:10px;display:grid}.margin-note span,.margin-note small{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.margin-note strong{font:normal 28px var(--serif);margin:5px 0}.margin-note small{color:var(--green)}
.checklist{min-width:0}.checklist-head{height:70px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.checklist-head>div{display:grid}.checklist-head span{font:normal 20px var(--serif)}.checklist-head small{font-size:10px;color:var(--muted);margin-top:3px}.add-button{margin-left:auto}
.check-row{display:grid;grid-template-columns:42px minmax(0,1fr) 36px 34px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);position:relative;transition:background .15s}.check-row:hover{background:#f4efe6}.check-toggle{width:24px;height:24px;border:1px solid var(--ink);border-radius:50%;background:transparent}.check-toggle span{opacity:0}.is-done .check-toggle{background:var(--green);border-color:var(--green);color:white}.is-done .check-toggle span{opacity:1}.check-content{text-align:left;border:0;background:transparent;display:grid;min-width:0}.check-content b{font-size:13px}.check-content small{font-size:10px;color:var(--muted);margin-top:5px}.is-done .check-content b{text-decoration:line-through;text-decoration-color:#aaa}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:8px;font-weight:700}.row-remove{width:28px;height:28px;border:0;opacity:0}.check-row:hover .row-remove{opacity:1}.row-detail{grid-column:2/-1;font-size:10px;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.check-row.is-open .row-detail{max-height:50px;padding-top:12px}
.quick-add{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line)}.quick-add input{min-width:0;flex:1;border:0;border-bottom:1px solid var(--ink);background:transparent;outline:none}.quick-add button,.empty-state button{border:0;background:transparent;font-size:10px;font-weight:bold}.quick-add button[type=submit],.empty-state button{color:var(--purple)}.empty-state{padding:56px 20px;text-align:center;display:grid;gap:8px}.empty-state[hidden],.quick-add[hidden]{display:none}
.lab-note blockquote{font:italic 22px/1.35 var(--serif);margin:22px 0 26px}.lab-note dl{margin:0 0 28px}.lab-note dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;font-size:10px}.lab-note dt{color:var(--muted)}.lab-note dd{margin:0}.positive{color:var(--green)}.lab-note label{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.lab-note textarea{resize:none;width:100%;border:0;border-top:1px solid var(--ink);background:transparent;padding:10px 0;margin-top:7px;font:13px/1.4 var(--serif);outline:none}
.event-stream{display:grid;grid-template-columns:218px 1fr;min-height:190px}.stream-title{padding:22px 24px;border-right:1px solid var(--line);display:grid;align-content:start}.stream-title span{font:18px var(--serif)}.stream-title small{font-size:9px;color:var(--muted);margin-top:4px}.event{display:grid;grid-template-columns:52px 34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line);font-size:11px}.event time{font:14px var(--serif)}.event p{margin:0}.event b{color:var(--purple);font-size:10px}
.analysis-grid{display:grid;grid-template-columns:40% 60%;min-height:530px}.metric-ledger,.version-table{padding:30px 42px}.metric-ledger{border-right:1px solid var(--ink)}.big-number{font:42px var(--serif);padding:28px 0}.big-number small{display:block;font:10px var(--sans);color:var(--muted);margin-top:8px}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:16px 0;font-size:11px;border-top:1px solid var(--line)}.ledger-row i{grid-column:1/-1;height:3px;background:linear-gradient(to right,var(--purple) var(--w),var(--line) var(--w))}.version-table table{width:100%;border-collapse:collapse;margin-top:28px;text-align:left;font-size:11px}.version-table th{font-size:9px;text-transform:uppercase;color:var(--muted)}.version-table th,.version-table td{padding:15px 10px;border-bottom:1px solid var(--line)}.version-table .current{background:#eee7ff}.version-table em{font-size:8px;color:var(--purple)}
.import-sheet{max-width:760px;margin:50px auto;padding:0 24px}.import-sheet>div:first-child{display:grid;grid-template-columns:46px 1fr;align-items:start}.import-sheet h2{font:28px var(--serif);margin:0}.import-sheet p{grid-column:2;font-size:11px;color:var(--muted)}.sheet-index{font:18px var(--serif);color:var(--purple)}.file-row{width:100%;display:grid;grid-template-columns:44px 1fr auto 20px;align-items:center;text-align:left;border:1px solid var(--ink);background:transparent;padding:18px;margin:24px 0}.file-row>span{font-size:9px}.file-row b{font-size:12px}.file-row small{color:var(--muted)}.file-row i{color:var(--green)}.mapping{display:grid;grid-template-columns:1fr 30px 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:24px}.mapping span,.mapping b{background:var(--paper);padding:12px;font-size:10px}.mapping b{text-align:center;color:var(--purple)}.import-result{display:grid;margin-top:20px;border-left:4px solid var(--green);padding:8px 14px}.import-result[hidden]{display:none}.import-result b{font:18px var(--serif)}.import-result span{font-size:10px;color:var(--muted)}
.public-status{max-width:770px;margin:58px auto;padding:0 28px}.status-seal{width:80px;height:80px;border:2px solid var(--purple);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--purple);font:bold 20px/1 var(--serif);transform:rotate(-6deg);margin-bottom:36px}.status-seal span{font:9px var(--sans)}.public-status h1{font:48px/1 var(--serif);max-width:600px;margin:12px 0}.public-status>p:not(.eyebrow){font:17px/1.5 var(--serif);max-width:600px;color:var(--muted)}.status-line{display:grid;grid-template-columns:18px 1fr auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;margin:42px 0;font-size:11px}.status-line b{color:var(--green)}.status-history>div{display:grid;grid-template-columns:80px 1fr auto;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px}.status-history time{font:14px var(--serif)}.status-history b{color:var(--green)}
.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:var(--paper);padding:13px 17px;font-size:11px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.is-visible{transform:none;opacity:1}
@media(max-width:800px){
  .command-bar{height:auto;min-height:62px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:8px}.brand{min-width:0}.brand img{width:34px}.bar-actions{margin:0}.sync-state{display:none}.mode-tabs{grid-column:1/-1;order:3;overflow-x:auto;border-top:1px solid var(--line);margin:0 -14px -10px;padding:0 8px}.mode-tab{height:42px;padding:0 10px;flex:1}.mode-tab.is-active:after{left:8px;right:8px}
  .workspace-head{padding:24px 18px;min-height:0;display:grid;grid-template-columns:1fr auto;gap:18px}.workspace-head h1{font-size:32px}.workspace-head>div:first-child{grid-column:1/-1}.head-metric{margin:0;border:0;padding:0}.head-metric strong{font-size:26px}.primary-button{justify-self:end}
  .board{display:block}.experiment-index{border-right:0;border-bottom:1px solid var(--ink);padding:14px 18px;overflow-x:auto;display:flex;gap:18px;align-items:center}.experiment-index .section-label,.margin-note{display:none}.stage-link{min-width:120px;border-bottom:0;padding:7px 0}.lab-note{border:0;border-top:1px solid var(--ink);padding:22px 18px}.lab-note blockquote{font-size:20px}.checklist-head{padding:0 18px}.check-row{padding:15px 14px;grid-template-columns:38px minmax(0,1fr) 34px 28px}.row-remove{opacity:.6}
  .event-stream{display:block}.stream-title{border:0;border-bottom:1px solid var(--line);padding:18px}.event{grid-template-columns:44px 30px minmax(0,1fr);padding:11px 18px}.event>b{grid-column:3}
  .analysis-grid{display:block}.metric-ledger,.version-table{padding:24px 18px}.metric-ledger{border-right:0;border-bottom:1px solid var(--ink)}.version-table{overflow-x:auto}.version-table table{min-width:520px}.big-number{font-size:36px}
  .import-sheet{margin:28px auto;padding:0 18px}.file-row{grid-template-columns:36px 1fr 18px}.file-row small{grid-column:2;margin-top:5px}.mapping{grid-template-columns:1fr 22px 1fr}
  .public-status{margin:34px auto;padding:0 18px}.public-status h1{font-size:38px}.status-seal{width:66px;height:66px;margin-bottom:28px}.status-line{grid-template-columns:18px 1fr}.status-line b{grid-column:2;margin-top:7px}.status-history>div{grid-template-columns:68px 1fr}.status-history b{grid-column:2;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
