:root{--recordings-bg:#f4f6f8;--recordings-card:#fff;--recordings-border:#e2e8f0;--recordings-text:#0f172a;--recordings-muted:#475569;--recordings-accent:#1d4ed8;--recordings-danger:#b42318}.recordings-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(29,78,216,.09),transparent 42%),radial-gradient(circle at 95% 0,rgba(16,185,129,.08),transparent 38%),var(--recordings-bg);padding:28px 16px 42px}.recordings-shell{width:min(1120px,100%);margin:0 auto;display:grid;gap:16px}.recordings-header{border:1px solid var(--recordings-border);border-radius:16px;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}.recordings-kicker{margin:0;color:#2563eb;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.recordings-title{margin:4px 0 0;color:var(--recordings-text);font-size:30px;line-height:1.1;font-weight:700}.recordings-subtitle{margin:8px 0 0;color:var(--recordings-muted);font-size:14px}.recordings-header-actions{display:inline-flex;align-items:center;gap:10px}.recording-delete-btn,.recording-play-btn,.recordings-header-btn,.recordings-load-more-btn,.recordings-retry-btn,.recordings-signin-btn{border:1px solid var(--recordings-border);border-radius:10px;background:#fff;color:var(--recordings-text);font-size:13px;font-weight:600;text-decoration:none;padding:10px 14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.recording-delete-btn:hover,.recording-play-btn:hover,.recordings-header-btn:hover,.recordings-load-more-btn:hover,.recordings-retry-btn:hover,.recordings-signin-btn:hover{border-color:#c8d4e3;background:#f8fafc}.recordings-feedback,.recordings-signin{border:1px solid var(--recordings-border);border-radius:14px;background:var(--recordings-card);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.recordings-feedback-text,.recordings-signin-text{margin:0;color:var(--recordings-muted);font-size:14px;line-height:1.4}.recordings-signin-btn--disabled{opacity:.55;pointer-events:none}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.recording-card{border:1px solid var(--recordings-border);border-radius:14px;background:var(--recordings-card);padding:14px;display:grid;gap:12px}.recording-card--current{border-color:#93c5fd;box-shadow:0 0 0 1px rgba(37,99,235,.18)}.recording-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.recording-video-id{color:var(--recordings-text);font-size:14px;line-height:1.25;font-weight:700;word-break:break-all}.recording-badges{display:inline-flex;align-items:center;gap:6px}.recording-badge{border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1e40af;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.recording-badge--trace{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.recording-meta{display:grid;gap:4px;color:var(--recordings-muted);font-size:13px;line-height:1.35}.recording-expires-in{color:#9a3412;font-weight:600}.recording-actions{display:flex;gap:10px}.recording-play-btn{background:#1d4ed8;border-color:#1d4ed8;color:#fff;flex:1}.recording-play-btn:hover{background:#1e40af;border-color:#1e40af}.recording-delete-btn{background:#fff;border-color:#fecaca;color:var(--recordings-danger)}.recording-delete-btn:disabled{opacity:.65;cursor:not-allowed}.recordings-empty{margin:0;border:1px dashed var(--recordings-border);border-radius:12px;background:#fff;color:var(--recordings-muted);padding:18px;text-align:center}.recordings-footer{display:flex;justify-content:center}.recordings-feedback--inline{margin-top:6px}.recordings-skeleton-block{display:grid;gap:10px}.recordings-skeleton-row{height:66px;border-radius:12px;background:linear-gradient(90deg,#eff3f8 20%,#f8fbff 45%,#eff3f8 70%);background-size:220% 100%;animation:recordings-pulse 1.2s ease infinite}@keyframes recordings-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:700px){.recordings-page{padding:16px 10px 26px}.recordings-header{padding:14px;flex-direction:column;align-items:flex-start}.recordings-title{font-size:24px}.recordings-header-btn,.recordings-load-more-btn,.recordings-retry-btn,.recordings-signin-btn{width:100%}.recordings-feedback,.recordings-signin{flex-direction:column;align-items:stretch}.recording-actions{flex-direction:column}}