.db-pres{--accent:var(--db-accent);--accent-line:var(--db-accent-line);--accent-soft:var(--db-accent-soft);--bg:var(--db-bg);--bg-3:var(--db-raised);--glass:var(--db-panel);--glass-line:var(--db-line);--glass-hi:none;--line-strong:var(--db-line-strong);--text-1:var(--db-text);--text-2:var(--db-text-muted);--text-3:var(--db-text-faint);--tile:var(--db-panel);--tile-line:var(--db-line);--tile-shadow:none;--paper:#f3f3f0;--ink:#15191e;--on-accent:#000}html[data-theme=light] .db-pres{--on-accent:#fff}.db-page:has(>.db-pres){max-width:calc(1320px + 2 * var(--db-gutter))}.db-pres .page-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,4.2vw,52px);font-weight:300;line-height:1.05}.db-pres .page-head p{color:var(--text-2);margin:8px 0 0}.db-pres .ghost-link{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-hi);white-space:nowrap;color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none}.db-pres .ghost-link:hover{filter:brightness(1.06);color:var(--text-1)}.db-pres .pres-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;margin:12px 0 18px;display:flex}.db-pres .pres-downloads{flex-wrap:wrap;gap:8px;display:flex}.db-pres .pres-dl{align-items:center;gap:8px;display:inline-flex}.db-pres .pres-dl-note{color:var(--text-2)}.db-pres .pres{align-items:start;gap:16px;display:grid}@media (min-width:1024px){.db-pres .pres{grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:20px}}@media (max-width:1023.98px){.db-pres .pres-player{order:-1}}.db-pres .pres-list{gap:8px;display:grid}.db-pres .pres-sections{gap:8px;margin:0;padding:0;list-style:none;display:grid}.db-pres .pres-item{border:1px solid var(--tile-line);background:var(--tile);width:100%;box-shadow:var(--tile-shadow);color:var(--text-1);font:inherit;text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:8px;transition:border-color .2s,background-color .2s;display:grid}.db-pres .pres-item:hover{border-color:var(--line-strong)}.db-pres .pres-item[aria-pressed=true]{border-color:var(--accent-line);background:color-mix(in srgb, var(--accent-soft) 60%, var(--tile))}.db-pres .pres-thumb{aspect-ratio:16/9;background:var(--paper);border-radius:9px;width:104px;height:auto;display:block;box-shadow:inset 0 0 0 1px #0000000f}.db-pres .pres-text{gap:3px;min-width:0;display:grid}.db-pres .pres-title{align-items:center;gap:8px;font-size:14.5px;font-weight:500;line-height:1.25;display:flex}.db-pres .pres-title svg{color:var(--accent);flex:none}.db-pres .pres-n{background:var(--bg-3);width:20px;height:20px;color:var(--text-2);border-radius:999px;flex:none;place-items:center;font-size:11.5px;font-weight:600;display:inline-grid}.db-pres .pres-item[aria-pressed=true] .pres-n{background:var(--accent);color:var(--on-accent)}.db-pres .pres-sub{color:var(--text-2);font-size:12.5px;line-height:1.35}.db-pres .pres-meta{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.db-pres .pres-note{color:var(--text-2);margin:6px 4px 0;font-size:12px;line-height:1.45}.db-pres .pres-player{outline:none;min-width:0}.db-pres .pres-frame{aspect-ratio:16/9;border:1px solid var(--tile-line);box-shadow:var(--tile-shadow);cursor:pointer;background:var(--paper);border-radius:22px;position:relative;overflow:hidden}.db-pres .pres-frame iframe{pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.db-pres .pres-poster{object-fit:cover;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.db-pres .pres-frame[data-state=live] .pres-poster{opacity:0;pointer-events:none}.db-pres .pres-big{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#0b0c0eb8;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;padding:0 0 0 4px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 40px #00000059}.db-pres .pres-big:hover{transform:scale(1.05)}.db-pres .pres-big:disabled{opacity:.45;cursor:progress}.db-pres .pres-player.playing .pres-big,.db-pres .pres-end:not([hidden])~.pres-big{opacity:0;pointer-events:none}.db-pres .pres-big-label{display:none}.db-pres .pres-frame:not([data-state=live]) .pres-big{white-space:nowrap;grid-auto-flow:column;gap:10px;width:auto;height:64px;margin:-32px 0 0;padding:0 26px 0 20px;font-size:16px;font-weight:500;top:78%;transform:translate(-50%)}.db-pres .pres-frame:not([data-state=live]) .pres-big:hover{transform:translate(-50%)scale(1.04)}.db-pres .pres-frame:not([data-state=live]) .pres-big-label{display:inline}.db-pres .pres-cc{color:#fff;text-align:center;pointer-events:none;background:#0b0c0eb8;border-radius:10px;width:fit-content;max-width:min(86%,760px);margin:0 auto;padding:6px 12px;font-size:clamp(12.5px,1.5vw,16px);line-height:1.4;position:absolute;bottom:14px;left:14px;right:14px}.db-pres .pres-cc[hidden]{display:none}.db-pres .pres-cc.pres-cc--top{top:10px;bottom:auto}.db-pres .pres-loading{color:#fff;background:#0b0c0eb8;border-radius:999px;margin:0;padding:6px 12px;font-size:12.5px;position:absolute;bottom:12px;left:14px}.db-pres .pres-frame:not([data-state=loading]) .pres-loading{display:none}.db-pres .pres-end{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);text-align:center;cursor:default;background:color-mix(in srgb, var(--paper) 88%, transparent);place-content:center;gap:16px;padding:20px;display:grid;position:absolute;inset:0}.db-pres .pres-end[hidden]{display:none}.db-pres .pres-end-title{margin:0;font-size:clamp(17px,2.2vw,24px);font-weight:400}.db-pres .pres-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.db-pres .pres-end-actions[hidden]{display:none}.db-pres .pres-btn{color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #15191e2e;border-radius:999px;padding:10px 18px;font-size:14px;text-decoration:none}.db-pres .pres-btn.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.db-pres .pres-btn[hidden]{display:none}.db-pres .pres-bar{border:1px solid var(--glass-line);background:var(--glass);box-shadow:var(--glass-hi);border-radius:999px;align-items:center;gap:4px;margin-top:10px;padding:5px 12px 5px 5px;display:flex}.db-pres .pres-ctl{width:38px;height:38px;color:var(--text-1);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.db-pres .pres-ctl:hover:not(:disabled){background:var(--bg-3)}.db-pres .pres-ctl:disabled{color:var(--text-3);cursor:default}.db-pres .pres-ctl[hidden],.db-pres .pres-ctl .i-pause,.db-pres .pres-ctl.on .i-play,.db-pres .pres-ctl .i-muted,.db-pres .pres-ctl.on .i-sound{display:none}.db-pres .pres-ctl.on .i-pause,.db-pres .pres-ctl.on .i-muted{display:block}.db-pres .pres-speed{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:12.5px;font-weight:600}.db-pres .pres-speed.on{color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .db-pres .pres-speed.on{color:color-mix(in srgb, var(--accent) 85%, #000)}.db-pres .pres-track{flex:1;min-width:60px;margin:0 8px;position:relative}.db-pres .pres-seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;display:block}.db-pres .pres-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), var(--line-strong) var(--p,0%));border-radius:99px;height:4px}.db-pres .pres-seek::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p,0%), var(--line-strong) var(--p,0%));border-radius:99px;height:4px}.db-pres .pres-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-soft);border:0;border-radius:50%;margin-top:-5px}.db-pres .pres-seek::-moz-range-thumb{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-soft);border:0;border-radius:50%}.db-pres .pres-seek:disabled{cursor:default;opacity:.5}.db-pres .pres-marks{pointer-events:none;position:absolute;inset:0}.db-pres .pres-marks i{background:var(--text-3);border-radius:1px;width:2px;height:10px;margin:-5px 0 0 -1px;position:absolute;top:50%}.db-pres .pres-time{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12.5px}.db-pres .pres-now{color:var(--text-2);flex-wrap:wrap;gap:2px 8px;margin:10px 6px 0;font-size:13px;display:flex}.db-pres .pres-dot{color:var(--text-3)}.db-pres .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.db-pres .pres-player:fullscreen{background:var(--bg);flex-direction:column;justify-content:center;padding:16px;display:flex}.db-pres .pres-player:fullscreen .pres-frame{width:min(100%,177.778dvh - 213.333px);margin:0 auto}.db-pres .pres-player:fullscreen .pres-bar,.db-pres .pres-player:fullscreen .pres-now{width:min(100%,177.778dvh - 213.333px);margin-inline:auto}@media (max-width:640px){.db-pres .pres-item{grid-template-columns:88px minmax(0,1fr)}.db-pres .pres-thumb{width:88px}.db-pres .pres-big{width:60px;height:60px;margin:-30px 0 0 -30px}.db-pres .pres-frame:not([data-state=live]) .pres-big{gap:6px;height:36px;margin:-18px 0 0;padding:0 14px 0 10px;font-size:14px}.db-pres .pres-frame:not([data-state=live]) .pres-big svg{width:20px;height:20px}.db-pres .pres-loading{top:10px;bottom:auto}.db-pres .pres-frame{border-radius:14px}.db-pres .pres-bar{border-radius:20px;flex-wrap:wrap;row-gap:0;padding:6px 8px 4px}.db-pres .pres-track{flex:1 0 100%;order:-1;margin:0 6px}.db-pres .pres-time{margin-right:auto;padding-left:2px}.db-pres .pres-end{place-content:safe center;gap:8px;padding:10px;overflow-y:auto}.db-pres .pres-end-title{font-size:15px}.db-pres .pres-end-actions{gap:8px}.db-pres .pres-btn{padding:7px 12px;font-size:13px}.db-pres .pres-ctl[data-prev],.db-pres .pres-ctl[data-next],.db-pres .pres-dl-note{display:none}}@media (max-width:360px){.db-pres .pres-ctl{width:34px;height:34px}}
