:root{--primary:#c02b2b;--bg:#121212;--bg-alt:#1f1f1f;--text:#fff;--card:rgba(255,255,255,0.08);--radius:8px}.pfp-page{background:var(--bg);color:var(--text);min-height:100vh;font-family:OptimusPrinceps,serif;text-transform:lowercase;font-size:1.1rem}.pfp-hero{text-align:center;padding:3rem 1rem 1rem;background:var(--bg-alt);background-image:radial-gradient(circle at center,rgba(189,28,23,.15),transparent 80%)}.pfp-hero h1{font-size:2.6rem;margin:0 0 .5rem}.pfp-hero p{opacity:.85;margin:0 0 1rem;font-size:1.25rem}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.btn,.help,.hint,.pfp-input,label,option,select{font-family:OptimusPrinceps,serif;text-transform:lowercase}.pfp-controls .control-row{display:flex;gap:.75rem;align-items:center;padding:1rem 0}.pfp-input,select{background:var(--card);color:var(--text);border:1px solid transparent;border-radius:var(--radius);padding:.7rem .9rem;font-size:1.1rem}select option{background-color:var(--bg-alt);color:var(--text)}.pfp-input:focus,select:focus{outline:1px solid var(--primary)}.pfp-input.small{width:130px}.btn{background:var(--bg-alt);color:var(--text);border:1px solid #333;border-radius:var(--radius);padding:.7rem 1.1rem;cursor:pointer;font-size:1.1rem}.btn.primary{background:var(--primary);border-color:var(--primary)}.btn.play{min-width:84px}.help{opacity:.75;padding-bottom:.5rem}.help,.hint{font-size:1rem}.hint{opacity:.85;padding-top:.5rem}.muted{opacity:.6}.pfp-view{padding:1rem 0}.video-wrap{display:grid;place-items:center;background:var(--card);padding:.75rem}.pfp-video,.video-wrap{border-radius:var(--radius)}.pfp-video{width:100%;max-height:65vh}.controls-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:1rem 0 .25rem}.seek{width:100%;appearance:none;height:5px;background:#3a3a3a;border-radius:999px;outline:none}.seek.red::-webkit-slider-runnable-track{height:5px;background:#3a3a3a;border-radius:999px}.seek.red::-webkit-slider-thumb{appearance:none;margin-top:-6px;width:18px;height:18px;border-radius:50%;background:var(--primary);border:none}.seek.red::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:none}.seek.red::-moz-range-progress{height:5px;background:var(--primary);border-radius:999px}.time-readout{display:flex;gap:.25rem;justify-content:flex-end;font-variant-numeric:tabular-nums;opacity:.8;font-size:1.05rem}.export-panel{padding:.5rem 0 2rem}.export-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-top:.25rem}.footer{text-align:center;padding:1rem 0 2rem;font-size:1.05rem;opacity:.9}.footer-nav{display:inline-flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.footer-link{color:var(--text);text-decoration:none;opacity:.9}.footer-link:hover{opacity:1}.footer-sep{opacity:.5}.footer-copy{font-size:.95rem;opacity:.6}select.pfp-input{background-image:none}.btn,.pfp-input,select.pfp-input{min-height:44px;touch-action:manipulation}@media (pointer:coarse){.seek{height:6px}.seek.red::-webkit-slider-runnable-track{height:6px}.seek.red::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.seek.red::-moz-range-thumb{width:22px;height:22px}.seek.red::-moz-range-progress{height:6px}}@media (max-width:640px){.export-panel,.footer,.pfp-controls,.pfp-page,.pfp-view{margin-left:4px;margin-right:4px}.pfp-hero{padding:calc(2rem + env(safe-area-inset-top)) 1rem 1rem}.pfp-hero p{font-size:1.15rem;line-height:1.4}.pfp-controls .control-row{flex-direction:column;align-items:stretch;gap:.5rem}.btn,.pfp-input,select.pfp-input{width:100%}.pfp-video{max-height:55vh;object-fit:contain}.controls-row{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 0px);z-index:10;grid-template-columns:1fr;gap:.5rem;padding:.75rem 1rem;margin:0 -1rem;background:linear-gradient(180deg,rgba(18,18,18,0),rgba(18,18,18,.85) 30%);backdrop-filter:blur(2px);border-radius:12px 12px 0 0}.btn.play{width:100%}.time-readout{justify-content:center}.export-panel{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.export-row{flex-direction:column;align-items:stretch;gap:.5rem}.export-row .btn,.export-row .pfp-input{width:100%}.footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (min-width:900px){.controls-row{position:static;background:transparent;backdrop-filter:none;margin:0;padding:1rem 0 .25rem;grid-template-columns:auto 1fr auto}}.pfp-input,select.pfp-input{box-sizing:border-box;max-width:100%}.control-row>*,.export-row>*{min-width:0}select.pfp-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width:640px){.pfp-input.small{width:100%!important}.export-panel,.footer,.pfp-controls,.pfp-view{padding-left:4px;padding-right:4px}.control-row,.controls-row,.export-row{margin-left:4px;margin-right:4px}body,html{overflow-x:hidden}}