@font-face{font-family:Anton;src:url('./assets/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Marker;src:url('./assets/PermanentMarker-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#111113;--panel:#19191c;--line:#303033;--text:#eae6dc;--muted:#94918c;--accent:#f13b30}
.app{max-width:1556px}.identity strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:25px;letter-spacing:.25px}.identity small{letter-spacing:2.8px;font-size:7px;color:#a8a39a}.brand-mark{transform:rotate(-9deg);color:var(--accent)}.button{border-radius:1px}.button.primary{color:#fff1e7}.button.primary:hover:not(:disabled){background:#ff5042}.button.secondary{border-color:#48474a}.player{border-color:#424043;border-radius:1px}.transport{background:#19191c}.chapter.active{background:#201c1d}.chapter{border-radius:0}.screen{background:#111113}.loading{background:#111113;color:var(--text)}.loading-mark{color:var(--accent)}.screen-play{background:#f13b30;color:#fff1e7;border:0;box-shadow:5px 5px 0 #f5eee524;transform:rotate(-1deg);padding:13px 18px 13px 12px;left:3.5%;bottom:6.3%;font-size:10px;letter-spacing:1.1px}.screen-play .icon{color:#fff1e7}.screen-play small{color:#ffe0d3}.film-topline{letter-spacing:1.8px;font-size:8px}.film-note{border-top-color:#303033}.note-heading strong{color:var(--accent)}.note-copy p{color:#bcb5ad}.note-copy span{color:#88817c}.note-star{color:var(--accent)}.text-button:hover{color:#ff5b4f}.scrubber::-webkit-slider-thumb{box-shadow:0 0 0 3px #19191c}.chapter-ticks i{background:#19191c}.current-chapter{border-color:#464147}.toast{background:#252124;border-color:#6c5251}dialog{background:#1b1a1d;border-color:#484047;border-radius:3px}dialog h2{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.5px;font-size:37px}dialog p{color:#bcb6b0}.file-drop{background:#252124;border-color:#766967}.export-specs{border-color:#484047}.export-specs span+span{border-color:#484047}.export-specs span{color:#aaa09a}.file-drop>span,.field-label,dialog .format-note,dialog .export-footnote{color:#aaa09a}select{background:#131215;border-color:#51464d}.check-label input{accent-color:var(--accent)}progress,progress::-webkit-progress-bar{background:#483b40}
@media(min-width:1700px){.identity strong{font-size:28px}}
@media(max-width:760px){.identity strong{font-size:22px}.film-topline{font-size:7px;letter-spacing:1px}.screen-play{padding:8px 11px 8px 8px;font-size:8px}.identity small{font-size:6px;letter-spacing:1.8px}}
@media(max-width:440px){.identity strong{font-size:19px}.identity small{font-size:5px;letter-spacing:1.4px}.film-topline{font-size:6px;letter-spacing:.6px}.screen-play{padding:7px 9px 7px 6px;font-size:7px}.header-actions .primary span{font-size:9px}.film-note{margin-top:16px}}
@media(max-width:360px){.masthead{gap:9px}.identity{gap:6px}.identity strong{font-size:17px;white-space:nowrap}.identity small{font-size:4.5px;letter-spacing:1.05px}.brand-mark{width:27px;height:27px}.header-actions{gap:5px}.header-actions .button{padding:8px;gap:5px}.header-actions .primary span{font-size:8px;white-space:nowrap}}
@media(max-width:440px){.offset-control{flex-wrap:wrap}.offset-control>span{font-size:9px}.timecode{font-size:8px}.time-divider{margin:0 5px}.transport-left,.transport-right{gap:3px}}