.stream-main{padding:48px 0 84px;max-width:1000px;margin:0 auto}.stream-intro{max-width:720px;padding:38px 0 30px}.stream-intro h1{font-size:clamp(3rem,8vw,5.9rem);margin:14px 0 20px;line-height:.95}.stream-intro p{max-width:620px;color:var(--muted);font-size:1.12rem;line-height:1.7}.stream-card{border:1px solid var(--glass-highlight);border-radius:28px;padding:clamp(20px,4vw,34px);background:var(--card);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}.stream-card[hidden],.upload-panel[hidden],.video-empty[hidden],.join-playback[hidden],.notice[hidden]{display:none}.stream-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.stream-card-head h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:7px 0 0}.live-mark,.connection-status{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.8rem;font-weight:750;white-space:nowrap}.live-mark i,.connection-status i{width:8px;height:8px;border-radius:50%;background:#19ae7e;box-shadow:0 0 0 4px rgba(25,174,126,.13)}.connection-status.offline i{background:#e4a82c;box-shadow:0 0 0 4px rgba(228,168,44,.14)}.field-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.9rem;font-weight:800}.field-label span{font-size:.78rem;font-weight:650;color:var(--muted)}.create-row,.upload-row{display:flex;gap:10px}.create-row input[type=text]{flex:1;min-width:0;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.52);color:var(--ink);font:inherit}.create-row input:focus-visible,.upload-row input:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}.stream-button{min-height:48px;border-radius:999px;padding:0 19px;border:1px solid var(--line);font:inherit;font-size:.88rem;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.stream-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(8,36,43,.12)}.stream-button:disabled{opacity:.45;cursor:not-allowed}.stream-button.primary{color:white;border-color:#087b5c;background:linear-gradient(140deg,#108965,#07684e);box-shadow:0 8px 20px rgba(8,123,92,.17)}.stream-button.secondary{color:var(--ink);background:rgba(255,255,255,.5)}.form-hint,.stream-note{color:var(--muted);font-size:.84rem}.form-hint{margin:12px 0 0}.room-card{margin-top:20px}.room-heading-row{margin-bottom:18px}.video-shell{position:relative;display:grid;place-items:center;overflow:hidden;min-height:250px;aspect-ratio:16/9;border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(34,211,163,.11),transparent 35%),linear-gradient(145deg,#0d252d,#07141a);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.video-shell video{display:block;width:100%;height:100%;max-height:72vh;aspect-ratio:16/9;background:#050a0c;object-fit:contain}.video-empty{display:flex;align-items:center;flex-direction:column;gap:9px;padding:30px;color:#f2fbfa;text-align:center}.video-empty strong{font-size:1.12rem}.video-empty span{color:#a9bfbd;font-size:.9rem}.play-orb{display:grid;place-items:center;width:60px;height:60px;margin-bottom:7px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#08251d;background:linear-gradient(145deg,#a6f2d3,#37d3a2);box-shadow:0 10px 28px rgba(12,205,147,.22);padding-left:3px}.join-playback{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.76);border-radius:999px;padding:14px 20px;color:#09251d;background:#c5f7e2;font:inherit;font-weight:850;box-shadow:0 12px 32px rgba(0,0,0,.28);cursor:pointer}.upload-panel{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.22)}.upload-row input[type=file]{flex:1;min-width:0;padding:10px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font:inherit}.rights-check{display:flex;align-items:flex-start;gap:10px;margin-top:13px;color:var(--muted);font-size:.82rem}.rights-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--green)}.upload-progress-wrap{margin-top:16px}.progress-caption{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:.8rem;font-weight:750}progress{width:100%;height:9px;overflow:hidden;border:0;border-radius:99px;background:rgba(62,92,99,.16);accent-color:var(--green)}progress::-webkit-progress-bar{border-radius:99px;background:rgba(62,92,99,.16)}progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#087b5c,#22d3a3)}progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#087b5c,#22d3a3)}.room-tools{margin-top:18px}.invite-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.26)}.invite-box b,.invite-box span{display:block}.invite-box b{font-size:.93rem}.invite-box span{margin-top:2px;color:var(--muted);font-size:.8rem}.room-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 3px 0;color:var(--muted);font-size:.78rem}.text-button{padding:7px 0;border:0;color:#a73b44;background:transparent;font:inherit;font-weight:750;cursor:pointer}.notice{position:fixed;right:22px;bottom:22px;z-index:50;max-width:min(440px,calc(100vw - 32px));padding:14px 18px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:rgba(250,253,253,.96);box-shadow:0 15px 40px rgba(8,28,35,.2);font-size:.9rem;font-weight:700}.notice.error{color:#8a3035;border-color:rgba(180,50,60,.25)}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.how-step{display:flex;gap:13px;align-items:flex-start;padding:17px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.3)}.how-step>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:#12694f;background:rgba(34,211,163,.17);font-size:.73rem;font-weight:900}.how-step b,.how-step small{display:block}.how-step b{font-size:.87rem}.how-step small{margin-top:4px;color:var(--muted);font-size:.76rem;line-height:1.45}.stream-note{margin:17px 3px 0;font-size:.76rem;line-height:1.6}
[data-theme="dark"] .create-row input,[data-theme="dark"] .invite-box,[data-theme="dark"] .how-step,[data-theme="dark"] .upload-panel{background:rgba(11,31,39,.58)}[data-theme="dark"] .stream-button.secondary{background:rgba(19,45,54,.78)}[data-theme="dark"] .notice{color:#edf8f6;background:rgba(10,32,39,.97)}[data-theme="dark"] .notice.error{color:#ffc0c2}
@media(max-width:700px){.stream-main{padding-top:20px}.stream-intro{padding:34px 0 24px}.stream-intro h1{font-size:clamp(2.75rem,14vw,4.1rem)}.stream-card-head{align-items:flex-start}.live-mark{font-size:.68rem;padding:7px 9px}.create-row,.upload-row{flex-direction:column}.create-row .stream-button,.upload-row .stream-button{width:100%}.video-shell{min-height:210px}.invite-box{align-items:stretch;flex-direction:column}.room-footer{align-items:flex-start;flex-direction:column}.how-it-works{grid-template-columns:1fr}.connection-status{font-size:.72rem;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.stream-button{transition:none}.stream-button:hover:not(:disabled){transform:none}}
.youtube-frame-wrap{width:100%;height:100%;aspect-ratio:16/9;background:#050a0c}.youtube-frame-wrap iframe{display:block;width:100%;height:100%;min-height:250px;border:0}.source-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:.75rem;font-weight:750}.source-divider::before,.source-divider::after{content:"";height:1px;flex:1;background:var(--line)}.source-note{margin:9px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
[data-theme="dark"] .source-note{color:#abc0c4}
@media(max-width:700px){.youtube-frame-wrap iframe{min-height:210px}}

.stream-select,.stream-input{display:block;width:100%;min-height:48px;margin:0 0 14px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:rgba(255,255,255,.5);font:inherit}.stream-input:focus-visible,.stream-select:focus-visible{outline:3px solid var(--green);outline-offset:3px}.party-submit{margin-top:2px}.party-panel .source-note a{color:var(--green);font-weight:800}.party-panel code{font-size:.74rem}.party-details{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.24)}.party-details[hidden]{display:none}.party-details h3{margin:5px 0;font-size:1.25rem}.party-details p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.invite-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.extension-status{display:block!important;margin-top:7px!important;color:var(--muted);font-size:.75rem!important}
[data-theme="dark"] .stream-select,[data-theme="dark"] .stream-input,[data-theme="dark"] .party-details{background:rgba(11,31,39,.58)}
@media(max-width:700px){.party-details{align-items:stretch;flex-direction:column}.invite-actions{justify-content:flex-start}}