.quoros-timeline{--df-bg:#14232f;--df-text:#deebe8;--df-accent:#e8b667;background:var(--df-bg);color:var(--df-text);padding:20px;border:1px solid #435561;font:13px system-ui}.quoros-timeline header,.quoros-transport{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.quoros-timeline header span{margin-left:auto}.quoros-timeline button{background:#263e4a;color:inherit;padding:7px 10px;border:1px solid #637b81;border-radius:4px}.quoros-timeline input{accent-color:var(--df-accent)}.quoros-timeline input[type=number]{width:75px;padding:6px}.quoros-scrub{width:100%}.quoros-lane{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px;margin:12px 15px 12px 0}.quoros-key-track{height:32px;background:#213542;position:relative}.quoros-key-track .quoros-diamond{position:absolute;transform:translate(-50%);border:0;background:none;color:var(--df-accent);padding:7px;z-index:1}.quoros-key-track i{position:absolute;top:0;bottom:0;width:2px;background:#df7976;pointer-events:none}.quoros-lane button[aria-pressed=true]{border-color:var(--df-accent)}.retina-entry{--bg:#10171a;--surface:#172125;--ink:#e6e6dc;--muted:#a4b2b2;--line:#34464a;--accent:#e3c795;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif;border:1px solid var(--line);border-radius:14px;padding:22px;max-width:1200px;margin:16px auto}.retina-entry.light{--bg:#ecece4;--surface:#f8f7ef;--ink:#263739;--muted:#536967;--line:#bac5be;--accent:#75552c}.retina-entry header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.retina-entry h2{font-size:25px;font-weight:500;margin:8px 0 0}.retina-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--accent)}.retina-entry button,.retina-entry input{font:inherit}.retina-entry button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px 13px;cursor:pointer}.retina-entry button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.retina-entry button[aria-pressed=true]{border-color:var(--accent)}.retina-entry button:disabled{opacity:.4;cursor:default}.retina-actions,.retina-stops{display:flex;gap:8px;flex-wrap:wrap}.retina-viewport{position:relative;background:radial-gradient(ellipse at 50% 45%,#293235,#0e1518 80%);overflow:hidden;border-radius:8px}.light .retina-viewport{background:radial-gradient(ellipse,#f5f3e9,#d2d8cf)}.retina-canvas{width:100%;aspect-ratio:16/9;filter:blur(var(--retina-blur,0px))}.retina-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.retina-phase{position:absolute;left:18px;bottom:16px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);pointer-events:none}.retina-transport{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.retina-transport input{flex:1;min-width:30px;accent-color:var(--accent)}.retina-transport output{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.retina-status,.retina-note,.retina-entry footer{font-size:10px;line-height:1.6;color:var(--muted)}.retina-entry footer{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.retina-entry details{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.retina-entry summary{cursor:pointer;margin:8px 0}.retina-entry .quoros-timeline{background:var(--surface);color:var(--ink)}.retina-entry .quoros-timeline input{color:var(--ink);background:var(--bg)}@media (max-width:640px){.retina-entry{padding:12px}.retina-entry header{align-items:flex-start;flex-direction:column}.retina-entry h2{font-size:22px}.retina-transport{gap:6px}.retina-transport button{padding:8px}.retina-phase{font-size:8px;bottom:9px;left:10px}}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium.cf3408a1.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}.reader-stage:has([data-applet-id="retina-entry"]){height:auto;min-height:0;position:relative;align-self:start;padding-top:64px}.reader-stage .retina-existing-video{padding:0 20px 20px;font:12px Montserrat,Arial,sans-serif}.reader-stage .retina-existing-video a{text-decoration:underline}.retina-entry.retina-intro{padding:0;margin:0;max-width:none;border:0;border-radius:12px;overflow:hidden}.retina-intro .retina-viewport{border-radius:0}.retina-intro canvas:focus-visible{outline:2px solid #e3c795;outline-offset:-3px}body:has(.retina-intro[data-active="true"]) .feedback-launch{visibility:hidden;pointer-events:none}