@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/bricolage-grotesque-latin.woff2') format('woff2')}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
:root{--navy:#122729;--navy-soft:#20383a;--paper:#f5f4ec;--surface:#fffef9;--mint:#bce7cb;--ink:#172c2c;--muted:#697773;--line:#dce0d4;--amber:#b57d32;--red:#9c4d45;--radius:16px;font-family:"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-smooth:always}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #74b78b;outline-offset:3px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;background:white;z-index:100}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--navy);color:#ebf1e9;padding:39px 22px 24px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:14px;margin:0 12px 50px;text-decoration:none;font-size:30px;line-height:1;font-weight:550;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#a6bdb2;margin:9px 0 0 2px}.brand-mark{width:34px;height:38px;position:relative;display:block}.brand-mark i{position:absolute;display:block;width:34px;height:15px;border:2px solid var(--mint);border-top:0;border-left:0;border-right:0;border-radius:0 0 50% 50%;transform:rotate(-20deg)}.brand-mark i:nth-child(2){top:9px}.brand-mark i:nth-child(3){top:18px}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#9ab0a7;margin:0 13px 17px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#b7c7bf;display:flex;align-items:center;text-align:left;gap:13px;padding:14px 13px;border-radius:9px;font-size:13px}.nav-item>span{font-size:20px;width:20px;text-align:center;color:#88a59a}.nav-item.active{color:#f5fff4;background:#29433e}.nav-item.active>span{color:var(--mint)}.nav-item:not(:disabled):hover{background:#26403b}.nav-item small{font-size:8px;letter-spacing:.5px;margin-left:auto;border:1px solid #526660;border-radius:3px;padding:3px}.future{margin-top:20px}.sidebar-note{padding:25px 13px;flex:1;min-height:150px;display:flex;flex-direction:column;justify-content:center}.small-wave{font-family:"Bricolage Grotesque",sans-serif;font-size:48px;color:#90b7a0;line-height:1}.sidebar-note p{font:italic 19px/1.45 "Bricolage Grotesque",sans-serif;letter-spacing:.1px;margin:12px 0}.sidebar-note small{font-size:11px;line-height:1.6;color:#8ba59a}.local-tools{border-top:1px solid #324942;padding-top:22px}.local-tools .nav-label{margin:0 8px 12px}.local-tools button{border:0;background:transparent;color:#c2d4c8;padding:9px 8px;font-size:11px;display:flex;justify-content:space-between;width:100%;text-align:left}.local-tools button:hover{color:white}.local-tools>small{display:block;padding:10px 8px 0;color:#81998e;font-size:10px;line-height:1.7}.workspace{margin-left:242px;min-height:100vh}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 43px;background:#f8f8f1}.environment{font-size:11px;letter-spacing:.2px;color:#6c7567;display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;background:#a68144;border-radius:50%}.session-control{display:flex;align-items:center;gap:11px}.session-control label{color:var(--muted);font-size:11px}.session-control select{font-size:12px;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 30px 8px 10px;background:var(--surface)}.icon-button{border:1px solid var(--line);color:var(--ink);background:var(--surface);width:32px;height:32px;border-radius:7px;font-size:18px}main{max-width:1400px;margin:auto;padding:43px 43px 50px;min-height:calc(100vh - 150px)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:650;color:#77836d;margin:0 0 12px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px}.page-heading h1{font:400 clamp(30px,3.5vw,45px)/1.12 "Bricolage Grotesque",sans-serif;letter-spacing:-1.2px;margin:0 0 12px}.page-heading p{font-size:12px;color:var(--muted);line-height:1.65;margin:0;max-width:490px}.button{border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#f1f5ec;padding:12px 17px;font-weight:550;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:13px}.button:hover{background:#2c4942}.button.secondary{color:var(--ink);border-color:#cdd5c7;background:transparent}.button.secondary:hover{background:#eaeede}.button.mint{background:var(--mint);border-color:var(--mint);color:var(--navy)}.button.small{padding:9px 12px;font-size:11px}.button.danger{background:#f5e9e1;color:var(--red);border-color:#e8cec0}.text-button{border:0;background:none;color:#3a6554;font-size:12px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 26px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;position:relative}.metric small{font-size:10px;letter-spacing:.4px;color:var(--muted)}.metric strong{font:400 35px/1.3 "Bricolage Grotesque",sans-serif;display:block;margin:9px 0 4px;letter-spacing:-.5px}.metric p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.metric-symbol{position:absolute;right:21px;top:20px;font-size:23px;color:#9dab98}.metric.highlight{background:#e7efdf;border-color:#d9e4d0}.journey{border:1px solid var(--line);border-radius:var(--radius);padding:24px 25px;margin-bottom:30px;background:linear-gradient(110deg,#eff2e8,#f8f7ed)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-head h2{font-size:14px;line-height:1.5;font-weight:550;margin:0}.section-head p{font-size:10px;color:var(--muted);margin:6px 0 0;line-height:1.6}.pill{border:1px solid #d6ddce;background:#f4f7ee;padding:5px 8px;font-size:9px;font-weight:550;border-radius:30px;display:inline-block;white-space:nowrap;color:#586653}.pill.success{background:#e4f0df;color:#386144;border-color:#cbdfc1}.pill.warn{background:#f7ead2;color:#936924;border-color:#e8d6b6}.pill.error{background:#f5e3db;color:#a54c3d;border-color:#e9cabf}.pill.neutral{background:#eff0e9;color:#6c7366}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:1px solid #cfd9c5;padding-top:16px}.step>span{font:12px "Bricolage Grotesque",sans-serif;background:#e4ebdb;color:#547053;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:9px}.step.done>span{background:var(--navy);color:var(--mint)}.step h3{font-size:11px;margin:0 0 6px;font-weight:600}.step p{font-size:10px;line-height:1.6;margin:0;color:var(--muted)}.step button{font-size:10px;margin-top:8px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:21px 22px 17px;border-bottom:1px solid #e5e8dd;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading small{font-size:10px;color:var(--muted)}.empty{padding:37px 23px;text-align:center}.empty .empty-symbol{width:47px;height:47px;background:#eef1e6;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-size:26px;color:#7f927b;margin-bottom:11px}.empty h3{font:400 20px "Bricolage Grotesque",sans-serif;margin:5px 0 10px}.empty p{font-size:11px;line-height:1.65;color:var(--muted);max-width:325px;margin:0 auto 17px}.trace-row{display:flex;gap:13px;padding:18px 21px;align-items:center;border-bottom:1px solid #e8ebe1}.trace-row:last-child{border-bottom:0}.trace-icon{width:35px;height:39px;border:1px solid #dce3d3;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f4f7ed;color:#769170;flex-shrink:0}.trace-info{flex:1;min-width:0}.trace-info strong{display:block;font-size:11px;font-weight:550;margin-bottom:6px}.trace-info small{font-size:9px;color:var(--muted);line-height:1.5}.trace-row>button{border:0;background:none;color:#667a62;font-size:18px;padding:10px;flex-shrink:0}.aside-card{background:#e9eee1;border:1px solid #dce4d2;border-radius:var(--radius);padding:25px 23px;align-self:start}.aside-card h2{font:400 23px/1.25 "Bricolage Grotesque",sans-serif;margin:0 0 15px}.aside-card p{font-size:11px;line-height:1.8;color:#657460;margin:0 0 18px}.receipt-layers{display:grid;gap:9px}.receipt-layer{font-size:10px;border:1px solid #d3dec8;padding:11px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#f3f7eb}.receipt-layer span{color:#769365}.aside-card .footnote{margin:19px 0 0;font-size:9px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.candidate-card{padding:23px}.candidate-card h3{font:22px "Bricolage Grotesque",sans-serif;margin:14px 0 10px}.candidate-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 17px}.candidate-card .price{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:17px 0}.candidate-card .price small{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}.candidate-card .button{width:100%}.meta-pair{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid #e4e8dc;padding:12px 0;overflow-wrap:anywhere}.meta-pair span{color:var(--muted)}.meta-pair strong{font-weight:550;text-align:right;max-width:72%}.split-bar{display:flex;height:9px;gap:3px;border-radius:3px;overflow:hidden;margin:17px 0}.split-bar span:nth-child(1){width:65%;background:#669879}.split-bar span:nth-child(2){width:20%;background:#aac398}.split-bar span:nth-child(3){width:15%;background:#dae2cb}.split-legend{display:flex;justify-content:space-between;font-size:10px;color:#617358;margin:10px 0 15px}.earnings-list{display:grid;gap:16px}.earning-card{padding:20px 23px}.earning-card header{display:flex;justify-content:space-between;align-items:center;gap:20px}.earning-card h3{font-size:13px;margin:0}.earning-card p{font-size:10px;color:var(--muted);line-height:1.7}.money-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:16px}.money-breakdown small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.money-breakdown strong{font-size:17px;font-weight:500}.notice{margin:20px 43px -15px;padding:13px 17px;border:1px solid #e6cabb;border-radius:9px;background:#f7e9e1;color:#884b3c;font-size:12px;line-height:1.6}.notice button{margin-left:12px;border:0;color:inherit;background:transparent;text-decoration:underline;cursor:pointer}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 43px;color:#8a9483;font-size:8px;letter-spacing:1px;border-top:1px solid var(--line)}dialog{max-width:690px;width:calc(100% - 36px);max-height:90vh;border:1px solid #d8dfd0;border-radius:18px;padding:0;color:var(--ink);background:var(--surface);box-shadow:0 20px 90px #071b2140}dialog::backdrop{background:#08232285;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 27px 20px;border-bottom:1px solid var(--line);gap:20px}.dialog-head h2{font:400 28px "Bricolage Grotesque",sans-serif;margin:0 0 6px}.dialog-head p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.close-button{width:29px;height:29px;border:0;border-radius:6px;background:#edf0e6;color:#66765f;font-size:20px;flex-shrink:0}.dialog-body{padding:23px 27px 27px}.dialog-body h3{font-size:13px;margin:20px 0 12px}.dialog-body h3:first-child{margin-top:0}.dialog-body>p{font-size:12px;color:var(--muted);line-height:1.7}.dialog-footer{border-top:1px solid var(--line);padding:20px 27px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#f6f8ef}.dialog-error{font-size:11px;color:var(--red);padding:12px;background:#f8e9e0;border-radius:7px;margin:0 0 16px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sample-button{padding:15px;border:1px solid #dbe2d2;background:#f5f8ee;border-radius:9px;text-align:left}.sample-button:hover{background:#e7efdd}.sample-button strong{display:block;font-size:12px;margin-bottom:6px}.sample-button small{font-size:10px;line-height:1.5;color:var(--muted);display:block}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field>label{font-size:11px;font-weight:550}.field>small{font-size:10px;color:var(--muted);line-height:1.6}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #d4dccb;background:#fffef9;border-radius:7px;font-size:12px;color:var(--ink);max-width:100%}.field textarea{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:145px;resize:vertical}.field input[type=file]{font-size:10px}.divider{border:0;border-top:1px solid var(--line);margin:23px 0}.json-view{background:#edf2e8;border:1px solid #dbe3d2;border-radius:9px;padding:15px;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;color:#466244}.hash{display:block;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#517253;background:#eff4e8;border-radius:6px;padding:10px;margin:7px 0 16px}.consent-check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;padding:13px;border:1px solid #d8e3cb;background:#f0f6e8;border-radius:8px}.consent-check input{margin-top:3px;accent-color:#456e4f}.toast{position:fixed;bottom:24px;right:25px;max-width:420px;background:var(--navy);color:#eef7e8;border:1px solid #537062;padding:16px 21px;border-radius:11px;box-shadow:0 6px 35px #0f2b2525;z-index:50;font-size:12px;line-height:1.6}.loading{display:flex;min-height:360px;justify-content:center;align-items:center;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.spinner{width:25px;height:25px;border:2px solid #d0dec4;border-top-color:#527a58;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-wide{grid-column:1/-1}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.legal-note{font-size:10px;line-height:1.7;color:#74806a;padding-top:15px}.audit-card{padding:30px;max-width:740px}.audit-card h2{font:26px "Bricolage Grotesque",sans-serif;margin:0 0 15px}.audit-card p{font-size:12px;line-height:1.8;color:var(--muted)}.audit-card .button{margin-top:10px}.operator-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
@media(min-width:1600px){.sidebar{width:260px;padding-left:30px;padding-right:30px}.workspace{margin-left:260px}main{padding-top:55px}.page-heading h1{font-size:48px}}@media(max-width:1120px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.workspace{margin-left:210px}main{padding:32px 27px}.topbar,.page-footer{padding-left:27px;padding-right:27px}.content-grid{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.metric{padding:20px}.metric strong{font-size:30px}.steps{gap:12px}.trace-row{padding:16px}.notice{margin-left:27px;margin-right:27px}}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.aside-card{display:none}.sidebar{width:190px}.workspace{margin-left:190px}.brand{font-size:25px;gap:10px;margin-left:8px}.nav-item{font-size:12px;padding:12px 8px}.nav-item>span{font-size:17px}.sidebar-note{padding-left:8px}.sidebar-note p{font-size:17px}.metrics{gap:10px}.metric{padding:18px 16px}.metric strong{font-size:27px}.metric-symbol{right:13px;font-size:18px}.page-heading{align-items:flex-start}.cards{grid-template-columns:1fr}.page-heading h1{font-size:33px}}@media(max-width:680px){.sidebar{position:static;width:auto;padding:19px 20px 11px}.brand{margin:0 0 17px;font-size:23px;gap:12px}.brand small{font-size:7px;margin-top:7px}.brand-mark{transform:scale(.8);transform-origin:left center;width:27px;height:32px}.sidebar>.nav-label,.sidebar-note,.local-tools,.future{display:none}.sidebar nav{display:flex;gap:4px;overflow:auto}.nav-item{white-space:nowrap;font-size:10px;padding:10px 10px;gap:6px;flex:1;justify-content:center}.nav-item>span{font-size:15px;width:auto}.workspace{margin-left:0}.topbar{height:58px;padding:0 20px}.environment{font-size:10px}.session-control{gap:7px}.session-control label{font-size:10px}.session-control select{font-size:11px;padding-top:6px;padding-bottom:6px}main{padding:27px 20px 35px;min-height:65vh}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-size:34px}.page-heading p{font-size:11px}.page-heading>.button{padding:10px 13px;font-size:11px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.metric{padding:15px 11px;border-radius:11px}.metric strong{font-size:22px;margin-top:11px}.metric small{font-size:9px;letter-spacing:0}.metric p{font-size:8px}.metric-symbol{display:none}.journey{padding:20px;margin-bottom:24px}.steps{grid-template-columns:repeat(2,1fr);gap:20px}.section-head{align-items:flex-start}.section-head h2{font-size:12px}.section-head .pill{font-size:8px}.trace-row{padding:15px 16px;gap:10px}.trace-info strong{font-size:10px}.trace-info small{font-size:8px}.trace-row .pill{font-size:8px;padding:4px 6px}.trace-icon{width:29px;height:33px;font-size:16px}.page-footer{padding:17px 20px;flex-direction:column;gap:9px;font-size:7px}.notice{margin:14px 20px -10px;font-size:11px}.dialog-head{padding:21px}.dialog-body{padding:20px}.dialog-footer{padding:18px 20px;flex-wrap:wrap}.dialog-head h2{font-size:25px}.dialog-footer .button{font-size:11px;white-space:normal}.sample-grid{grid-template-columns:1fr 1fr}.sample-button{padding:13px}.sample-button strong{font-size:11px}.money-breakdown strong{font-size:15px}.money-breakdown small{font-size:9px}.toast{left:20px;right:20px;bottom:20px;max-width:none}.audit-card{padding:23px}.meta-pair{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Compact sidebars keep navigation and local controls clear at laptop heights. */
@media (min-width: 681px) and (max-height: 800px) {
  .sidebar { overflow-y: auto; }
  .sidebar .sidebar-note { display: none; }
  .sidebar .local-tools { margin-top: auto; flex-shrink: 0; }
  .sidebar > .brand { margin-bottom: 28px; flex-shrink: 0; }
  .sidebar nav { flex-shrink: 0; margin-bottom: 24px; }
}
.inference-action { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; padding-top: 14px; }
.inference-action small { max-width: 270px; font-size: 10px; line-height: 1.7; color: var(--muted); }
.contributor-demo{margin-bottom:34px}.contributor-demo>.section-head{margin-top:0}.credential-card{padding:22px 24px;margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:28px;border-left:4px solid #c5ad80}.credential-card.linked{border-left-color:#5d956e;background:#fbfff8}.credential-card h2{font:400 23px "Bricolage Grotesque",sans-serif;margin:0 0 9px}.credential-card p:not(.eyebrow){font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:680px}.credential-status{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:7px;border-left:1px solid var(--line);padding-left:25px}.credential-status>strong{font-size:13px}.credential-status>small{font-size:9px;line-height:1.5;color:var(--muted)}.credential-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:6px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-card{padding:21px 22px}.portfolio-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.portfolio-card h3{font:400 20px/1.25 "Bricolage Grotesque",sans-serif;margin:0}.portfolio-summary{color:var(--muted);font-size:11px;line-height:1.65;margin:14px 0}.portfolio-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font-size:10px}.portfolio-facts small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.portfolio-actions{padding-top:10px}.portfolio-disclaimer{font-size:9px;color:var(--muted);margin:12px 2px}.privacy-callout{padding:12px 14px;margin:14px 0;background:#edf3e7;border:1px solid #d8e3d0;border-radius:8px;font-size:10px}.privacy-callout.warn{background:#f8eedc;border-color:#ead8ba}.privacy-callout p{margin:5px 0 0;line-height:1.6;color:var(--muted)}.import-preview .consent-check{margin-top:10px}.link-progress{text-align:center;padding:18px 8px}.link-progress .spinner{display:inline-block}.link-progress h3{font:400 21px "Bricolage Grotesque",sans-serif!important;margin:15px 0 8px!important}.link-progress p{font-size:11px;line-height:1.7;color:var(--muted);max-width:480px;margin:0 auto 18px}.estimate{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:16px;background:#edf4e7;border-radius:9px;margin-bottom:12px}.estimate strong{font:400 29px "Bricolage Grotesque",sans-serif}.estimate span{font-size:9px;color:var(--muted)}
@media(max-width:900px){.credential-card{grid-template-columns:1fr}.credential-status{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.portfolio-grid{grid-template-columns:1fr}}
@media(max-width:680px){.portfolio-facts{grid-template-columns:1fr}.contributor-demo>.section-head{flex-wrap:wrap}}
.capability-note{margin-top:10px!important;color:var(--red)!important}.helper-command{text-align:left;background:#edf2e8;border:1px solid #dbe3d2;border-radius:8px;padding:12px;margin-top:14px}.helper-command small{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.helper-command code{display:block;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#36553b;user-select:all}
.portfolio-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.link-progress.simple{padding:28px 10px}.link-progress.simple h3{margin-top:14px!important}.link-progress.simple p{margin-bottom:0}.credential-card{min-height:150px}.credential-card .capability-note{font-size:10px!important}
.technical-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.technical-details summary{cursor:pointer;font-size:11px;color:#3a6554}.technical-details .json-view{margin-top:12px}
.empty-truth{display:block;font-size:9px;color:var(--muted);margin-top:13px}.portfolio-card .pill{max-width:130px;overflow:hidden;text-overflow:ellipsis}.contributor-demo>.section-head{margin-bottom:14px}
.capture-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin-bottom:18px;background:#edf4e7}.capture-card h3{font:400 21px "Bricolage Grotesque",sans-serif;margin:0 0 7px}.capture-card p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0;line-height:1.6}.capture-summary p{font-size:12px;line-height:1.7;color:var(--muted)}.capture-command{display:block;padding:14px;background:#edf2e8;border:1px solid #dbe3d2;border-radius:8px;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.capture-connected{text-align:center;padding:14px}.capture-connected>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#e4f0df;color:#386144;font-size:22px}.capture-connected p{font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:680px){.capture-card{align-items:flex-start;flex-direction:column}.capture-card .button{width:100%}}
.brokerage-summary{margin-top:10px!important;color:var(--ink)!important;font-size:12px!important}

/* First-time setup keeps commands selectable and readable on narrow screens. */
.setup-command { display:flex; align-items:center; gap:12px; border:1px solid var(--line,#d5ddce); border-radius:10px; padding:12px; margin:12px 0 20px; background:var(--surface,#f5f7f1); }
.setup-command code { flex:1; min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.6; }
.setup-command button { flex-shrink:0; }
.setup-install { margin:18px 0; padding:14px; border:1px solid var(--line,#d5ddce); border-radius:10px; }
.setup-install summary { cursor:pointer; font-weight:600; }
.setup-path { display:block; overflow-wrap:anywhere; white-space:pre-wrap; padding:14px; background:#edf2e8; }
.setup-guide { max-width:760px; margin:48px auto; padding:24px; }
.setup-guide p,.setup-guide li { line-height:1.7; }
.setup-guide h1 { font-size:36px; }
.setup-guide h2 { margin-top:36px; }
@media(max-width:560px){.setup-command{align-items:flex-start;flex-direction:column}.setup-guide{margin:12px auto;padding:18px}.setup-guide h1{font-size:28px}}
.dialog-head p{font-size:14px;line-height:1.6}
.dialog-body>p,.dialog-body .setup-install p,.dialog-body .link-progress p,.capture-summary p,.capture-connected p{font-size:15px;line-height:1.7}
.dialog-footer .button,.dialog-footer .text-button{font-size:14px}
.setup-guide{font-size:16px}
/* Conversation library: one readable collection with live save boundaries. */
#conversation-library { margin-bottom: 28px; }
#conversation-library > .section-head { align-items: flex-start; flex-wrap: wrap; }
#conversation-library h1 { margin: 4px 0 8px; font-size: clamp(30px, 4vw, 42px); }
.library-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.library-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 26px 0; }
.library-metrics article { border: 1px solid #dce3d6; border-radius: 12px; padding: 22px; background: #f8faf4; }
.library-metrics small { display: block; color: #58645a; font-size: 13px; }
.library-metrics strong { display: block; font-size: 38px; margin: 7px 0; color: #173c36; }
.library-metrics p { color: #62716c; font-size: 13px; margin: 0; line-height: 1.5; }
.library-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 0 20px; }
.library-toolbar label:first-child { flex: 1; min-width: 220px; }
.library-toolbar input, .library-toolbar select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cad6c6; border-radius: 7px; background: #fff; font: inherit; color: #193b37; }
.library-toolbar select { width: auto; }
.library-list { border-top: 1px solid #dce3d6; }
.library-row { display: grid; grid-template-columns: 140px minmax(160px, 1fr) 210px 32px; align-items: center; gap: 20px; padding: 24px 4px; border-bottom: 1px solid #dce3d6; }
.library-origin { color: #264b45; font-size: 14px; font-weight: 600; }
.library-origin small, .library-progress small { display: block; color: #62716c; font-size: 12px; font-weight: 400; margin-top: 7px; line-height: 1.5; }
.library-title { display: block; border: 0; background: none; color: #173c36; padding: 0; text-align: left; cursor: pointer; font: inherit; font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
.library-title:hover { text-decoration: underline; }
.library-description p { margin: 7px 0 0; font-size: 13px; color: #63726b; line-height: 1.5; overflow-wrap: anywhere; }
.library-description .library-display-note { color: #87600e; }
.library-description .library-note-preview { color: #354f45; }
.library-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; font-size: 12px; color: #62716c; }
.library-value { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; background: #f1f5eb; border-radius: 12px; padding: 24px; margin-top: 28px; }
.library-value h3 { font-size: 18px; margin: 0 0 8px; }
.library-value p { font-size: 14px; line-height: 1.7; color: #62716c; }
.library-brokerage { border-top: 1px solid #dce3d6; padding-top: 20px; }
.library-brokerage > summary { cursor: pointer; padding-bottom: 15px; color: #486257; }
.library-attention { background: #fff8e7; color: #705215; border: 1px solid #e7d7a7; border-radius: 8px; padding: 14px 18px; font-size: 14px; line-height: 1.6; }
.library-detail-status { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 12px 0 20px; font-size: 13px; color: #365c50; }
.library-conversation { max-height: 55vh; overflow-y: auto; padding-right: 12px; margin-bottom: 24px; }
.library-turn { border-bottom: 1px solid #e1e7de; padding: 15px 0; }
.library-turn > small { color: #4c6c5e; text-transform: uppercase; letter-spacing: .05em; font-size: 11px; }
.library-turn pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.75 ui-monospace, monospace; color: #253e36; background: transparent; padding: 0; }
.library-history { border-top: 1px solid #dce3d6; padding: 18px 0; }
.library-history summary { cursor: pointer; color: #3f6253; }
.library-history li { margin: 12px 0; font-size: 13px; }
.library-history li small { display: block; margin-top: 4px; color: #62716c; }
.library-device { border-bottom: 1px solid #dce3d6; padding: 16px 0; }
.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; }
@media (max-width: 900px) { .library-row { grid-template-columns: 110px minmax(120px, 1fr) 170px 24px; gap: 12px; } }
@media (max-width: 650px) {
  .library-actions { width: 100%; }
  .library-metrics { gap: 8px; }
  .library-metrics article { padding: 13px 10px; }
  .library-metrics strong { font-size: 28px; }
  .library-metrics p { font-size: 11px; }
  .library-row { grid-template-columns: 1fr 28px; gap: 10px; }
  .library-origin { grid-column: 1; }
  .library-description { grid-column: 1; }
  .library-progress { grid-column: 1; }
  .library-row > .text-button { grid-column: 2; grid-row: 1 / span 3; }
  .library-value { grid-template-columns: 1fr; gap: 10px; padding: 20px; }
  .library-footer { flex-wrap: wrap; }
}

/* thot market: quiet workspace, with the mascot carrying the brand. */
:root{--paper:#f5f1e7;--surface:#fffcf5;--ink:#182016;--muted:#64705b;--line:#d9ddcc;--navy:#24391f;--navy-soft:#31482c;--mint:#d7ff00;--amber:#8b6526;--red:#9d4636;--radius:14px;font-family:"DM Sans",ui-sans-serif,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
body{background:var(--paper)}
.sidebar{background:var(--paper);color:var(--ink);border-right:1px solid var(--line);padding-top:30px}
.brand{color:var(--ink);gap:12px;margin-bottom:40px;font:700 33px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-1.5px;text-decoration:none}
.brand .thot-app-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0}
.brand small{font:500 13px/1.2 "DM Sans",sans-serif;letter-spacing:.01em;margin-top:5px;color:var(--muted)}
.nav-label{color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}
.nav-item{color:#5c6856;border-radius:10px;font-size:14px;letter-spacing:0;min-height:46px}
.nav-item:hover{background:#e9edde;color:var(--ink)}
.nav-item.active{background:var(--navy);color:var(--surface);box-shadow:none}
.nav-item>span{color:inherit}
.sidebar-note{border:0;color:var(--ink);margin-top:auto;padding-top:32px}
.sidebar-note p{font:400 25px/1.15 "Bricolage Grotesque",sans-serif;color:var(--ink)}
.sidebar-note small{color:var(--muted);font-size:11px;line-height:1.7}
.app-public-links{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:12px}
.app-public-links a{text-decoration:none;color:var(--navy)}
.app-public-links a:hover{text-decoration:underline}
.local-tools{color:var(--muted);border-color:var(--line);font-size:11px}
.local-tools summary,.local-tools button{color:var(--muted)}
.topbar{background:var(--paper);border-color:var(--line)}
.environment{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px}
.status-dot{background:#718b51;box-shadow:none}
.session-control label{color:var(--muted)}
.session-control select,.icon-button{border-color:var(--line);color:var(--ink);background:var(--surface)}
.page-footer{font-size:11px;letter-spacing:0;color:var(--muted)}
.page-footer a{margin-left:16px;text-underline-offset:4px}
.eyebrow{text-transform:none;letter-spacing:0;color:var(--muted);font-size:12px}
.page-heading h1,#conversation-library h1{font:400 clamp(34px,4vw,48px)/1.08 "Bricolage Grotesque",sans-serif;letter-spacing:-1.5px;color:var(--ink)}
.page-heading p,#conversation-library>.section-head p{font-size:14px;line-height:1.7;max-width:650px}
.page-heading p.eyebrow{font-size:12px;line-height:1.4}
.panel{background:var(--surface);border-color:var(--line);box-shadow:none}
.button{background:var(--navy);color:var(--surface);border-color:var(--navy);border-radius:8px;font-size:13px;min-height:42px;box-shadow:none;letter-spacing:0}
.button:hover{background:#39542e;color:var(--surface)}
.button.secondary{color:var(--navy);background:transparent;border:1px solid #bcc7af}
.button.secondary:hover{background:#e8eddd;color:var(--navy)}
.button:disabled{opacity:1;background:#e4e8da;border-color:#d2d9c7;color:#6b755f}
.text-button{color:var(--navy);font-size:12px;text-underline-offset:4px}
.button:focus-visible,.text-button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aa542;outline-offset:3px}
.section-head h2{font-size:17px;font-weight:550;letter-spacing:0}
.library-actions .button:first-child{background:var(--mint);color:var(--ink);border-color:#bed647}
.library-actions .button:first-child:hover{background:#cbed48}
.library-metrics{gap:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.library-metrics article{background:transparent;border:0;border-radius:0;padding:23px 25px}
.library-metrics article+article{border-left:1px solid var(--line)}
.library-metrics strong{color:var(--navy);font:400 38px "Bricolage Grotesque",sans-serif}
.library-metrics small{color:var(--muted);font-size:12px}
.library-metrics p{font-size:12px;line-height:1.6;color:var(--muted)}
.library-toolbar input,.library-toolbar select{background:var(--surface);border-color:#c4ceba;color:var(--ink);font-size:13px;border-radius:8px}
.library-list,.library-row,.library-brokerage,.technical-details{border-color:var(--line)}
.library-title{color:var(--ink);font-size:16px}
.library-origin{color:var(--navy);font-size:13px}
.library-description p,.library-origin small,.library-progress small,.library-footer{color:var(--muted)}
.library-row{padding:25px 5px}
.library-row:hover{background:#eff0e6}
.library-value{background:#e8eddd;border:1px solid #d7dfc9;gap:35px}
.library-value h3{font:400 23px "Bricolage Grotesque",sans-serif;color:var(--navy)}
.library-value p{color:#56664b;font-size:13px}
.library-brokerage summary{color:var(--muted);font-size:12px}
.pill{letter-spacing:0;text-transform:none;font-size:10px;border-radius:6px}
.pill.success{background:#e0edcf;color:#3f632c}
.pill.neutral{background:#eceee4;color:#5a6950}
.metric{background:var(--surface);border-color:var(--line);box-shadow:none}
.metric.highlight{background:#e9f0d8;border-color:#cddab4}
.metric small{text-transform:none;letter-spacing:0;font-size:12px}
.metric strong{color:var(--navy);font:400 38px "Bricolage Grotesque",sans-serif}
.metric p{font-size:12px;line-height:1.6;color:var(--muted)}
.earnings-status{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:-4px 0 24px;border-bottom:1px solid var(--line);padding-bottom:15px}
.earnings-status p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:65ch}
.earnings-status p:first-child{color:#7a612d}
.earning-card h3{font-size:15px;line-height:1.6}
.earning-card p,.appraisal-separation p{font-size:12px;line-height:1.7;color:var(--muted)}
.earning-card .money-breakdown{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:15px}
.money-breakdown strong{font-size:15px;overflow-wrap:anywhere}
.pending-payments{padding:24px}
.pending-payments h2{font:400 23px "Bricolage Grotesque",sans-serif;margin:0 0 15px}
.earnings-explanation{background:var(--navy);border:0;color:var(--surface);padding:26px;border-radius:12px}
.earnings-explanation h2{color:var(--surface);font:400 26px/1.15 "Bricolage Grotesque",sans-serif}
.earnings-explanation p{color:#d1d9c5;font-size:12px;line-height:1.8}
.earnings-explanation .text-button{color:var(--mint)}
.thot-proposal{max-width:890px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.thot-proposal-intro{display:flex;align-items:center;gap:24px;margin-bottom:26px}
.thot-proposal-logo{width:104px;height:104px;object-fit:contain}
.proposal-status{color:#7b6428;font-size:12px;margin:0 0 12px}
.thot-proposal h2{font:400 30px/1.12 "Bricolage Grotesque",sans-serif;letter-spacing:-.6px;margin:0 0 10px}
.thot-proposal-intro p:last-child{max-width:58ch;color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.thot-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}
.thot-terms article{padding:25px;background:#f4f5eb;border-bottom:1px solid var(--line)}
.thot-terms article+article{border-left:1px solid var(--line);background:#e7efce}
.thot-terms span{font-size:13px;color:#536349}
.thot-terms strong{display:block;font:400 58px/1 "Bricolage Grotesque",sans-serif;color:var(--navy);margin:18px 0}
.thot-terms p,.thot-terms-note{max-width:68ch;font-size:13px;line-height:1.7;color:var(--muted)}
.thot-terms-note{margin:23px 0}
.thot-unavailable{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}
.thot-details{display:grid;grid-template-columns:1fr 1fr;gap:42px;max-width:890px;margin:32px 0}
.thot-details h2{font:400 24px/1.15 "Bricolage Grotesque",sans-serif;color:var(--navy)}
.thot-details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:60ch}
.thot-details a{font-size:13px;text-underline-offset:4px}
.dialog-head h2{color:var(--ink)}
.dialog-body .field>label{font-size:13px}
.dialog-body .field>small,.dialog-body .legal-note{font-size:12px}
.dialog-body .field input,.dialog-body .field select{font-size:14px;min-height:44px}
.dialog-body .meta-pair,.consent-check{font-size:13px;line-height:1.7}
.dialog-footer{background:#f0f2e6}
@media(max-width:900px){.brand{font-size:28px;gap:7px}.brand .thot-app-logo{width:44px;height:44px}.thot-proposal{padding:25px}.thot-details{gap:26px}.sidebar-note p{font-size:23px}.earnings-explanation{display:block}}
@media(max-width:680px){.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:17px 18px 10px}.brand{font-size:27px;margin:0 0 18px}.brand .thot-app-logo{width:44px;height:44px}.brand small{font-size:11px;margin-top:4px}.sidebar nav{padding-bottom:4px}.nav-item{font-size:11px;min-height:42px;flex:none;padding:9px 12px}.nav-item>span{display:none}.library-metrics article{padding:16px 12px}.library-metrics strong{font-size:30px}.library-metrics small{font-size:11px}.library-metrics p{font-size:10px}.page-heading h1,#conversation-library h1{font-size:37px}.page-heading p,#conversation-library>.section-head p{font-size:13px}.library-actions{gap:8px}.library-actions .button{font-size:12px;padding:11px}.metrics{grid-template-columns:1fr}.metric{padding:17px 20px}.metric strong{margin:9px 0}.earnings-status{gap:9px}.thot-proposal{padding:22px 18px}.thot-proposal-intro{gap:14px;align-items:flex-start}.thot-proposal-logo{width:62px;height:62px}.thot-proposal h2{font-size:25px}.thot-terms article{padding:18px 14px}.thot-terms span{font-size:11px}.thot-terms strong{font-size:43px}.thot-terms p{font-size:12px}.thot-details{grid-template-columns:1fr;gap:7px;margin:26px 0}.page-footer a:first-child{margin-left:0}.earnings-explanation{padding:24px}}

/* Direct THOT staging uses the same spacing and controls as the private vault. */
.thot-workspace .panel { padding: 1.5rem; margin-bottom: 1.25rem; }
.thot-workspace .panel h2, .thot-workspace .panel h3 { margin-top: 0; }
.thot-workspace .panel label { display: block; font-size: .875rem; margin: 1rem 0 .4rem; }
.thot-workspace .panel input, .thot-workspace .panel select { width: 100%; max-width: 25rem; padding: .65rem .8rem; border: 1px solid #c9ccbf; border-radius: .5rem; background: #fffdf5; font: inherit; }
.thot-workspace .panel .button { margin: .6rem .5rem 0 0; }
.thot-workspace .mono, .thot-workspace code { overflow-wrap: anywhere; }
.thot-workspace .metric p { overflow-wrap: anywhere; }
.thot-workspace .metric strong { font-size: clamp(24px, 2.5vw, 36px); overflow-wrap: anywhere; }
.thot-filters { display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; max-width: 40rem; }
.thot-tier-scroll { overflow-x: auto; }
.thot-tier-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .875rem; }
.thot-tier-table th, .thot-tier-table td { padding: 1rem .8rem; border-bottom: 1px solid var(--line); }
.thot-tier-table thead { color: var(--muted); }
.thot-tier-table tbody td:first-of-type { font-size: 1.5rem; color: var(--navy); }
.thot-lock-lot { border-top: 1px solid var(--line); padding: .8rem 0; }
.thot-workspace .thot-order .pill, .thot-workspace .earning-card .pill { margin-bottom: 1rem; }
@media(max-width:680px) { .thot-filters { grid-template-columns: 1fr; gap: 0; } .thot-tier-table th, .thot-tier-table td { padding: .8rem .5rem; } }
.thot-workspace .section-head { gap: 1rem; flex-wrap: wrap; }
.thot-valuations { margin-top: 2rem; }
.thot-valuation { padding: 1.25rem 0; border-top: 1px solid var(--line); }
.thot-valuation h3 { overflow-wrap: anywhere; }
.thot-metric-number { display: block; white-space: nowrap; font-size: clamp(20px, 2.1vw, 30px); }
.thot-metric-unit { display: block; font-size: .875rem; margin-top: .4rem; }
#detail-dialog input:not([type=checkbox]), #detail-dialog textarea { max-width: 100%; }

.thot-settlement { padding: .8rem 1rem; border-left: 3px solid var(--olive); background: var(--cream, #f7f5e8); font-size: .875rem; }
.thot-message { padding: 1rem 0; border-top: 1px solid var(--line); }
.thot-message .eyebrow { margin: 0 0 .6rem; }
.thot-message-content { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9375rem; line-height: 1.75; }
.thot-release-license { background: #f1f0e5; padding: 1rem 1.2rem; margin: 1rem 0; border-radius: .5rem; }
#thot-price-share { padding: .75rem 0; color: var(--navy); font-size: .875rem; line-height: 1.6; }

.environment-cards > .panel { min-width: 0; }
.environment-cards .meta-pair { gap: 1rem; align-items: start; }
.environment-cards .meta-pair strong { overflow-wrap: anywhere; text-align: right; }
.environment-cards table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.environment-cards th, .environment-cards td { padding: .5rem .25rem; overflow-wrap: anywhere; text-align: left; }
@media (max-width: 600px) {
  .environment-cards { grid-template-columns: 1fr; }
  .environment-cards .meta-pair { flex-wrap: wrap; }
}
.operations-heading { display: block; margin-bottom: 1.5rem; }
.operations-heading h1 { margin: .25rem 0 .75rem; }
.operations-heading > p { max-width: 70ch; }
.environment-cards .meta-pair { font-size: .9rem; }
.environment-cards > .panel { padding: 1.25rem; overflow: visible; }
.environment-cards .meta-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.environment-cards .meta-pair > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }