.spot{--s-bg:#0f1412;--s-panel:#1a201d;--s-panel2:#222a26;--s-line:#2c3531;--s-fg:#eef2ef;--s-muted:#98a39d;--s-accent:#6ccf9b;--s-gold:#e4b45c;--s-love:#1f9d55;--s-nope:#d0433f;--s-have:#2f66b8;--s-xmas:#123a2b;width:100%;color:var(--s-fg);font-family:var(--font-sans);background:radial-gradient(120% 90% at 70% 10%, #18241f 0%, var(--s-bg) 60%);border-radius:18px;position:relative;overflow:hidden}.spot-tall{aspect-ratio:4/5}.spot-wide{aspect-ratio:16/9}.spot-record{border-radius:0}.spot-stage{position:absolute;inset:0;container-type:size}.spot-caption{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;color:var(--s-fg);font-weight:600;line-height:1.12;position:absolute}.spot-tall .spot-caption{text-align:center;font-size:5.6cqw;top:5.5cqh;left:7cqw;right:7cqw}.spot-wide .spot-caption{width:40cqw;font-size:4.4cqw;top:50%;left:7cqw;translate:0 -50%}.spot-phone{aspect-ratio:9/19;background:#050706;border-radius:6.5cqh;padding:1.1cqh;position:absolute;box-shadow:0 3cqh 8cqh #0000008c,inset 0 0 0 .25cqh #2a312d;container-type:inline-size}.spot-tall .spot-phone{height:74cqh;margin-left:-17.5263cqh;bottom:4cqh;left:50%}.spot-wide .spot-phone{height:88cqh;top:6cqh;right:12cqw}.spot-screen{background:var(--s-bg);border-radius:5.6cqh;font-size:4.7cqw;position:absolute;inset:1.1cqh;overflow:hidden}.spot-layer{position:absolute;inset:0}.spot .caret{vertical-align:-.15em;background:var(--s-accent);width:.08em;height:1.05em;margin-left:.06em;animation:.9s steps(2,end) infinite spot-blink;display:inline-block}.spot .caret.dark{background:#1c2320}@keyframes spot-blink{50%{opacity:0}}.spot-ripple{pointer-events:none;border:.18em solid #ffffffd9;border-radius:50%;width:3em;height:3em;position:absolute;top:50%;left:50%}.spot .is-pressed{filter:brightness(1.15);transform:scale(.9)}.spot .app-head{align-items:center;gap:.45em;padding:3.2em 1.2em .8em;font-size:1.05em;display:flex}.spot .sbtn{border-radius:.7em;justify-content:center;align-items:center;gap:.5em;padding:.8em 1em;font-weight:600;transition:transform .1s;display:flex;position:relative}.spot .sbtn.primary{background:var(--s-accent);color:#0d1a13;margin:1em 1.2em 0}.spot .sbtn.dark{color:#fff;background:#1c2320;margin-top:.8em}.spot .spin{border:.15em solid #0d1a1340;border-top-color:#0d1a13;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spot-spin}@keyframes spot-spin{to{transform:rotate(360deg)}}.spot .msg{background:#000;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:0}.spot .msg-head{background:#0d0d0e;border-bottom:1px solid #1c1c1e;justify-items:center;gap:.3em;padding:2.8em 0 .8em;font-size:.9em;display:grid}.spot .msg-avatar{background:linear-gradient(#9aa1a9,#6d747c);border-radius:50%;place-items:center;width:2.6em;height:2.6em;font-size:1.1em;font-weight:600;display:grid}.spot .msg-thread{flex-direction:column;gap:.5em;padding:1.2em .9em;display:flex}.spot .bubble{border-radius:1.1em;max-width:80%;padding:.6em .9em;font-size:1.05em;line-height:1.3}.spot .bubble.me{color:#fff;background:#2f7cf6;border-bottom-right-radius:.3em;align-self:flex-end}.spot .bubble.them{color:#f2f2f2;background:#262629;border-bottom-left-radius:.3em;align-self:flex-start}.spot .bubble.typing{gap:.3em;padding:.75em .9em;display:flex}.spot .bubble.typing i{background:#8e8e93;border-radius:50%;width:.45em;height:.45em;animation:1s infinite spot-dot}.spot .bubble.typing i:nth-child(2){animation-delay:.15s}.spot .bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes spot-dot{0%,60%,to{opacity:.35}30%{opacity:1}}.spot .bubble.link{gap:.5em;display:grid}.spot .link-card{background:#ffffff29;border-radius:.6em;align-items:center;gap:.4em;padding:.5em .6em;font-size:.85em;font-weight:600;display:flex}.spot .setup{background:var(--s-bg);position:absolute;inset:0}.spot .sf{gap:.3em;padding:.45em 1.2em;font-size:.85em;display:grid}.spot .sf span{color:var(--s-fg);font-weight:600}.spot .sf-in{border:1px solid var(--s-line);background:var(--s-panel);border-radius:.55em;align-items:center;min-height:2.3em;padding:0 .8em;font-size:1.1em;display:flex}.spot .sf-in.focus{border-color:var(--s-accent);box-shadow:0 0 0 .15em #6ccf9b40}.spot .rcp{background:radial-gradient(110% 70% at 50% 0%, #1b4a37 0%, var(--s-xmas) 55%, #0b2a1f 100%);grid-template-rows:auto 1fr auto auto;display:grid;position:absolute;inset:0}.spot .rcp-head{justify-content:space-between;align-items:flex-start;gap:.5em;padding:2.9em .9em .4em;display:flex}.spot .rcp-head b{font-family:var(--font-display);font-size:1.05em}.spot .rcp-head small{color:#ffffffb3;font-size:.72em}.spot .rcp-head span{color:#ffffffa6;font-size:.62em;display:block}.spot .rcp-pill{white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;flex:none;align-items:center;gap:.35em;padding:.4em .65em;font-size:.62em;font-weight:600;display:inline-flex;position:relative}.spot .rcp-deck{margin:.4em 1.6em .2em;position:relative}.spot .rcp-card{color:#1d2621;will-change:transform;background:#fbf6ee;border-radius:1.1em;grid-template-rows:1fr auto auto;gap:.2em;padding:.7em;display:grid;position:absolute;inset:0;box-shadow:0 .8em 1.6em #00000059}.spot .rcp-photo{background:#fff;border-radius:.7em;place-items:center;min-height:0;display:grid;overflow:hidden}.spot .rcp-photo img{object-fit:contain;width:88%;height:88%}.spot .rcp-name{font-family:var(--font-display);text-align:center;padding-top:.25em;font-size:1.15em;font-weight:600}.spot .rcp-desc{color:#5d6862;text-align:center;padding-bottom:.2em;font-size:.7em}.spot .rcp-btns{justify-content:center;gap:.5em;padding-top:.6em;display:flex}.spot .vbw{justify-items:center;gap:.45em;width:5.4em;display:grid}.spot .vbw small{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;font-size:.5em;font-weight:600}.spot .vb{color:#fff;border:.16em solid #f3efe6;border-radius:50%;place-items:center;width:3.1em;height:3.1em;font-size:1.15em;transition:transform .1s;display:grid;position:relative;box-shadow:0 .3em .7em #00000059}.spot .vb.nope{background:var(--s-nope)}.spot .vb.have{background:var(--s-have)}.spot .vb.love{background:var(--s-love)}.spot .rcp-skip{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;justify-self:center;margin:.7em 0 1.6em;padding:.45em .9em;font-size:.66em;font-weight:600;transition:transform .1s;position:relative}.spot .rcp-toast{color:#fff;white-space:nowrap;background:#000000bf;border-radius:999px;padding:.55em .9em;font-size:.68em;font-weight:600;position:absolute;top:42%;left:50%;translate:-50%}.spot .rcp-sheet-wrap{background:#06120d99;align-items:end;display:grid;position:absolute;inset:0}.spot .rcp-sheet{color:#1c2320;background:#fbf6ee;border-radius:1.2em 1.2em 0 0;gap:.45em;padding:1.2em 1.1em 1.8em;display:grid}.spot .rcp-sheet b{font-family:var(--font-display);font-size:1.05em}.spot .rcp-sheet p{color:#5d6862;font-size:.7em}.spot .rcp-ta{background:#fff;border:1px solid #cfd6d2;border-radius:.6em;min-height:3.6em;padding:.5em .6em;font-size:.85em;box-shadow:0 0 0 .15em #1f6f502e}.spot .sdash{background:var(--s-bg);position:absolute;inset:0}.spot .sdash-a,.spot .sdash-b{gap:.5em;padding:0 1.1em;display:grid;position:absolute;top:5.6em;left:0;right:0}.spot .sdash-note{border-left:.18em solid var(--s-accent);background:#6ccf9b1f;border-radius:0 .6em .6em 0;padding:.5em .7em;font-size:.85em}.spot .sdash-note small{text-transform:uppercase;letter-spacing:.06em;color:var(--s-muted);font-size:.7em;font-weight:600;display:block}.spot .sdash-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--s-muted);align-items:center;gap:.4em;margin-top:.4em;font-size:.62em;font-weight:600;display:flex}.spot .dot{border-radius:50%;width:.7em;height:.7em;display:inline-block}.spot .dot.love{background:var(--s-accent)}.spot .sdash-row{background:var(--s-panel);border-radius:.6em;align-items:center;gap:.6em;padding:.45em .55em;font-size:.85em;font-weight:500;display:flex}.spot .sdash-thumb{background:#fff;border-radius:.45em;flex:none;place-items:center;width:2.2em;height:2.2em;display:grid;overflow:hidden}.spot .sdash-thumb img{object-fit:contain;width:86%;height:86%}.spot .sdash-thumb.lg{width:3.2em;height:3.2em}.spot .sdash-a .sbtn.primary{margin:.6em 0 0}.spot .sdash-gift{background:var(--s-panel);border-radius:.8em;grid-template-columns:auto minmax(0,1fr);gap:.7em;padding:.75em;font-size:.92em;display:grid}.spot .sdash-gift.hero{background:#e4b45c1f;border:1px solid #e4b45c73}.spot .sdash-gift .gold{color:var(--s-gold);text-transform:uppercase;letter-spacing:.08em;font-size:.72em;font-weight:700}.spot .sdash-gift-title{justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.spot .sdash-gift-title span{color:var(--s-muted);white-space:nowrap;font-size:.85em;font-weight:600}.spot .sdash-gift p{color:var(--s-muted);margin:.15em 0 .35em;font-size:.85em;line-height:1.3}.spot .amz{color:#111;background:#ffd27a;border-radius:.4em;padding:.25em .55em;font-size:.78em;font-weight:700;display:inline-block}.spot-end{text-align:center;place-content:center;justify-items:center;gap:2.2cqh;padding:0 6cqw;display:grid;position:absolute;inset:0}.spot .end-logo{align-items:center;gap:1.6cqw;display:flex}.spot-tall .end-logo svg{width:auto;height:7.5cqh}.spot-wide .end-logo svg{width:auto;height:11cqh}.spot .end-tag{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.08}.spot-tall .end-tag{font-size:7.2cqw}.spot-wide .end-tag{font-size:5cqw}.spot .end-url{color:var(--s-accent);font-weight:600}.spot .end-url span{color:var(--s-muted);font-weight:500}.spot-tall .end-url{font-size:4.2cqw}.spot-wide .end-url{font-size:2.6cqw}.spot-controls{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.spot-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0a0e0cb8;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.spot-controls button:hover{background:#1e2622e6}.spot-controls button:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.spot-progress{background:#ffffff26;border-radius:2px;flex:1;height:4px;overflow:hidden}.spot-progress i{background:var(--s-accent);height:100%;display:block}.spot-tall.spot-player .spot-phone{height:calc(74cqh - 40px);margin-left:calc(-17.5263cqh + 9.47368px);bottom:calc(4cqh + 40px)}.spot-rec-page{background:#0f1412;width:100vw;height:100vh;margin:0;overflow:hidden}.spot-page{background:#0b0f0d;place-items:center;min-height:100vh;padding:16px;display:grid}.spot-page-inner.tall{width:min(100%,560px,80vh - 25.6px)}.spot-page-inner.wide{width:min(100%,1280px,177.778vh - 56.8889px)}.hero-spot{width:min(100%,460px);box-shadow:var(--shadow);border-radius:18px;justify-self:center}.spot .spot-bug{opacity:.92;z-index:1;align-items:center;gap:.9cqw;display:flex;position:absolute}.spot-tall .spot-bug{bottom:3cqh;left:4.5cqw}.spot-tall .spot-bug svg{width:auto;height:3.4cqh}.spot-wide .spot-bug{top:6cqh;left:4cqw}.spot-wide .spot-bug svg{width:auto;height:4.6cqh}