.dsr-section,.dsr{--dsr-ink: #0a0a0a;--dsr-body: rgba(15, 72, 114, .78);--dsr-muted: rgba(10, 10, 10, .58);--dsr-green: #1fab56;--dsr-lime: #44d62c;--dsr-line: rgba(10, 10, 10, .09);--dsr-pad: clamp(18px, 3vw, 40px);--dsr-serif: var(--font-heading-family, "Instrument Serif", Georgia, serif);--dsr-sans: var(--font-body-family, "DM Sans", system-ui, -apple-system, sans-serif)}.dsr{font-family:var(--dsr-sans);color:var(--dsr-ink);line-height:1.4;letter-spacing:normal;-webkit-tap-highlight-color:transparent}.dsr *,.dsr *:before,.dsr *:after{box-sizing:border-box}.dsr-head{text-align:center;max-width:720px;margin:0 auto clamp(20px,3vw,36px)}.dsr-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--dsr-sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dsr-green)}.dsr-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dsr-lime)}.dsr-title{margin:12px 0 14px;color:var(--dsr-ink);font-family:var(--dsr-serif);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.04;letter-spacing:-.02em}.dsr-title em{font-style:italic;color:var(--dsr-green)}.dsr-sub{margin:0 auto;max-width:560px;font-family:var(--dsr-sans);font-size:17px;line-height:1.55;color:var(--dsr-body)}.dsr-scene{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(12px,2.4vw,36px);align-items:end;padding:var(--dsr-pad) var(--dsr-pad) 0;border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(110% 75% at 30% 0%,#fdfcf9,#fdfcf900 62%),linear-gradient(180deg,#f6f3ec,#efe9dd 58%,#e5ddcd);box-shadow:inset 0 0 0 1px #0a0a0a0a}.dsr-board{align-self:center;padding-bottom:var(--dsr-pad);min-width:0}.dsr-board-svg{display:block;width:100%;height:auto;overflow:visible}.dsr-remote{align-self:end;margin-right:calc(-1 * var(--dsr-pad));min-width:0}.dsr-stage{--dsr-crop: 0;position:relative;width:100%;aspect-ratio:600 / 520;overflow:hidden}.dsr-stage-in{position:absolute;left:0;top:0;width:600px;height:520px;transform-origin:0 0}.dsr-emboss{font-family:var(--dsr-sans);font-weight:800;font-style:italic;font-size:40px;letter-spacing:8px}.dsr-photo{position:absolute;filter:drop-shadow(9px 13px 14px rgba(52,36,18,.26)) drop-shadow(2px 3px 3px rgba(30,20,10,.3))}.dsr-ph{position:absolute;background-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dsr .dsr-ph,.dsr .dsr-fp{display:block}.dsr-ph-led{opacity:0}.dsr-ph-press{opacity:0;transition:opacity 60ms ease}.dsr-ph-press.is-down{opacity:1}.dsr-hit{position:absolute;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:none;-webkit-appearance:none;appearance:none}.dsr-hit:focus-visible{outline:2px solid var(--dsr-lime);outline-offset:2px}.dsr-f{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.dsr-fp{position:absolute;left:0;top:0;will-change:transform,opacity}.dsr-fs-soft,.dsr-fs-tight{filter:blur(15px)}.dsr-fs-tight{filter:blur(4px)}.dsr-fs-soft i,.dsr-fs-tight i{position:absolute;inset:0;background:#24170c}.dsr-hud{position:absolute;left:50%;top:6%;display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:#0a0a0ad6;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px -8px #00000080;opacity:0;transform:translate(-50%,-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dsr-hud.is-on{opacity:1;transform:translate(-50%)}.dsr-hud-bar{display:none;width:54px;height:4px;border-radius:2px;background:#ffffff38;overflow:hidden}.dsr-hud.is-prog .dsr-hud-bar{display:block}.dsr-hud-bar i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0)}.dsr-hud.is-long .dsr-hud-bar i{background:var(--dsr-lime)}.dsr-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:clamp(4px,1.2vw,14px);min-height:96px}.dsr-cap{flex:1 1 auto;min-width:0}.dsr-cap.is-in{animation:dsr-cap-in .35s ease-out}@keyframes dsr-cap-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dsr-cap-t{font-family:var(--dsr-serif);font-size:clamp(24px,2.5vw,32px);line-height:1.08;letter-spacing:-.01em}.dsr-cap-b{margin-top:6px;max-width:54ch;font-size:15px;line-height:1.5;color:var(--dsr-body)}.dsr-call{flex:none;text-align:right}.dsr-call-l{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dsr-muted)}.dsr-call-v{font-family:var(--dsr-serif);font-size:clamp(28px,3.2vw,40px);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.dsr-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0;font-size:13px;color:var(--dsr-muted)}.dsr-legend li{display:inline-flex;align-items:center;gap:7px}.dsr-lg{width:20px;height:20px;padding:2px;border-radius:6px;background:#121212}.dsr-lg .g{fill:#47f13b}.dsr-lg .gs{fill:none;stroke:#47f13b;stroke-width:3.2;stroke-linecap:round}.dsr-lg .b{fill:#6f5eff}.dsr-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:4px}.dsr-task{position:relative;margin:0;appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:92px;padding:14px 16px;border-radius:18px;border:1px solid var(--dsr-line);background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.dsr-task:hover:not([disabled]){transform:translateY(-2px);border-color:#1fab5680;box-shadow:0 12px 26px -16px #0a0a0a73}.dsr-task:focus-visible{outline:2px solid var(--dsr-green);outline-offset:2px}.dsr-task[disabled]{cursor:default;opacity:.45}.dsr-task.is-running{opacity:1;border-color:var(--dsr-green);box-shadow:0 0 0 3px #44d62c47}.dsr-task.is-hint:after{content:"Try me";position:absolute;top:-9px;right:12px;padding:3px 9px;border-radius:999px;background:var(--dsr-lime);color:#0a0a0a;font-size:11px;font-weight:700;letter-spacing:.04em;animation:dsr-nudge 1.8s ease-in-out infinite}@keyframes dsr-nudge{50%{transform:translateY(-2px)}}.dsr-task-t{font-size:15.5px;font-weight:600;line-height:1.3}.dsr-gest{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.25;color:var(--dsr-muted)}.dsr-gest>span:last-child{min-width:0}.dsr-key{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3a3a,#121212 75%);color:#e8e8e8;font-size:11.5px;font-weight:700;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff14}.dsr-key--p{width:22px;border-radius:7px}.dsr-key--p svg{width:14px;height:14px;fill:none;stroke:#e8e8e8;stroke-width:2.4;stroke-linecap:round}.dsr-plus{flex:none;margin:0 -2px;font-weight:600}.dsr-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-top:14px}.dsr-hint{margin:0;font-size:13.5px;color:var(--dsr-muted)}.dsr-tools{display:flex;gap:8px}.dsr-tool{display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 12px;border-radius:999px;border:1px solid var(--dsr-line);background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--dsr-ink);cursor:pointer}.dsr-tool:focus-visible{outline:2px solid var(--dsr-green);outline-offset:2px}.dsr-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dsr-tool .fill{fill:currentColor;stroke:none}.dsr-sound[aria-pressed=false] .wave,.dsr-sound[aria-pressed=true] .mute{display:none}.dsr-sound[aria-pressed=true]{border-color:var(--dsr-green);color:var(--dsr-green)}@media(hover:none){.dsr-kbd{display:none}}@media(max-width:989px){.dsr-readout{flex-direction:column;align-items:stretch;gap:4px;min-height:0}.dsr-call{order:-1;display:flex;align-items:baseline;gap:10px;text-align:left}.dsr-call-v{font-size:26px}}@media(min-width:750px)and (max-width:989px){.dsr-scene{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.dsr-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.dsr-legend{display:none}}@media(max-width:749px){.dsr-scene{grid-template-columns:minmax(0,1fr);border-radius:22px}.dsr-board{padding-bottom:4px}.dsr-call-v{font-size:24px}.dsr-cap-t{font-size:23px}.dsr-cap-b{font-size:14px}.dsr-legend{gap:4px 14px;font-size:12px;margin-top:10px}.dsr-remote{justify-self:end;width:min(100%,420px)}.dsr-stage{--dsr-crop: 24;aspect-ratio:600 / 496}.dsr-hud{top:2%}.dsr-tasks{display:flex;gap:10px;margin-top:12px;padding:10px 2px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.dsr-tasks::-webkit-scrollbar{display:none}.dsr-task{flex:0 0 62%;min-height:84px;scroll-snap-align:start}.dsr-task:hover:not([disabled]){transform:none}}@media(prefers-reduced-motion:reduce){.dsr-cap.is-in,.dsr-task.is-hint:after{animation:none}.dsr-task,.dsr-hud{transition:none}}
