/* Light, task-first studio. Video controls remain independent of page theme. */
:root{color-scheme:light;--bg:#f6f5f1;--surface:#fff;--soft:#f3f2ee;--text:#252623;--muted:#6e716a;--line:#e5e5df;--blue:#a43724;--accent:#c4482f;--onaccent:#fff;--danger:#ab3431;--good:#316c4c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--text)}
body{padding:0;background:var(--bg)}
#app,.review-mode #app{display:grid;grid-template-columns:205px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;max-width:1280px;min-height:100dvh;margin:0 auto;border:0;border-radius:0;background:var(--bg);box-shadow:none;overflow:visible}
header.brand,.review-mode header.brand{grid-column:1/-1;grid-row:1;display:flex;padding:24px 36px;border-bottom:1px solid var(--line);background:var(--bg);gap:13px}
.brand-mark,.review-mode .brand-mark{display:flex;align-items:center;justify-content:center;background:#292b26;color:#fff;border-radius:12px;width:42px;height:42px;padding:0;font-size:30px;font-weight:750;letter-spacing:-4px}.brand-mark span{font-size:20px;color:#faaf95;align-self:flex-start;margin:3px 4px 0 0}.brand-dot{color:var(--accent)}
header.brand h1,.review-mode header.brand h1{font-size:22px;font-weight:750;letter-spacing:-.8px}.brand p,.review-mode .brand p{display:block;font-size:11px;letter-spacing:.02em;margin-top:0;color:var(--muted)}
#connection,.review-mode #connection{font-size:11px;color:#4d6152;background:#ebeee7;padding:7px 11px;border-radius:30px;margin-left:auto;white-space:nowrap}
#navigation,.review-mode #navigation{grid-column:1;grid-row:2/5;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;border:0;background:transparent;padding:32px 15px;gap:6px;border-radius:0;z-index:5}
.nav-caption{font-size:9px;letter-spacing:.1em;color:var(--muted);margin:0 8px 15px;font-weight:600}.nav-foot{font-size:12px;padding:24px 12px;margin-top:40px;color:var(--text)}.nav-foot span{font-size:10px;color:var(--muted)}
nav button,.review-mode nav button{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;background:transparent;border-radius:9px;font-size:13px;min-height:46px;padding:10px 12px;white-space:nowrap}
nav button b{font-size:22px;line-height:1;font-weight:400;width:24px;text-align:center}nav button[aria-pressed=true],.review-mode nav button[aria-pressed=true]{background:#e9e8e1;color:#252623;font-weight:650;border-color:transparent}
button{border-radius:9px;background:var(--soft);font-weight:550;padding:11px 16px;min-height:44px;transition:background .15s,color .15s}button:hover:not(:disabled){background:#e9e8e1;border-color:transparent}button.primary{background:var(--accent);color:white;box-shadow:0 2px 4px #73301f13}button.primary:hover:not(:disabled){background:#aa3924}button.secondary{border:1px solid #d8d9d2;background:white}button.quiet{color:var(--muted)}button.text-button{font-size:12px;min-height:0;padding:0 3px;color:var(--blue);background:none}
button[aria-pressed=true]{background:#292b26;color:#fff}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ce795c;outline-offset:3px}
.wallet,.review-mode .wallet{grid-column:2;grid-row:2;padding:25px 32px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;background:transparent}
.wallet-label,.review-mode .wallet-label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;color:var(--muted);padding:0 2px 2px}.wallet-label span{font-size:10px}.wallet-label span:last-child{letter-spacing:0}
.wallet button,.review-mode .wallet button{display:block;border:1px solid var(--line);background:#fff;text-align:left;border-radius:12px;padding:15px 19px;min-height:102px;white-space:normal}
.wallet button:hover{border-color:#bcbbb3;background:#fff}.wallet strong,.review-mode .wallet strong{display:block;font-size:29px;line-height:1.1;margin:7px 0;letter-spacing:-.7px;font-weight:620}.wallet button span,.review-mode .wallet button span:first-child{display:block;font-size:12px;color:var(--muted)}.wallet button span:last-child,.review-mode .wallet button span:last-child{display:block;font-size:10px}
main,.review-mode main{grid-column:2;grid-row:3;padding:32px;min-width:0;min-height:300px}#message{position:fixed;top:18px;left:50%;transform:translateX(-50%);margin:0;padding:13px 20px;max-width:min(620px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #26282326;z-index:30;font-size:13px;color:var(--text)}#message.error,.review-mode #message.error{background:#fff4ef;border-color:#e8b5a5;color:#963b29}
footer,.review-mode footer{display:block;grid-column:2;grid-row:4;color:#7c7f77;font-size:10px;padding:12px 24px 24px}
h2{font-size:29px;font-weight:650;letter-spacing:-.8px;line-height:1.2;margin-bottom:9px}h3{font-weight:650;font-size:17px;letter-spacing:-.2px}.small{font-size:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:4px 0 24px}.page-heading>.primary{flex-shrink:0}.eyebrow{font-size:9px;font-weight:650;letter-spacing:.13em;color:var(--muted);margin:0 0 9px}.page-heading .small{max-width:500px}.page-heading h2{max-width:640px;overflow-wrap:anywhere}
.pill-row{gap:5px;margin:16px 0 22px}.pill-row button{background:transparent;font-size:12px;min-height:34px;padding:6px 12px}.pill-row button[aria-pressed=true]{background:#292b26;color:white;border-radius:20px}
.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 16px}.project-card{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;min-width:0;padding:22px;box-shadow:0 3px 6px #26282303}.project-top{display:flex;align-items:center;gap:9px;margin-bottom:22px}.project-number{font-size:11px;color:#94968e;font-variant-numeric:tabular-nums}.project-top .badge{font-size:10px;line-height:1.3;padding:5px 8px}.project-more{margin-left:auto;min-height:30px;padding:0 5px;background:none;font-size:22px}.project-card h3{font-size:20px;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}.project-query{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.project-tags>span{font-size:10px;background:#f4f4ef;border-radius:5px;padding:4px 7px;color:var(--muted)}
.project-footer{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:20px}.project-footer>span{font-size:10px;color:var(--muted)}.project-footer button{font-size:12px;width:100%}.project-card .goal-banner{margin:18px 0 0;padding:10px 12px;background:#f4f6f0}.badge.status-success{color:#356749;background:#eaf1e6}.badge.status-loading{color:#8e5d26;background:#f8eedb}.badge.status-warning{color:#9e3c27;background:#f9e9e2}.badge.status-neutral{color:#65685f;background:#f0f0eb}
.project-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-8px 0 22px;font-size:11px;color:var(--muted)}.project-breadcrumb button{padding:0;min-height:30px;font-size:12px}
.flow-steps{display:flex;list-style:none;margin:0 0 25px;padding:0;gap:10px}.flow-steps li{flex:1;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);border-bottom:2px solid var(--line);padding-bottom:14px}.flow-steps span{width:22px;height:22px;display:grid;place-items:center;background:#eaeae3;border-radius:50%;font-size:10px}.flow-steps .done{border-color:#76917c;color:#45634b}.flow-steps .current{border-color:var(--accent);color:var(--text);font-weight:650}.flow-steps .current span{background:var(--accent);color:white}
.search-panel{display:flex;align-items:center;gap:17px;background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 16px}.search-symbol{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:22px}.status-success .search-symbol{background:#eaf2e7;color:#35694d}.status-warning .search-symbol{background:#fbe9e0;color:#a4452a}.status-loading .search-symbol{background:#f7edd9;color:#966127}.search-copy{flex:1;min-width:0}.search-copy h3{margin-bottom:7px;font-size:18px}.search-copy p{font-size:12px;color:var(--muted)}.search-copy .search-meta{font-size:10px;margin-top:10px}.search-panel>.primary{flex:0 0 auto;max-width:215px;font-size:12px}.search-panel.status-warning{border-color:#e6c5b7}.search-panel.status-loading{border-color:#e3d2ab}
.result-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 14px}.result-funnel>div{border-right:1px solid var(--line);padding:0 15px}.result-funnel>div:last-child{border:0}.result-funnel strong{display:block;font-size:26px;font-weight:550;letter-spacing:-.6px}.result-funnel span{font-size:10px;color:var(--muted)}.search-details{margin-bottom:24px}.search-details summary{font-size:12px;color:var(--muted)}.search-details p{font-size:12px;color:var(--muted)}
.goal-banner{background:#eaf0e5;border:0;border-radius:10px;padding:12px 15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:12px;margin:20px 0}.goal-banner strong{color:#3f6246;font-weight:600}.goal-banner span{font-size:11px;color:#60735e}.project-card .goal-banner{flex-direction:column;align-items:flex-start;gap:5px}
.project-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:22px}.project-overview p{font-size:12px;color:var(--muted)}.project-overview .line{font-size:12px}.project-overview .card{margin:0;padding:23px}.project-overview h3{font-size:14px;margin-bottom:16px}.automation-settings,.technical-details{background:transparent;border-top:1px solid var(--line);padding:12px 0;margin-top:24px}.automation-settings summary,.technical-details summary{font-size:13px;color:var(--muted)}.technical-details p,.automation-settings p{font-size:12px;color:var(--muted)}
label{font-size:12px;color:#4d5148;font-weight:550}input:not([type=checkbox]),textarea,select{background:white;border:1px solid #d7d9d1;border-radius:9px;padding:12px;font-size:14px;color:var(--text);font-weight:400}.fields{gap:20px}textarea{min-height:105px}.fields .hint{font-weight:400}.notice{background:#eeeee8;color:var(--muted);line-height:1.5;font-size:12px;border-radius:9px}.notice.warn{background:#fae9e0;color:#9e402a}.instruction-guide{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 17px;margin-bottom:24px}.instruction-guide summary{color:var(--text);font-size:13px}.instruction-card{background:none;border:0;margin:0;padding:16px 0}.instruction-card h3{font-size:16px}.instruction-card button{font-size:12px}.import-steps{margin:25px 0}.import-steps span{color:var(--text);background:#e6e6de}.import-lead{font-size:16px;color:var(--muted);max-width:500px}.import-source{min-height:190px;background:#fff;font-size:13px;font-weight:400;line-height:1.6}.import-result{box-shadow:0 3px 8px #2b2e2306}.import-result h3{font-size:23px}.import-query{font-size:13px;color:var(--muted)}.import-facts>div{font-size:12px;grid-template-columns:150px 1fr}.import-result>.badge{background:#eaf1e5;color:#45654a}.editor-advanced{background:white;border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin-top:2px}.editor-advanced summary{color:var(--muted);font-size:12px}.editor-advanced>.fields{margin-top:14px}#project-form{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.daily-cap{background:#fff;border-color:#d9c1af;box-shadow:0 2px 8px #56322305}.daily-cap p.small{font-size:12px}.daily-cap form{margin:20px 0}.money-grid{margin:22px 0}.money-grid .card{padding:20px}.money-grid strong{font-size:25px}.section-title{margin:26px 0 15px}.line{font-size:13px}details>summary{color:var(--muted)}
dialog{border-radius:18px;border:1px solid var(--line);padding:30px;max-width:540px;box-shadow:0 25px 80px #20251d33;background:#fff}dialog::backdrop{background:#25292280;backdrop-filter:blur(4px)}dialog h2{font-size:24px}dialog p{font-size:13px;color:var(--muted)}dialog p strong{color:var(--text)}dialog .actions button{font-size:13px}
.review-mode{background:var(--bg)}.review-mode .wallet{padding-top:15px;gap:10px}.review-mode .wallet-label{display:none}.review-mode .wallet button{min-height:0;display:flex;align-items:center;gap:8px;padding:10px 13px}.review-mode .wallet button span:last-child{display:none}.review-mode .wallet strong{font-size:19px;margin:0 0 0 auto}.review-mode main{padding-top:20px}.swipe-review{max-width:550px}.review-top{margin-bottom:9px}.review-title h2{font-size:22px;line-height:1.2;letter-spacing:-.5px}.review-title>span{font-size:11px}.review-title{margin-bottom:8px}.review-tabs{background:#eaeae3;border:0;margin:12px 0;padding:4px;border-radius:10px}.review-tabs button{font-size:12px;min-height:34px}.review-tabs button[aria-pressed=true]{background:#fff;color:#292b26;border:0;box-shadow:0 1px 3px #0001}.swipe-review .goal-banner{margin:12px 0;padding:9px 12px}.swipe-guide{margin:10px 0 13px;font-size:11px}.swipe-stage{max-width:370px;margin-bottom:20px}.swipe-card{height:clamp(320px,calc(100dvh - 360px),590px);background:#20231d;border-radius:18px;box-shadow:0 16px 32px #1f231b25}.deck-under{border-radius:18px;background:#d9dacd}.deck-under:before{border-radius:18px;background:#e6e6db}.card-info{padding:50px 17px 14px;background:linear-gradient(transparent,#11180deb 42%)}.card-top{inset:12px 12px auto}.swipe-actions{margin:18px 0 10px;gap:38px}.swipe-actions small{font-size:11px}.vote-no>span{color:#8e4535;background:#fff;border-color:#e3d0c7!important}.vote-yes>span{color:#fff;background:#315f43;border-color:#315f43!important}.swipe-actions button:hover:not(:disabled){background:none}.review-more>summary{font-size:12px;min-height:38px}.review-bottom>span{font-size:10px}.media-unavailable{background:#252c24}.media-unavailable a{color:white}.media-unavailable>div>span{color:#cccdb9}.source-tag,.queue-count{background:#172016b0;border-color:#ffffff30}.swipe-review .search-panel{flex-wrap:wrap}.swipe-review .search-panel>.primary{width:100%;max-width:none}.deck-empty{padding:30px 15px}.deck-empty>p{font-size:13px;color:var(--muted)}.empty-deck{font-size:36px;color:var(--good)}.empty-actions{gap:10px;margin-top:20px}.review-mode #message:not(.error){position:fixed;bottom:20px;top:auto;background:white;color:var(--text)}
@media(min-width:1100px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-footer{flex-direction:row;align-items:center;justify-content:space-between}.project-footer button{width:auto}.project-footer>span{max-width:120px}}
@media(max-width:980px){#app,.review-mode #app{grid-template-columns:160px minmax(0,1fr)}#navigation,.review-mode #navigation{padding:28px 8px}.nav-caption{font-size:8px}.nav-foot{padding-left:10px;font-size:11px}nav button,.review-mode nav button{font-size:12px;gap:8px;padding:10px}.wallet,.review-mode .wallet{padding-left:24px;padding-right:24px}main,.review-mode main{padding:24px}.project-list{grid-template-columns:1fr}.project-card{padding:24px}.project-query{min-height:0}.project-footer{flex-direction:row;align-items:center}.project-footer button{width:auto}.search-panel{flex-wrap:wrap}.search-panel>.primary{width:100%;max-width:none}.project-overview{grid-template-columns:1fr}}
@media(max-width:650px){
  #app,.review-mode #app{display:flex;flex-direction:column;min-height:100dvh;max-width:none;background:var(--bg)}header.brand,.review-mode header.brand{padding:16px 18px;gap:10px}header.brand h1,.review-mode header.brand h1{font-size:20px}.brand-mark,.review-mode .brand-mark{width:34px;height:34px;border-radius:9px;font-size:26px}.brand-mark span{font-size:16px}.brand p,.review-mode .brand p{font-size:10px}#connection,.review-mode #connection{font-size:9px;padding:6px 8px}
  .wallet,.review-mode .wallet{padding:16px 16px 0;gap:7px}.wallet-label,.review-mode .wallet-label{font-size:9px;letter-spacing:.02em}.wallet-label span{font-size:9px}.wallet button,.review-mode .wallet button{display:block;min-height:88px;padding:10px 11px;border-radius:10px}.wallet strong,.review-mode .wallet strong{font-size:23px;display:block;margin:5px 0}.wallet button span,.review-mode .wallet button span:first-child{font-size:10px}.wallet button span:last-child{font-size:9px}.review-mode .wallet button{min-height:60px;padding:7px 10px}.review-mode .wallet strong{font-size:19px;margin:2px 0 0}.review-mode .wallet button span:last-child{display:none}
  main,.review-mode main{padding:24px 16px;min-height:280px;flex:1;width:100%}.page-heading{margin:0 0 20px;align-items:flex-start;gap:12px}.page-heading h2{font-size:25px}.page-heading .primary{font-size:11px;padding:10px;min-height:40px}.page-heading .small{font-size:12px}.eyebrow{font-size:8px}.pill-row{margin:18px 0}.pill-row button{font-size:11px;padding:7px 11px}
  #navigation,.review-mode #navigation{position:sticky;bottom:0;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;margin-top:auto;padding:9px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fcfcf8f5;backdrop-filter:blur(12px);gap:3px}.nav-caption,.nav-foot{display:none}nav button,.review-mode nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 2px;gap:5px;font-size:10px;min-height:50px;background:none}nav button b{font-size:21px}nav button[aria-pressed=true],.review-mode nav button[aria-pressed=true]{background:#eaeae1;color:#272b24}.review-mode footer,footer{display:none}
  .project-list{gap:16px}.project-card{padding:20px}.project-top{margin-bottom:18px}.project-card h3{font-size:21px}.project-query{font-size:12px}.project-footer{gap:10px}.project-footer button{font-size:11px;padding:10px 12px}.project-footer>span{font-size:9px;max-width:125px}.goal-banner{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.goal-banner strong{font-size:12px}.goal-banner span{font-size:10px}.project-overview{gap:12px}.project-overview .card{padding:20px}.project-breadcrumb{margin:0 0 18px;font-size:10px}.project-breadcrumb button{font-size:11px}.flow-steps{gap:7px;margin-bottom:20px}.flow-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:10px;line-height:1.2;padding-bottom:10px}.flow-steps span{width:20px;height:20px;font-size:9px}.search-panel{padding:20px;gap:13px}.search-symbol{width:34px;height:34px;flex-basis:34px;font-size:19px}.search-copy h3{font-size:16px}.search-copy p{font-size:12px}.search-copy .search-meta{font-size:10px}.search-panel>.primary{width:100%;max-width:none}.result-funnel{gap:5px;margin:18px 0}.result-funnel>div{padding:0 8px}.result-funnel strong{font-size:25px}.result-funnel span{font-size:9px}.search-details summary{font-size:11px}
  .fields{grid-template-columns:1fr;gap:18px}.fields .span2{grid-column:auto}#project-form{padding:20px;margin-top:20px}.editor-advanced{padding:10px 14px}.editor-advanced summary{font-size:11px}input:not([type=checkbox]),textarea,select{font-size:16px}.import-lead{font-size:15px}.import-steps{font-size:10px;margin:22px 0;gap:12px}.import-steps span{width:25px;height:25px;line-height:25px}.instruction-guide{padding:10px 12px}.instruction-guide summary{font-size:12px}.import-source{font-size:12px;min-height:170px}.import-result{padding:20px}.import-facts>div{grid-template-columns:1fr;gap:4px}.import-result h3{font-size:21px}.daily-cap{padding:20px}.daily-cap form{display:block}.daily-cap button{width:100%;margin-top:12px}.money-grid{grid-template-columns:1fr}.money-grid .card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
  .review-mode main{padding:16px 16px 10px}.swipe-review{max-width:440px}.review-title h2{font-size:18px;line-height:1.25}.review-title>span{font-size:10px}.review-top>span{font-size:8px}.swipe-review .goal-banner{margin:9px 0;padding:8px 10px}.review-tabs{margin:9px 0;padding:3px}.review-tabs button{font-size:11px;min-height:30px}.swipe-guide{font-size:10px;margin:9px 0 12px}.swipe-card{height:clamp(285px,calc(100dvh - 435px),510px);border-radius:17px}.swipe-stage{max-width:340px}.swipe-actions{gap:35px;margin:16px 0 6px}.swipe-actions button>span{width:53px;height:53px}.swipe-actions small{font-size:10px}.review-bottom>span{font-size:9px}.review-more>summary{font-size:10px}.review-mode #message:not(.error){bottom:78px;font-size:12px}.swipe-review .search-panel{padding:20px 17px}.actions button{font-size:13px}
}
@media(prefers-reduced-motion:no-preference){.status-loading .search-symbol{animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}}
#message{display:flex;align-items:flex-start;gap:12px;width:min(620px,calc(100vw - 32px))}#message>span{flex:1}#message>button{min-width:28px;min-height:28px;padding:0;background:none;font-size:22px;line-height:1;color:inherit}.review-mode #message:not(.error){width:max-content;max-width:calc(100vw - 32px)}
@media(min-width:651px){header.brand,.review-mode header.brand{padding-top:18px;padding-bottom:18px}.wallet{padding-top:20px}.wallet button{min-height:88px;padding:12px 17px}.wallet strong{font-size:25px;margin:5px 0}main{padding-top:24px}.page-heading{margin-bottom:18px}.pill-row{margin:12px 0 18px}.project-query{min-height:0;-webkit-line-clamp:2}.project-top{margin-bottom:16px}.project-tags{margin-top:14px}.project-card .goal-banner{margin-top:14px}.project-footer{padding-top:16px}}
/* Keep voting controls in reach while the user is watching, not below a dashboard. */
.review-mode header.brand{display:none}.review-mode .swipe-stage{max-width:310px}.review-mode .swipe-card{height:clamp(285px,calc(100dvh - 355px),530px)}.review-mode .wallet{padding-top:12px}.review-mode .wallet button{min-height:42px;padding:9px 12px}.review-mode .swipe-actions{margin-top:16px}.review-mode footer{display:none}
.project-more{font-size:11px;padding:5px 8px;color:var(--muted);background:#f4f4ef;border-radius:6px}#request-status{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:9px 15px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 4px 24px #252b2320;font-size:12px;z-index:50}
@media(min-width:651px){.review-mode .swipe-stage{width:clamp(225px,calc(65dvh - 240px),310px)}.review-mode .swipe-card{height:clamp(285px,calc(100dvh - 405px),530px)}.card-metrics{gap:7px;font-size:10px;flex-wrap:wrap}.card-info{padding-left:13px;padding-right:13px}.card-info h3{font-size:13px}.card-author{font-size:10px}}
@media(max-width:650px){.review-mode .wallet{padding-top:10px}.review-mode .wallet button{min-height:51px;padding:6px 9px}.review-mode main{padding-top:10px}.review-top{margin-bottom:5px}.review-title h2{font-size:17px}.swipe-review .goal-banner{flex-direction:row;align-items:center;margin:7px 0;padding:7px 10px}.swipe-review .goal-banner span{display:none}.review-tabs{margin:7px 0}.swipe-guide{margin:7px 0 11px}.review-mode .swipe-card{height:clamp(270px,calc(100dvh - 470px),490px)}.review-mode .swipe-stage{max-width:310px}.review-mode .swipe-actions{margin-top:14px}.review-more>summary{min-height:30px}}

/* The picture is only the picture. Context sits beside it, never over it. */
.swipe-review{max-width:1000px}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px}.layout-switch{display:flex;gap:4px;background:#eaeae3;padding:3px;border-radius:9px}.layout-switch button{background:none;font-size:12px;min-height:34px;padding:6px 12px}.layout-switch button[aria-pressed=true]{color:var(--text);background:white;box-shadow:0 1px 3px #0001}.review-toolbar>.quiet{font-size:12px}.extra-review-label{font-size:11px;color:var(--good)}
.review-workspace{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(280px,1fr);gap:32px;align-items:start}.review-player-column{min-width:0}.review-workspace .swipe-guide{margin-top:0}.player-meta{display:flex;justify-content:space-between;max-width:340px;margin:0 auto 8px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.review-mode .review-workspace .swipe-stage{width:100%;max-width:340px;margin-bottom:16px}.review-mode .review-workspace .swipe-card{height:clamp(300px,calc(100dvh - 355px),570px);cursor:zoom-in}.swipe-card.dragging{cursor:grabbing}.video-surface{width:100%;height:100%;min-height:0;overflow:hidden;background:#111510}.video-surface video{width:100%;height:100%;object-fit:contain;display:block;background:#111510}.player-controls{display:flex;align-items:center;gap:7px;max-width:380px;margin:0 auto;min-height:40px}.player-controls .video-button,.expand-video{background:white;color:var(--text);border:1px solid var(--line);min-height:36px;font-size:10px;padding:7px}.player-controls input[type=range]{min-width:20px;flex:1;min-height:36px;margin:0;border:0;padding:0;accent-color:var(--accent);cursor:pointer}.expand-video{white-space:nowrap}.review-workspace .swipe-actions{gap:28px}.review-workspace .swipe-actions button>span{width:52px;height:52px}.review-workspace .review-bottom>span{font-size:9px}
.reference-info{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0;overflow-wrap:anywhere}.reference-info .eyebrow{margin-bottom:10px}.reference-info h3{font-size:21px;letter-spacing:-.4px;margin-bottom:18px}.reference-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:0}.reference-metrics dt{color:var(--muted);font-size:11px;margin-bottom:4px}.reference-metrics dd{margin:0;font-size:19px;font-weight:650;letter-spacing:-.4px}.metrics-note{font-size:10px;line-height:1.5;color:var(--muted);margin:16px 0 22px}.reference-caption{border-top:1px solid var(--line);padding-top:18px}.reference-caption h4{margin:0 0 10px;font-size:12px;color:var(--muted);font-weight:500}.reference-caption p{font-size:13px;line-height:1.65;white-space:pre-wrap;max-height:210px;overflow:auto;user-select:text}.reference-dates{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:5px;margin:18px 0}.original-link{display:inline-block;font-size:12px}.reference-info details{margin-top:18px}.reference-info summary{font-size:12px}.reference-info label{font-size:12px}
.media-unavailable,.media-missing .media-unavailable{height:100%;padding:20px;overflow:auto;background:#252c24}.media-unavailable>div,.media-missing .media-unavailable>div{padding:0;max-width:290px}.media-unavailable h3{font-size:19px;line-height:1.3;margin:12px 0}.media-unavailable p{font-size:12px;line-height:1.5}.media-unavailable a{font-size:12px;margin-top:8px}.retry-video{display:block;margin:18px auto 0;background:#fff;color:#292d26;font-size:12px}.media-unavailable>div>span{font-size:32px}
.media-viewer{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:96dvh;padding:16px 20px;border-radius:16px;overflow:auto}.media-viewer::backdrop{background:#10160fe8;backdrop-filter:blur(5px)}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.viewer-header .eyebrow{font-size:9px;margin-bottom:4px}.viewer-header h2{font-size:17px;margin:0;overflow-wrap:anywhere}.viewer-header button{font-size:12px;flex-shrink:0}.media-viewer #viewer-stage{height:calc(100dvh - 210px);min-height:230px;max-height:850px;border-radius:10px;overflow:hidden;background:#111510}.media-viewer video{pointer-events:auto}.viewer-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:var(--muted)}.viewer-decisions{display:flex;justify-content:center;gap:12px;margin-top:12px}.viewer-decisions button{min-height:38px;font-size:12px}.media-viewer .media-unavailable>div{max-width:360px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-tile{display:block;padding:0;background:white;text-align:left;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.reference-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px #232a1710}.tile-preview{display:grid;place-items:center;position:relative;aspect-ratio:4/5;background:#252c24;overflow:hidden}.tile-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile-play{position:relative;color:white;background:#151c1699;border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:28px;backdrop-filter:blur(5px)}.tile-platform{position:absolute;top:10px;left:10px;color:white;background:#1b211ac9;padding:4px 8px;border-radius:6px;font-size:9px;text-transform:uppercase}.tile-copy{display:flex;flex-direction:column;padding:15px;gap:8px;overflow-wrap:anywhere}.tile-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-copy>span{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile-copy small{font-size:10px;color:var(--muted)}.grid-pagination{display:flex;justify-content:center;gap:12px;margin:24px 0}
@media(min-width:651px){.review-mode main{padding-top:14px}.review-top{margin-bottom:6px}.review-title h2{font-size:20px}.swipe-review .goal-banner{margin:8px 0;padding:7px 12px}.review-tabs{margin:8px 0}.review-toolbar{margin:9px 0 14px}.review-workspace .swipe-guide{margin-bottom:8px}.review-mode .review-workspace .swipe-card{height:clamp(250px,calc(100dvh - 425px),570px)}.reference-info{padding:20px}.reference-metrics{gap:14px}.reference-metrics dd{font-size:18px}.reference-info h3{font-size:20px;margin-bottom:16px}.metrics-note{margin:12px 0 16px}.reference-caption{padding-top:14px}.reference-caption p{max-height:165px}}
@media(max-width:900px) and (min-width:651px){.review-workspace{gap:18px;grid-template-columns:minmax(225px,1fr) minmax(210px,1fr)}.reference-info{padding:17px}.reference-metrics dd{font-size:16px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-toolbar{flex-wrap:wrap}.player-controls{flex-wrap:wrap}}
@media(max-width:650px){.review-workspace{display:flex;flex-direction:column;gap:22px}.review-player-column,.reference-info{width:100%}.reference-info{padding:20px}.review-mode .review-workspace .swipe-card{height:clamp(220px,calc(100dvh - 570px),480px)}.review-mode .review-workspace .swipe-stage{max-width:300px}.review-toolbar{gap:8px;margin:10px 0 12px}.review-toolbar>.quiet{font-size:10px;padding:5px;max-width:140px}.layout-switch button{font-size:10px;padding:6px 9px;min-height:32px}.extra-review-label{font-size:10px;max-width:115px}.review-workspace .swipe-guide{font-size:9px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-copy{padding:11px;gap:6px}.tile-copy>span{font-size:11px}.tile-copy small{font-size:9px}.tile-preview{aspect-ratio:3/4}.viewer-header h2{font-size:14px}.viewer-header .eyebrow{font-size:8px}.media-viewer{width:calc(100vw - 12px);padding:12px;max-height:98dvh}.media-viewer #viewer-stage{height:calc(100dvh - 220px)}.viewer-footer>span{display:none}.viewer-footer{justify-content:center}.viewer-decisions{gap:7px}.viewer-decisions button{font-size:11px;padding:8px 10px}.media-unavailable h3{font-size:17px}.media-unavailable{padding:16px}}
/* Format gate is independent of the owner's approve/reject tabs. */
.format-filter{margin:16px 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.format-filter>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.format-filter strong{font-size:13px}.format-filter span,.format-filter p{font-size:12px;color:var(--muted);line-height:1.6}
.format-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.format-tabs button{font-size:12px;min-height:38px;padding:9px 14px;border:1px solid var(--line);background:#f7f7f3;color:#55594f;border-radius:8px}.format-tabs button[aria-pressed="true"]{color:#fff;background:#344d3d;border-color:#344d3d}.format-filter details{margin:10px 0 0;padding:0;border:0}.format-filter summary{font-size:11px;color:var(--muted)}.format-filter details button{font-size:11px;margin-right:8px}
.format-reason{background:#f2f5ef;border-radius:10px;padding:14px;margin:0 0 20px;font-size:12px;line-height:1.5}.format-reason strong{font-size:12px}.format-reason p{margin:7px 0}.format-reason small{display:block;color:var(--muted)}.format-reason button{font-size:11px;margin-top:8px;text-align:left}
.format-held{margin:15px 0;text-align:center;font-size:12px;color:var(--muted)}.format-held button{font-size:12px}.format-tile-badge{color:#365643!important;font-weight:600;font-size:10px!important}
@media(max-width:600px){.format-filter{padding:12px}.format-tabs{gap:6px}.format-tabs button{flex:1 1 90px;font-size:11px;padding:8px}.format-filter>div:first-child{gap:4px}.format-reason{padding:12px}}