.pair-page{background-image:radial-gradient(circle at 50% -10%,#00e6760f 0%,#0000 50%);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.pair-page .container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.pair-page header{border-bottom:1px solid var(--border-subtle);padding:28px 0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.badge-pill{color:var(--accent-glow);background:#00e6761a;border:1px solid #00e67633;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:64px 0 48px;display:grid}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:40px 0}}.hero-text h1{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:800;line-height:1.15}.hero-text p.subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:32px;font-size:1.15rem}@media (width<=900px){.hero-text p.subtitle{margin-left:auto;margin-right:auto}}.how-it-works{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.step-item{text-align:left;align-items:center;gap:14px;display:flex}@media (width<=900px){.step-item{justify-content:center}}.step-number{border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--accent-glow);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.step-text span{color:var(--text-secondary);font-size:.82rem;font-weight:400;display:block}.download-btn{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#ffffff0d;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.download-btn:hover{border-color:var(--border-hover);background:#ffffff1a}.qr-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex;box-shadow:0 24px 48px #00000080}.qr-card h3{font-size:1.2rem;font-weight:700}.qr-card p{color:var(--text-secondary);font-size:.88rem}.qr-box{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:220px;height:220px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.qr-box img{width:100%;height:100%}.qr-status{color:#000;font-size:.85rem;font-weight:600}.qr-overlay{opacity:0;pointer-events:none;background:#fffffff5;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.qr-overlay.show{opacity:1;pointer-events:auto}.qr-overlay-text{color:#0b1220;font-size:.85rem;font-weight:600}.spinner{border:4px solid #00000014;border-top-color:#00c853;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-check{width:56px;height:56px;display:none}.success-check circle{fill:none;stroke:#00c853;stroke-width:4px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.5s forwards draw}.success-check path{fill:none;stroke:#00c853;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s .4s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.qr-overlay.success .spinner{display:none}.qr-overlay.success .success-check{display:block}.status-indicator{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.pulse-dot{background-color:var(--accent-glow);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;animation:1.6s infinite pulse}.features-section{border-top:1px solid var(--border-subtle);margin-top:32px;padding:48px 0 80px}.features-header{text-align:center;margin-bottom:40px}.features-header h2{margin-bottom:8px;font-size:1.8rem;font-weight:700}.features-header p{color:var(--text-secondary);font-size:.95rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.feature-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:24px}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.feature-icon{margin-bottom:12px;font-size:1.6rem;display:inline-block}.feature-card h4{margin-bottom:6px;font-size:1.05rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.pair-page footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-secondary);padding:24px 0;font-size:.8rem}.session-page{background-image:radial-gradient(circle at 50% -10%,#00e6760d 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.workspace{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:20px;width:100%;max-width:720px;height:85vh;padding:28px;display:flex;box-shadow:0 24px 48px #00000080}.workspace.error-state{text-align:center;align-items:center;height:auto;margin:auto}.error-state h2{color:var(--error)}.error-state p{color:var(--text-secondary)}.app-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.logo-small{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.session-id{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:8px;padding:4px 10px;font-family:monospace;font-size:.8rem}.status-wrapper{align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.status-dot{width:8px;height:8px;transition:var(--transition-smooth);border-radius:50%}.status-dot.connecting{background-color:var(--warn);box-shadow:0 0 10px var(--warn);animation:1.5s infinite pulse}.status-dot.connected{background-color:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.cards-container{flex-direction:column;flex:1;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar-track{background:0 0}.cards-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.clip-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#ffffff05;flex-direction:column;gap:10px;padding:16px;animation:.3s forwards fadeIn;display:flex}.clip-card:hover{border-color:var(--border-hover);background:#ffffff0a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.clip-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.clip-content{color:var(--text-primary);word-break:break-word;white-space:pre-wrap;max-height:140px;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:auto}.copy-card-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:.78rem;font-weight:500}.copy-card-btn:hover{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-secondary);margin:auto;font-size:.9rem;line-height:1.6}.session-page kbd{border:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace}.footer-hint{color:var(--text-secondary);border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding-top:16px;font-size:.8rem;display:flex}.primary-btn{background:var(--text-primary);color:var(--bg-base);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.primary-btn:hover{background:#fff;transform:translateY(-2px)}:root{--bg-base:#090d16;--bg-panel:#ffffff08;--border-subtle:#ffffff14;--border-hover:#ffffff29;--text-primary:#ededf1;--text-secondary:#8e8ea0;--accent-glow:#00e676;--accent-gradient:linear-gradient(135deg, #00e676 0%, #00bfff 100%);--warn:#ffea00;--error:#f36;--radius-lg:20px;--radius-md:12px;--font-main:"Inter", system-ui, -apple-system, sans-serif;--transition-smooth:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-main)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.toast{color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:1000;background:#141c2deb;border:1px solid #00e67659;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:all .35s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%,-24px);box-shadow:0 10px 30px #00000073}.toast.show{opacity:1;transform:translate(-50%)}.toast-icon{background:var(--accent-gradient);color:#04110a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:flex}