.cast-page{max-width:920px;margin:0 auto;padding:18px 16px 64px}.cast-intro{color:var(--dim);margin:4px 0 18px;font-size:15px;line-height:1.55}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:640px){.cast-grid{grid-template-columns:minmax(0,1fr)}}.cast-card{background:var(--panel-grad);border:1px solid var(--line);min-width:0;box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.cast-card-head{align-items:center;gap:10px;display:flex}.cast-card-icon{font-size:24px}.cast-card-title{font-family:var(--font-display), system-ui, sans-serif;margin:0;font-size:20px;font-weight:700}.cast-card-sub{color:var(--dim);margin:0;font-size:13.5px;line-height:1.5}.cast-field{flex-direction:column;gap:6px;display:flex}.cast-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:12px}.cast-select{background:var(--bg-2);width:100%;min-width:0;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:15px}.cast-select:focus{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);border-color:var(--accent)}.cast-empty{color:var(--dim);margin:0;font-size:14px;font-style:italic}.cast-btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;transition:filter .15s,opacity .15s}.cast-btn:hover:not(:disabled){filter:brightness(1.06)}.cast-btn:disabled{opacity:.5;cursor:not-allowed}.cast-btn.ghost{color:var(--txt);border-color:var(--line);background:0 0}.cast-btn.stop{color:#ff9b9b;border-color:color-mix(in srgb, #ff6b6b 50%, var(--line));background:0 0}.cast-connected{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.cast-dot{background:var(--home);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--home) 22%, transparent);border-radius:50%}.cast-onnow{width:100%;color:var(--dim);font-size:13px}.cast-actions{gap:8px;margin-left:auto;display:flex}.cast-actions .cast-btn,.cast-btn-sm{padding:8px 12px;font-size:13px}.cast-now{color:var(--txt);overflow-wrap:anywhere;margin:0;font-size:13.5px}.cast-now strong{color:var(--home)}.cast-now-dim{color:var(--dim);font-style:italic}.cast-saving{color:var(--dim)}.cast-kantine-pick{align-self:flex-start;text-decoration:none}.cast-screenlink{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.cast-url-row{align-items:center;gap:8px;display:flex}.cast-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));border-radius:8px;flex:auto;padding:8px 10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px;overflow:hidden}.cast-link-actions{flex-wrap:wrap;gap:8px;display:flex}.cast-link-actions .cast-btn{text-align:center;flex:auto;text-decoration:none}.cast-qr{flex-direction:column;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.cast-qr-img{box-shadow:var(--card-shadow);background:#fff;border-radius:12px;padding:8px}.cast-qr-skel{background:color-mix(in srgb, var(--txt) 6%, transparent);border-radius:12px}.cast-qr-cap{color:var(--dim);text-align:center;font-size:12px}.cast-chromecast{color:var(--dim);border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.cast-note{border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.55}.cast-note p{margin:6px 0 0}.cast-note code{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:6px;padding:1px 6px;font-size:.92em}.cast-note-warn{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--txt);margin-bottom:16px}