/* Public Film documents share the approved Platform light/graphite palette.
   Legacy inline styles still provide the document-specific layout and print view. */
:root {
  --bg:#eeeeee;--surface:#fff;--surface-2:#f6f6f6;--line:#dcdfe3;
  --text:#27292d;--muted:#656971;--teal:#1264db;--amber:#8c5d13;--violet:#74479c;
  --teal-soft:#eaf2ff;--amber-soft:#fff3d9;--violet-soft:#f3eafb;
  --brand-grad:linear-gradient(135deg,#1264db,#2875e0);
  --card-shadow:0 3px 14px #3737370b;--film-glass:rgba(255,255,255,.94);
  --film-on-accent:#fff;--film-focus:#1264db;color-scheme:light;
}
:root[data-theme=dark] {
  --bg:#292c32;--surface:#34383f;--surface-2:#2d3138;--line:#555b65;
  --text:#eff0f3;--muted:#bec3cc;--teal:#85b9ff;--amber:#edc88a;--violet:#d2adef;
  --teal-soft:#304b70;--amber-soft:#504431;--violet-soft:#493957;
  --brand-grad:linear-gradient(135deg,#85b9ff,#9bc6ff);
  --card-shadow:0 3px 14px #0002;--film-glass:rgba(52,56,64,.95);
  --film-on-accent:#1e2c42;--film-focus:#85b9ff;color-scheme:dark;
}
html,body{min-width:280px}
body{background:var(--bg);color:var(--text);transition:background-color .2s,color .2s}
body::before,body::after{display:none}
.hero{max-width:1100px;padding-top:44px;padding-bottom:25px}
.hero .kicker{letter-spacing:.14em;font-size:11px}
.hero h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.13}
.hero .intro{max-width:680px}
.topbar{background:var(--film-glass);border-color:var(--line)}
.scrollbar .sfill,.progress .fill,.script-head .minibar .fill{background:var(--teal)}
.chips-wrap::after{background:linear-gradient(90deg,transparent,var(--film-glass))}
.card,.tc-card,.sp-card,.q-card,.notes-body{border-color:var(--line);border-radius:20px;box-shadow:var(--card-shadow)}
.card:hover,.tc-card:hover,.sp-card:hover,.q-card:hover{border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}
.card.done{border-color:color-mix(in srgb,var(--teal) 38%,var(--line))}
.chip.active,.timing-sort button.active,.select-all-btn,.tc-card.checked .tc-check,.sp-card.checked .sp-check{border-color:color-mix(in srgb,var(--teal) 30%,var(--line))}
.lock-btn{background:var(--teal);color:var(--film-on-accent);box-shadow:none}
.timing-modal-box{background:var(--surface)}
.film-public-search{max-width:1080px}
.film-public-search label{border-color:var(--line);background:var(--surface)}
:is(button,a,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--film-focus);outline-offset:3px}
@media(max-width:600px){.hero{padding:30px 18px 18px}.hero h1{font-size:clamp(28px,8vw,36px)}.card,.tc-card,.sp-card,.q-card{border-radius:16px}.topbar{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
@media print{body{background:#fff!important;color:#000!important}.card,.tc-card,.sp-card,.q-card{box-shadow:none}}