.portfolio .pf-silent-player{background:var(--bg)}.portfolio .pf-silent-controls{border-top:1px solid var(--line);color:var(--text);background:var(--surface);grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:4px 8px;display:grid}.portfolio .pf-silent-control{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:22px;display:grid}.portfolio .pf-silent-control:is(:hover,:focus-visible){color:var(--accent)}.portfolio .pf-silent-control:focus-visible,.portfolio .pf-silent-position:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portfolio .pf-silent-control svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px}.portfolio .pf-silent-position{cursor:pointer;appearance:none;background:0 0;width:100%;min-width:0;height:44px;margin:0}.portfolio .pf-silent-time{white-space:nowrap;font-family:var(--font-mono);color:var(--body);font-size:11px}.portfolio .pf-silent-status{color:var(--body);padding:8px 16px}.portfolio .pf-silent-player:fullscreen,.portfolio .pf-silent-player[data-expanded=true]{z-index:1000;background:var(--bg);flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.portfolio .pf-silent-player:fullscreen video,.portfolio .pf-silent-player[data-expanded=true] video{object-fit:contain;flex:1;width:100%;height:0;min-height:0}.portfolio .pf-silent-player:fullscreen .pf-silent-controls,.portfolio .pf-silent-player[data-expanded=true] .pf-silent-controls{flex-shrink:0}@media (max-width:480px){.portfolio .pf-silent-controls{gap:6px;padding-inline:4px}}.portfolio .pf-silent-position::-webkit-slider-runnable-track{background:var(--muted);height:2px}.portfolio .pf-silent-position::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-6px}.portfolio .pf-silent-position::-moz-range-track{background:var(--muted);height:2px}.portfolio .pf-silent-position::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}