:root{color-scheme:dark;--bg: #070a10;--bg-deep: #02040a;--surface: #0d121b;--surface-raised: #141b28;--border: rgba(128, 174, 255, .14);--border-strong: rgba(140, 185, 255, .26);--text: #f3f7ff;--muted: #7f8da4;--muted-bright: #b8c4d8;--accent: #087dff;--accent-soft: #42a5ff;--accent-ice: #9fd2ff;--success: #4ee3b3;--danger: #ff7f7f;--shadow: 0 24px 70px rgba(0, 10, 30, .5);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--bg-deep);scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(135deg,#030812f5,#050a12fa 44%,#081221f5),radial-gradient(circle at 78% 0%,rgba(8,125,255,.18),transparent 30rem),radial-gradient(circle at 12% 18%,rgba(159,210,255,.08),transparent 28rem),var(--bg);color:var(--text);line-height:1.55}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}h1,h2,h3{font-family:Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}h1{margin:0 0 1rem;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02}h2{margin:0 0 .7rem;line-height:1.15}p{color:var(--muted-bright)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:relative;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;width:min(100% - 3rem,1240px);min-height:58px;margin:0 auto;border-bottom:1px solid var(--border)}.app-title{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font-family:Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.98rem;font-weight:800;letter-spacing:0}.app-mark{display:block;width:30px;height:30px;border:1px solid rgba(159,210,255,.28);border-radius:8px;object-fit:cover;box-shadow:0 0 0 1px #087dff2e,0 0 24px #087dff47}.app-nav{display:flex;justify-content:center;align-items:center;gap:.25rem}.app-nav-link{position:relative;color:var(--muted);text-decoration:none;padding:.42rem .62rem;border-radius:.5rem;font-size:.82rem;font-weight:700;transition:color .16s ease,background .16s ease}.app-nav-link:hover{color:var(--text);background:#ffffff09}.app-nav-link--active{color:var(--text)}.app-nav-link--active:after{content:"";position:absolute;left:50%;bottom:-13px;width:16px;height:2px;border-radius:2px;background:var(--accent);transform:translate(-50%)}.app-account{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;min-width:0}.app-user{display:flex;align-items:center;gap:.45rem;max-width:190px;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #68d5a21a}.app-main{flex:1;width:min(100% - 3rem,1240px);margin:0 auto;padding:1.2rem 0 4rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:.72rem 1.15rem;border:1px solid transparent;border-radius:.7rem;color:var(--text);text-decoration:none;font-weight:700;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:linear-gradient(135deg,#0867ff,#0aa7ff);color:#fff;box-shadow:0 12px 30px #087dff3d}.button--primary:hover{background:linear-gradient(135deg,#1387ff,#65c7ff);box-shadow:0 16px 36px #087dff52}.button--secondary,.button--quiet{border-color:var(--border-strong);background:#69a0ff0e}.button--secondary:hover,.button--quiet:hover{border-color:#9fd2ff6b;background:#087dff1f}.button--small{min-height:34px;padding:.45rem .7rem;font-size:.78rem}.button:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}.eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;color:var(--accent-soft);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow>span{width:18px;height:2px;background:currentColor}.auth-intro h1 em{color:var(--accent);font-style:normal}.home-page{display:flex;flex-direction:column;gap:1.5rem}.home-hub{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:1.5rem;align-items:start}.home-hub--signed-in{grid-template-columns:1fr}.home-receiver,.home-access{padding:clamp(1.35rem,3vw,2rem)}.home-receiver__intro,.home-access__header{margin-bottom:1.25rem}.home-receiver__intro h1,.home-access__header h2{margin-bottom:.55rem}.home-receiver__intro p:last-child,.home-access__header p:last-child{margin:0}.home-access__actions{display:flex;flex-wrap:wrap;gap:.8rem}.nav-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.home-hub--signed-in .nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-card{position:relative;display:flex;flex-direction:column;min-height:275px;padding:1.35rem;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(145deg,#ffffff08,#ffffff03);color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.nav-card:before{content:"";position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:#087dff1a;filter:blur(20px);transition:background .2s ease}.nav-card:hover{transform:translateY(-5px);border-color:#42a5ff80;background:linear-gradient(145deg,#087dff1f,#ffffff05)}.nav-card__top{display:flex;justify-content:space-between;align-items:start;margin-bottom:auto}.nav-card__icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:.75rem;background:#ffffff09;color:var(--accent-soft)}.nav-card__icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-card__arrow{color:var(--muted);font-size:1.1rem;transition:color .16s ease,transform .16s ease}.nav-card:hover .nav-card__arrow{color:var(--accent);transform:translate(2px,-2px)}.nav-card__eyebrow{margin:2.2rem 0 .55rem;color:var(--accent-soft);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-card h2{margin:0 0 .55rem;font-size:1.1rem;letter-spacing:0}.nav-card p{margin:0;font-size:.84rem;line-height:1.6}.surface-card{border:1px solid var(--border);border-radius:1.15rem;background:linear-gradient(145deg,#121b2adb,#050910b8);box-shadow:var(--shadow),inset 0 1px #9fd2ff14}.auth-page{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,420px);align-items:start;gap:clamp(1.5rem,5vw,4rem);min-height:0}.auth-intro .eyebrow{margin-bottom:.7rem}.auth-intro h1{font-size:2rem;line-height:1.05}.auth-intro>p:last-child{max-width:420px;margin:0;font-size:.95rem;line-height:1.55}.auth-form{width:100%;max-width:420px;padding:1.25rem}.auth-form__heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.auth-form__icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:.6rem;background:var(--accent);font-size:1rem;font-weight:700}.auth-form__heading h2{margin:0 0 .1rem;font-size:1.05rem;letter-spacing:0}.auth-form__heading p{margin:0;font-size:.78rem}.auth-form form{display:flex;flex-direction:column;gap:.55rem}.auth-form label{margin-top:.45rem;color:var(--muted-bright);font-size:.78rem;font-weight:600}.auth-form input{width:100%;padding:.68rem .8rem;border:1px solid var(--border-strong);border-radius:.62rem;background:#05090b80;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.auth-form input:hover{border-color:#ffffff40}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #087dff2e}.auth-form form .button{width:100%;margin-top:.75rem}.auth-security{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.85rem 0 0;color:var(--muted);font-size:.72rem}.form-error{color:var(--danger);font-size:.87rem}.phase-note{color:var(--muted);font-size:.86rem;border-left:2px solid var(--accent);padding-left:.75rem}.connection-status{color:var(--muted);font-size:.86rem}button:not(.button):not(.media-card):not(.media-card__preview):not(.receiver-toolbar-button){min-height:40px;padding:.55rem .85rem;border:1px solid var(--border-strong);border-radius:.65rem;background:var(--surface-raised);color:var(--text);font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}button:not(.button):not(.media-card):not(.media-card__preview):not(.receiver-toolbar-button):hover{border-color:#42a5ff80;background:#162235}.receiver-shell{display:flex;flex-direction:column;align-items:flex-start}.home-receiver .receiver-shell>h1{display:none}.pairing-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,340px);margin-top:.7rem;padding:1.25rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface);box-shadow:var(--shadow);text-align:center}.home-receiver .pairing-card,.home-receiver .pairing-status{margin-top:0}.home-receiver .pairing-card{width:min(100%,420px)}.home-receiver .compact-page-header{display:none}.pairing-pin{color:var(--text);font-family:Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:800;letter-spacing:.22rem;font-variant-numeric:tabular-nums}.pairing-card img{max-width:min(100%,190px);height:auto;padding:.5rem;border-radius:.65rem;background:#fff}.pairing-status{margin-top:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}.pairing-status--connected{border-color:#68d5a24d;color:var(--success)}.compact-page{display:flex;flex-direction:column;gap:.8rem}.compact-page--narrow{max-width:480px}.compact-page-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-height:40px;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.compact-page-header>div{min-width:0}.compact-page-header h1{margin:0;font-size:1.05rem;line-height:1;letter-spacing:0;white-space:nowrap}.compact-page-header p{margin:.18rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-form{padding-top:.6rem}.compact-form form{display:grid;gap:.55rem}.compact-form label{color:var(--muted-bright);font-size:.76rem;font-weight:700}.compact-form input{width:100%;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:.6rem;background:#05090b80;color:var(--text)}.compact-form button{justify-self:start}.compact-form>a{display:inline-flex;margin-top:.7rem;color:var(--muted-bright);font-size:.8rem;text-decoration:none}.library-page{display:flex;flex-direction:column;gap:.7rem}.library-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-height:40px;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.library-header>div:first-child{display:flex;align-items:baseline;gap:.65rem;min-width:0}.library-header h1{margin:0;font-size:1.05rem;line-height:1;letter-spacing:0;white-space:nowrap}.library-header p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-dropzone{margin-top:1.5rem;padding:3rem 2rem;border:1px dashed rgba(255,255,255,.22);border-radius:1rem;background:#ffffff05;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.upload-dropzone:before{content:"↑";display:grid;place-items:center;width:42px;height:42px;margin:0 auto 1rem;border-radius:.75rem;background:#087dff29;color:var(--accent-ice);font-size:1.25rem;font-weight:700}.upload-dropzone p{margin:0}.upload-dropzone span{display:block;margin-top:.2rem;font-size:.72rem}.upload-dropzone--compact{flex:0 0 auto;min-height:32px;margin-top:0;padding:.38rem .65rem .38rem 2.1rem;position:relative;border-style:solid;border-radius:.6rem;text-align:left}.upload-dropzone--compact:before{position:absolute;left:.58rem;top:50%;width:18px;height:18px;margin:0;border-radius:.35rem;transform:translateY(-50%);font-size:.68rem}.upload-dropzone--compact p{color:var(--text);font-size:.76rem;font-weight:800;line-height:1}.upload-dropzone--compact span{display:none}.upload-dropzone--active,.upload-dropzone:hover{border-color:var(--accent);background:#087dff14;transform:translateY(-2px)}.upload-tasks{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none}.upload-tasks li{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface);font-size:.85rem}.upload-tasks progress{flex:1;max-width:200px;accent-color:var(--accent)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;margin-top:.25rem}.media-card{overflow:hidden;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);transition:transform .16s ease,border-color .16s ease}.media-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.media-card img,.media-card__placeholder{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;background:#070a0c}.media-card__preview{position:relative;display:block;width:100%;padding:0;border:0;background:#070a0c;color:inherit;cursor:pointer}.media-card__preview:disabled{cursor:not-allowed;opacity:.72}.media-card__play{position:absolute;right:.55rem;bottom:.55rem;padding:.32rem .48rem;border:1px solid rgba(255,255,255,.18);border-radius:.48rem;background:#05090bc7;color:var(--text);font-size:.68rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-card__placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.09em}.media-card__body{padding:.8rem}.media-card__name{margin:0 0 .3rem;color:var(--text);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__meta{display:flex;flex-wrap:wrap;gap:.32rem;margin:.45rem 0 .65rem}.media-card__meta span{padding:.18rem .42rem;border:1px solid var(--border);border-radius:999px;color:var(--muted-bright);background:#ffffff06;font-size:.68rem;line-height:1.25}.media-card__status{display:inline-flex;align-items:center;margin:0 0 .75rem;color:var(--success);font-size:.78rem;font-weight:700}.media-card__status--pending,.media-card__status--processing{color:var(--accent-soft)}.media-card__status--failed{color:var(--danger)}.media-card .phase-note{margin:.35rem 0 .8rem}.media-card__actions{display:flex;flex-wrap:wrap;gap:.45rem}.media-card__actions button{min-height:32px!important;padding:.4rem .58rem!important;font-size:.74rem}.media-card--pickable{padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.media-card--active{border-color:var(--accent);outline:2px solid rgba(8,125,255,.35)}.media-player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#000000db}.media-player{display:flex;flex-direction:column;width:min(100%,980px);max-height:min(88vh,760px);overflow:hidden;contain:layout paint;isolation:isolate;border:1px solid var(--border-strong);border-radius:.8rem;background:#070a0c;box-shadow:0 18px 48px #0000006b}.media-player:fullscreen{width:100vw;height:100vh;max-height:none;border:0;border-radius:0}.media-player__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-bottom:1px solid var(--border);background:#12191ef5}.media-player__bar h2{margin:0;max-width:56vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;letter-spacing:0}.media-player__bar p{margin:.14rem 0 0;color:var(--muted);font-size:.72rem}.media-player__actions{display:flex;gap:.45rem;align-items:center}.media-player__actions button{min-height:32px!important;padding:.4rem .58rem!important;font-size:.74rem}.cast-launcher{display:inline-block;width:32px;height:32px;cursor:pointer;--connected-color: #3ea6ff;--disconnected-color: #d7dde3}.media-player__stage{position:relative;display:grid;place-items:center;min-height:320px;background:#000}.media-player:fullscreen .media-player__stage{min-height:0;flex:1}.media-player__media{display:block;max-width:100%;max-height:calc(88vh - 78px);object-fit:contain}.media-player:fullscreen .media-player__media{max-height:calc(100vh - 58px)}.cast-sheet{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;z-index:3;display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border-strong);border-radius:1rem;background:#0c0e12f7;box-shadow:var(--shadow)}.cast-sheet__kicker{display:flex;align-items:center;gap:.45rem;margin:0 0 .45rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cast-sheet__title{margin:0 0 .65rem;color:var(--text);font-size:.95rem;font-weight:800}.cast-sheet__now .cast-sheet__device{width:100%;justify-content:flex-start}.cast-sheet__device--active{border-color:var(--accent)}.cast-sheet__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.cast-sheet__list button{width:100%;justify-content:flex-start;min-height:48px;padding:.75rem .9rem;text-align:left}.cast-sheet__spinner{width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent-soft);border-radius:50%;animation:cast-spin .8s linear infinite}.cast-sheet__dismiss{justify-self:end}@keyframes cast-spin{to{transform:rotate(360deg)}}.media-player__cast-note{position:absolute;left:.7rem;top:.7rem;z-index:2;max-width:min(520px,calc(100% - 1.4rem));margin:0;padding:.42rem .58rem;border:1px solid rgba(159,210,255,.24);border-radius:.55rem;background:#050910e6;color:var(--muted-bright);font-size:.74rem;font-weight:700}.media-player__audio{display:grid;gap:1rem;width:min(100% - 2rem,620px);padding:2rem;text-align:center}.media-player__audio p{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.media-player__audio-control{width:100%}.sender-controls-shell{padding:1px;background:var(--bg)}.sender-controls-shell:fullscreen{padding:1.5rem;overflow-y:auto}.sender-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.2rem}.transport-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--surface)}.transport-controls input[type=range]{flex:1;min-width:120px;accent-color:var(--accent)}.transport-controls__title{width:100%;margin:0 0 .25rem;color:var(--muted);font-size:.84rem}.live-sender{margin:0 0 1.25rem;padding:1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--surface);display:grid;gap:.75rem}.live-sender__copy h2{margin:0;font-size:1.05rem}.live-sender__copy p{margin:.35rem 0 0;color:var(--muted);font-size:.88rem}.live-sender__actions{display:flex;flex-wrap:wrap;gap:.45rem}.live-preview{width:min(100%,280px);max-height:180px;object-fit:cover;border-radius:.6rem;background:#000}.live-stage{position:relative;display:grid;place-items:center;width:100%;min-height:0;margin-bottom:1rem;border:1px solid var(--border);border-radius:1rem;background:#030405;overflow:hidden}.live-stage--active{min-height:42vh}.live-remote{display:block;width:100%;max-height:min(72vh,720px);object-fit:contain;background:#000}.receiver-stage--video{min-height:0;aspect-ratio:16 / 9}.receiver-stage--audio{min-height:180px}.receiver-stage:fullscreen{min-height:100vh;border-radius:0}.receiver-media{display:block;max-width:100%;max-height:90vh;margin:0 auto}.receiver-media--video{width:100%;height:100%;max-height:calc(100dvh - 1rem);object-fit:contain}.receiver-audio{text-align:center;padding:2rem}.receiver-audio audio{display:block;width:min(100%,520px);margin-top:1rem}@media (max-width: 980px){.app-header{grid-template-columns:auto 1fr;gap:.75rem;min-height:56px;padding:.55rem 0}.app-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:.15rem}.app-nav-link--active:after{bottom:-4px}.app-account{grid-column:2;grid-row:1}.home-hub{grid-template-columns:1fr}.nav-grid,.home-hub--signed-in .nav-grid{grid-template-columns:repeat(2,1fr)}.auth-page{gap:4rem}}@media (max-width: 760px){.app-header,.app-main{width:min(100% - 2rem,1240px)}.app-header{min-height:56px}.app-user{display:none}.app-main{padding:1rem 0 3rem}.auth-page{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:2.2rem}.auth-intro h1{font-size:clamp(2.5rem,12vw,4rem)}.auth-form{align-self:center}.nav-grid,.home-hub--signed-in .nav-grid{grid-template-columns:1fr}.library-header{align-items:center;flex-direction:row}.library-header>div:first-child{flex-direction:column;align-items:flex-start;gap:.18rem}.upload-dropzone--compact{flex-basis:auto;width:auto}.media-player-overlay{padding:.6rem}.media-player{max-height:92vh}.media-player__bar{align-items:flex-start;flex-direction:column;gap:.6rem}.media-player__bar h2{max-width:calc(100vw - 2.2rem)}.media-player__actions{width:100%;justify-content:flex-end}.media-player__stage{min-height:240px}.media-player__media{max-height:calc(92vh - 112px)}}@media (max-width: 520px){.app-title>span:last-child{display:none}.app-nav{gap:0;margin-right:-1rem;padding-right:1rem}.app-nav-link{padding:.5rem .58rem;font-size:.78rem;white-space:nowrap}.nav-card{min-height:235px}.pairing-card{padding:1rem}.home-receiver,.home-access{padding:1.2rem}.home-access__actions .button{width:100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}