.original-preview .sc-phone {
      position: relative; width: 270px; flex-shrink: 0;
      filter: drop-shadow(0 32px 56px rgba(0,0,0,.18));
    }.original-preview .sc-phone-frame {
      background: #1a1a1a;
      border-radius: 3rem;
      padding: 10px;
      position: relative;
    }.original-preview .sc-phone-frame::before {
      content:'';
      position:absolute; top:14px; left:50%; transform:translateX(-50%);
      width:70px; height:5px;
      background:#333; border-radius:99px; z-index:10;
    }.original-preview .sc-screen-wrap {
      border-radius: 2.4rem;
      overflow: hidden;
      background: #f5f5f7;
      height: 480px;
      position: relative;
    }.original-preview .sc-screen {
      position: absolute; inset: 0;
      opacity: 0;
      transform: translateY(18px) scale(.97);
      transition: opacity .5s ease, transform .5s ease;
      pointer-events: none;
      overflow: hidden;
    }.original-preview .sc-screen.active {
      opacity: 1; transform: none;
      pointer-events: auto;
    }.original-preview .sc-screen.exit {
      opacity: 0; transform: translateY(-18px) scale(.97);
    }.original-preview .scr-swipe { background:#f5f5f7; display:flex; flex-direction:column; }.original-preview .scr-swipe .sc-topbar {
      background:white; padding:.6rem 1rem;
      display:flex; align-items:center; justify-content:space-between;
      font-size:.55rem; font-weight:700; color:#aaa; flex-shrink:0;
    }.original-preview .scr-swipe .sc-topbar .sc-logo { color:var(--rose); font-weight:900; font-size:.7rem; }.original-preview .sc-card {
      margin:.5rem .75rem; border-radius:1.5rem;
      overflow:hidden; flex:1;
      box-shadow:0 8px 24px rgba(0,0,0,.1);
      display:flex; flex-direction:column;
    }.original-preview .sc-card-top {
      padding:.9rem 1rem .7rem; flex-shrink:0;
    }.original-preview .sc-card-top.male { background:linear-gradient(135deg,#0b6096,#1a8fd1); }.original-preview .sc-card-top.female { background:linear-gradient(135deg,#a9294b,#e05a7a); }.original-preview .sc-card-top.both { background:linear-gradient(135deg,#1e7e3e,#3ab86a); }.original-preview .sc-badge { font-size:.52rem; color:rgba(255,255,255,.8); font-weight:700; margin-bottom:.15rem; }.original-preview .sc-name { font-size:2.2rem; font-weight:900; color:white; letter-spacing:-.03em; line-height:1; }.original-preview .sc-en { font-size:.58rem; color:rgba(255,255,255,.65); font-weight:600; letter-spacing:.14em; margin-top:.15rem; }.original-preview .sc-card-body { background:white; flex:1; padding:.75rem 1rem; }.original-preview .sc-desc { font-size:.6rem; color:#555; line-height:1.55; margin-bottom:.6rem; }.original-preview .sc-tags { display:flex; gap:.3rem; flex-wrap:wrap; margin-bottom:.6rem; }.original-preview .sc-tag { background:#f0f4ff; color:var(--blue); font-size:.52rem; font-weight:700; padding:.1rem .4rem; border-radius:99px; }.original-preview .sc-stats { display:flex; gap:.4rem; }.original-preview .sc-stat {
      flex:1; background:#fafafa; border-radius:.6rem; padding:.4rem .3rem;
      text-align:center; border:1px solid #f0f0f0;
    }.original-preview .sc-stat-v { font-size:.62rem; font-weight:800; color:var(--rose); display:block; }.original-preview .sc-stat-l { font-size:.48rem; color:#aaa; }.original-preview .sc-actions {
      display:flex; justify-content:center; gap:1rem;
      padding:.75rem 0 .5rem; flex-shrink:0; background:rgba(245,245,247,.95);
    }.original-preview .sc-btn { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; }.original-preview .sc-btn.skip { background:white; box-shadow:0 3px 10px rgba(0,0,0,.1); }.original-preview .sc-btn.like { background:linear-gradient(135deg,#a9294b,#d44e72); box-shadow:0 4px 14px rgba(169,41,75,.4); }.original-preview .scr-match {
      background: linear-gradient(160deg,#a9294b,#c9466a);
      display:flex; flex-direction:column; align-items:center; justify-content:center;
      text-align:center; padding:2rem 1.5rem;
      gap:.75rem;
    }.original-preview .scr-match .m-confetti { font-size:1.8rem; }.original-preview .scr-match .m-hearts { font-size:2.8rem; animation:heartbeat 2s ease-in-out infinite; }.original-preview .scr-match .m-title { font-size:1.4rem; font-weight:900; color:white; letter-spacing:-.02em; }.original-preview .scr-match .m-sub { font-size:.7rem; color:rgba(255,255,255,.8); }.original-preview .scr-match .m-name-box {
      background:rgba(255,255,255,.15); border:1.5px solid rgba(255,255,255,.3);
      border-radius:1rem; padding:.6rem 1.5rem;
      font-size:1.8rem; font-weight:900; color:white; letter-spacing:-.02em;
    }.original-preview .scr-match .m-btn {
      background:white; color:var(--rose);
      font-size:.72rem; font-weight:800;
      padding:.5rem 1.5rem; border-radius:99px;
      box-shadow:0 4px 16px rgba(0,0,0,.2);
    }.original-preview .scr-filter { background:white; display:flex; flex-direction:column; }.original-preview .scr-filter .f-header {
      padding:.7rem 1rem; background:white;
      border-bottom:1px solid #f0f0f0; flex-shrink:0;
      display:flex; align-items:center; gap:.5rem;
    }.original-preview .f-header-title { font-size:.75rem; font-weight:800; color:var(--text); }.original-preview .f-header-back { font-size:.7rem; color:var(--rose); font-weight:700; }.original-preview .scr-filter .f-body { padding:.75rem 1rem; overflow:hidden; }.original-preview .f-section { margin-bottom:.9rem; }.original-preview .f-label { font-size:.58rem; font-weight:700; color:#888; letter-spacing:.05em; margin-bottom:.4rem; text-transform:uppercase; }.original-preview .f-chips { display:flex; gap:.3rem; flex-wrap:wrap; }.original-preview .f-chip {
      font-size:.6rem; font-weight:600; padding:.25rem .65rem;
      border-radius:99px; border:1.5px solid #e0e0e0; color:#666;
      transition:all .15s;
    }.original-preview .f-chip.on { background:var(--rose); color:white; border-color:var(--rose); }.original-preview .f-chip.on.blue { background:var(--blue); border-color:var(--blue); }.original-preview .f-chip.on.green { background:#1e7e3e; border-color:#1e7e3e; }.original-preview .f-save {
      margin:.5rem 1rem 0;
      background:linear-gradient(135deg,var(--rose),var(--rose-light));
      color:white; font-size:.7rem; font-weight:800;
      padding:.6rem; border-radius:.75rem; text-align:center;
    }.original-preview .scr-list { background:#f5f5f7; display:flex; flex-direction:column; }.original-preview .scr-list .l-header {
      background:white; padding:.7rem 1rem;
      border-bottom:1px solid #f0f0f0; flex-shrink:0;
      font-size:.75rem; font-weight:800; color:var(--text);
      display:flex; align-items:center; justify-content:space-between;
    }.original-preview .l-header .l-count { font-size:.6rem; color:var(--muted); font-weight:500; }.original-preview .l-list { padding:.6rem .75rem; display:flex; flex-direction:column; gap:.5rem; overflow:hidden; }.original-preview .l-item {
      background:white; border-radius:1rem; padding:.7rem .9rem;
      display:flex; align-items:center; gap:.75rem;
      box-shadow:0 2px 8px rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.04);
    }.original-preview .l-avatar {
      width:38px; height:38px; border-radius:.75rem; flex-shrink:0;
      display:flex; align-items:center; justify-content:center;
      font-size:1rem; font-weight:900;
    }.original-preview .l-avatar.m { background:linear-gradient(135deg,#0b6096,#1a8fd1); color:white; font-size:.65rem; }.original-preview .l-avatar.f { background:linear-gradient(135deg,#a9294b,#e05a7a); color:white; font-size:.65rem; }.original-preview .l-info { flex:1; }.original-preview .l-name { font-size:.78rem; font-weight:800; color:var(--text); }.original-preview .l-sub { font-size:.55rem; color:var(--muted); margin-top:.1rem; }.original-preview .l-heart { font-size:.9rem; }.original-preview .sc-benefit {
      text-align:center; max-width:480px;
      min-height:90px;
      display:flex; flex-direction:column; align-items:center; justify-content:center;
      gap:.4rem;
    }.original-preview .sc-benefit-text {
      opacity:0; transform:translateY(10px);
      transition: opacity .4s ease, transform .4s ease;
    }.original-preview .sc-benefit-text.active { opacity:1; transform:none; }.original-preview .sc-benefit-icon { font-size:2rem; display:block; margin-bottom:.3rem; }.original-preview .sc-benefit-title { font-size:1.3rem; font-weight:900; color:var(--text); letter-spacing:-.02em; }.original-preview .sc-benefit-desc { font-size:.9rem; color:var(--muted); line-height:1.6; }.original-preview .sc-dots { display:flex; gap:.5rem; }.original-preview .sc-dot {
      width:8px; height:8px; border-radius:50%;
      background:#e0e0e0; cursor:pointer;
      transition:all .3s ease;
    }.original-preview .sc-dot.active { background:var(--rose); width:24px; border-radius:4px; }.original-preview .sc-progress {
      position:absolute; bottom:0; left:0; right:0; height:3px;
      background:rgba(0,0,0,.08); overflow:hidden; border-radius:0 0 2.4rem 2.4rem;
    }.original-preview .sc-progress-bar {
      height:100%; width:0%;
      background:linear-gradient(90deg,var(--rose),var(--rose-light));
      transition:width linear;
    }

    /* Frame and controls around the original, unredesigned four screens. */
.original-preview { --text:#38232c; --blue:#1976b9; --rose:#a9294b; --rose-light:#d44e72; width:100%; text-align:center; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.original-preview .hero-phone-link { display:block; text-decoration:none; color:inherit; max-width:100%; }
.original-preview .hero-phone-wrap { width:220px; max-width:100%; filter:drop-shadow(0 15px 25px #4d263329); }
.original-preview .sc-screen-wrap { height:390px; }
.original-preview .sc-screen > div { height:100%; }
.original-preview .sc-phone-frame { background:#34212a; }
.original-preview .sc-topbar img { width:40px; height:39px; object-fit:contain; }
.original-preview .sc-card { min-height:0; text-align:right; }
.original-preview .sc-actions { padding:.4rem 0; }
.original-preview .sc-btn { width:38px; height:38px; }
.original-preview .sc-card-body { padding:.65rem .7rem; }
.original-eyebrow { font-size:1rem; font-weight:600; color:#682d45; margin:0; }
.original-captions { min-height:3rem; display:grid; place-items:center; }
.original-captions p { margin:0; font-size:.9375rem; color:#682d45; font-weight:600; }
.original-controls { display:flex; flex-direction:column; align-items:center; gap:.15rem; }
.original-controls[hidden], .original-captions [hidden] { display:none; }
.original-dots { display:flex; direction:rtl; }
.original-dots button { width:44px; height:44px; padding:0; display:grid; place-items:center; border:0; background:transparent; cursor:pointer; }
.original-dots button span { width:7px; height:7px; border-radius:20px; background:#b894a2; transition:width .3s,background .3s; }
.original-dots button[aria-pressed=true] span { width:22px; background:#a9294b; }
.original-preview #preview-pause { background:transparent; border:0; min-height:44px; font:inherit; font-size:.8125rem; color:#682d45; cursor:pointer; padding:.3rem .7rem; }
.original-disclaimer { font-size:.75rem; color:#705762; margin:0; }
.original-preview :focus-visible { outline:3px solid #a9294b; outline-offset:3px; border-radius:.4rem; }
@media(prefers-reduced-motion:reduce) { .original-preview .sc-screen,.original-dots button span { transition:none; } .original-preview .m-hearts { animation:none; } }