@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{
 color-scheme:dark;--nx-accent:#dcfb78;--nx-accent2:#a8d74d;--nx-on-accent:#101508;
 --nx-glow:rgba(203,244,108,.13);--bg:#0a0c0b;--surface:#151815;--surface2:#20251f;
 --stroke:#343a31;--text:#efeee7;--muted:#a5ad9e;--lime:#dcfb78;--limeDeep:#a8d74d;
 --radius:15px
}
:root[data-nx-accent="blue"]{--nx-accent:#dcfb78;--nx-accent2:#b9df5d;--nx-glow:rgba(203,244,108,.13);--nx-on-accent:#101508}
:root[data-nx-accent="purple"]{--nx-accent:#e8b6fe;--nx-accent2:#c28eea;--nx-glow:rgba(211,144,255,.14);--nx-on-accent:#211126}
:root[data-nx-accent="green"]{--nx-accent:#98f6be;--nx-accent2:#59dca4;--nx-glow:rgba(79,218,139,.14);--nx-on-accent:#0b2618}
html{background:#0a0c0b}
body{background:#0a0c0b;color:#efeee7;font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,h4,.brand,.room-code-row strong{font-family:'Space Grotesk','DM Sans',sans-serif}
button,a,input,select{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--nx-accent);outline-offset:3px}
.hidden{display:none!important}
.grain{display:none}
.entry{min-height:100dvh;background:
 radial-gradient(ellipse 60% 70% at 70% 18%,#52642827,transparent 72%),
 radial-gradient(ellipse 50% 60% at 10% 80%,#58756a18,transparent 70%),
 #0a0c0b!important}
.entry .topbar{border-bottom:1px solid #2b3028;height:83px;align-items:center}
.entry .brand,.sidebar-top .brand{font-size:24px;font-weight:800;letter-spacing:-.085em;color:#f2f1e9}
.entry .brand-symbol,.sidebar-top .brand-symbol{
 background:var(--nx-accent)!important;border:0!important;color:#172311!important;
 border-radius:12px;width:40px;height:40px;box-shadow:0 0 30px #b9e26d26
}
.entry .nx-server-pill{background:#192018;border:1px solid #3c4e33;color:#cee6b7}
.entry .nx-top-link{color:#abb6a5}
.entry .nx-nav-cta{background:var(--nx-accent);border:0;color:var(--nx-on-accent);border-radius:10px;font-size:12px;font-weight:800}
.entry .nx-nav-cta:hover{transform:translateY(-2px);background:var(--nx-accent2)}
.entry .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:clamp(28px,6vw,110px);max-width:1340px;padding:clamp(38px,5.5vw,92px) 0}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-size:10px;letter-spacing:.25em;color:#dcfb78;font-weight:700}
.hero-copy .eyebrow-line{width:28px;height:1px;background:#c2eb6a}
.hero-copy h1{font-size:clamp(48px,6.3vw,94px);letter-spacing:-.09em;line-height:.98;margin:24px 0 24px;max-width:770px;text-wrap:balance}
.hero-copy h1 em{font-style:normal;color:var(--nx-accent);background:none;-webkit-text-fill-color:var(--nx-accent);letter-spacing:-.09em}
.hero-copy>p:not(.small-disclaimer){font-size:clamp(13px,1.28vw,16px);line-height:1.8;color:#a8b0a5;max-width:520px}
.hero-copy .feature-row{margin:25px 0 30px;display:flex;gap:8px;flex-wrap:wrap}
.hero-copy .feature-row span{font-size:10px;font-weight:700;padding:9px 13px;background:#171e15;border:1px solid #34402c;border-radius:7px;color:#cfd9c8}
.nx-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nx-feature-card{min-width:0;min-height:145px;display:flex;flex-direction:column;gap:14px;border:1px solid #323b2f;background:#151a14;border-radius:13px;padding:17px}
.nx-feature-card:hover{border-color:#7b9867;background:#1a2218;transform:translateY(-3px)}
.nx-feature-icon{font:800 13px 'Space Grotesk';color:var(--nx-accent)}
.nx-feature-card strong{font:700 12px 'Space Grotesk';line-height:1.35;color:#e7ecdc}
.nx-feature-card small{font-size:10px;color:#9ba89b;line-height:1.5}
.hero-copy .small-disclaimer{font-size:9px;color:#849084}
.entry .entry-card{position:relative;background:#161b17!important;border:1px solid #3b4936;border-radius:19px;padding:30px;box-shadow:0 26px 80px #0008}
.entry .entry-card::before{height:3px;background:linear-gradient(90deg,var(--nx-accent),transparent)}
.entry-card .card-icon{border:1px solid #4c6044;background:#2c4226;color:#d3ff84;border-radius:11px}
.entry-card .version{color:#b6cfad;font:800 10px 'Space Grotesk';letter-spacing:.16em}
.entry-card h2{color:#f0f1e9;font-size:29px;letter-spacing:-.055em}
.entry-card .subtitle{color:#9ea99d}
.entry-card form>label{font-size:10px;color:#b0baa8;letter-spacing:.09em}
.entry-card form input,.entry-card input{background:#0f130f;border:1px solid #3d4a38;border-radius:9px;color:#f1f3ea;min-height:45px}
.entry-card input:focus{border-color:var(--nx-accent)}
.entry-card .primary-btn{background:var(--nx-accent);border:0;color:var(--nx-on-accent);border-radius:9px;font-weight:900}
.entry-card .secondary-btn{background:#232c21;color:#e0efd5;border:1px solid #526648;border-radius:9px}
.entry-card .separator{color:#71816d}
.entry-card .server-setting{background:#141b13;border:1px solid #333f30;border-radius:10px}
.entry-card .download-panel{background:#1b231a;border:1px solid #354a31;border-radius:11px}
.entry-card .download-button{background:#25351f;color:#d9f9b5;border:1px solid #627e4a}
.entry-card .privacy-note{color:#97ae8d}
.entry .landing-footer{color:#687667;border-top:1px solid #283025}
.room-layout:not(.hidden){
 background:#0b0e0c!important;grid-template-columns:270px minmax(0,1fr)!important;
 width:100%;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important
}
.room-layout:not(.hidden)>.sidebar{
 background:#101510!important;border-right:1px solid #30392d;min-height:0;
 display:flex;flex-direction:column;overflow:hidden
}
.room-layout .sidebar-top{padding:20px 18px 19px;border-bottom:1px solid #2c362a;background:#101710}
.sidebar-top .brand{font-size:22px;letter-spacing:-.07em}
.sidebar-top .brand-symbol{width:34px;height:34px;border-radius:10px}
.sidebar-top .sidebar-caption{display:block;color:#78936f;letter-spacing:.2em;font-size:9px;margin:11px 0 0}
.room-info{border:1px solid #394334;background:#1c231b;border-radius:13px;padding:17px;margin:14px 10px 9px}
.room-info .tiny-label,.security-panel .tiny-label{font-size:9px;letter-spacing:.16em;color:#a1b993}
.room-code-row strong{color:#f4f6ed;font-size:16px;letter-spacing:.12em}
.room-info .invite-btn{background:#d4f47c;border:0;color:#17220f;border-radius:8px;font-weight:800;font-size:10px;min-height:38px}
.room-info .icon-button{background:#253220;color:#bddc92;border:1px solid #516a3f}
.security-panel{background:#151e14;border:1px solid #394a35;border-radius:11px}
.security-panel .security-action{background:#263024;border:1px solid #43563b;color:#e3ebd9;border-radius:8px}
.security-panel .security-hint{color:#8b9e86}
.participant-title{padding:19px 17px 9px;color:#98ae91;letter-spacing:.16em;font-size:10px}
.participant-list{min-height:0;flex:1 1 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#536449 transparent;padding:0 9px 12px}
.participant.nx-member{border:1px solid #283229;background:#182018;border-radius:10px;margin-bottom:7px;padding:10px;gap:7px}
.participant.nx-member:hover{background:#202c20;border-color:#496644}
.participant.nx-member.nx-speaking{border-color:#b1d875;background:#29392a}
.participant.nx-member .avatar{background:#31462a!important;border:1px solid #53684e!important;color:#c7eca0!important;border-radius:9px}
.participant.nx-member .participant-info strong{color:#e9efe1;font-size:11px}
.participant.nx-member .participant-info small{color:#9cab99;font-size:9px}
.nx-owner-tag{background:#46562c;border:1px solid #92b253;color:#e8fcae}
.nx-member-action{background:#2a3528;border:1px solid #455543;color:#ccd9c7;border-radius:7px;font-size:9px}
.nx-member-action:hover{background:#354b33}
.nx-member-action.is-muted{background:#503834;border-color:#956d61;color:#ffe6d2}
.nx-member-action.nx-kick{background:#4e2925;border:1px solid #8e4c43;color:#ffd0c6}
.room-layout .sidebar-footer{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;background:#1d281c;border-top:1px solid #3b4837;padding:12px;gap:9px}
.sidebar-footer .identity{grid-column:1/-1}
.sidebar-footer .identity .avatar{background:#4b603c!important}
.nx-voice-controls{grid-column:1;display:flex;gap:7px}
.nx-voice-controls button{background:#2b3a29;color:#e7f0e2;border:1px solid #4b6747;border-radius:9px}
.nx-voice-controls button.is-active{background:#465e33;border-color:#aada6f}
.nx-voice-symbol{color:#c9f798;border-color:#668c53;font-family:'Space Grotesk'}
.sidebar-footer .leave-btn{background:#4b302a;border:1px solid #915e4b;color:#ffe1c9;border-radius:9px}
.room-layout:not(.hidden)>.stage{
 background:#0b0e0c!important;display:flex!important;flex-direction:column!important;
 min-width:0;min-height:0!important;max-height:100%!important;overflow:hidden!important;height:100%!important
}
.stage-header{background:#111711;border-bottom:1px solid #2c382b;align-items:center;padding:16px clamp(14px,2vw,28px)}
.stage-header .tiny-label{color:#9dbc86;font-size:9px;letter-spacing:.2em}
.stage-header h2{font-size:clamp(18px,2vw,26px);color:#f1f5eb;letter-spacing:-.065em}
.stage-header .stage-header-actions button{background:#253024;border:1px solid #435441;border-radius:9px;color:#ddebd4;padding:9px 12px}
.stage-header .stage-header-actions #roomModeButton{background:var(--nx-accent);color:var(--nx-on-accent);border:0}
.stage-header .stage-header-actions button:hover{background:#35492f}
.stage-header .live-count{background:#30472c;border:1px solid #587448;color:#d7f6aa}
.status-line{background:#0f150f;border-bottom:1px solid #232c23;color:#91a58a;padding:9px clamp(14px,2vw,28px)}
.connection-dot{background:#b7f580!important;box-shadow:0 0 0 4px #b7f58022}
.nx-stage-tools{background:#101711;border-bottom:1px solid #2e3a2d;padding:9px clamp(14px,2vw,28px)}
.nx-view-modes{background:#1d291d;border:1px solid #394b36;border-radius:8px}
.nx-view-modes button{color:#bdcbb8}
.nx-view-modes button.is-active{background:var(--nx-accent);color:var(--nx-on-accent);border-radius:7px}
.nx-quick-invite{background:#2c3a27;border:1px solid #4d6a42;color:#e6fbd5;border-radius:8px}
.nx-stage-hint{color:#72866f}
.room-layout .stage:not(.is-cinema)>.streams{
 background:radial-gradient(ellipse 50% 50% at 50% 35%,#28352231,transparent 74%),#0b0e0c;
 flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;
 padding:14px clamp(12px,2vw,28px)!important;gap:13px!important;
 grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr))
}
.stream-tile{border:1px solid #344333!important;border-radius:13px!important;overflow:hidden;background:#171e16!important;box-shadow:0 12px 35px #0003!important}
.stream-tile .tile-head{background:#1d281c!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 13px!important}
.stream-tile .tile-type{color:#90ad83}
.stream-tile .tile-actions button{background:#2b3929!important;border:1px solid #475b42!important;border-radius:7px!important;color:#dbead3!important;min-height:29px}
.stream-tile .tile-actions button:hover{border-color:#b3e772!important}
.stream-tile .tile-video-wrap{background:#010301!important;min-height:0!important;max-height:none!important}
.stream-tile .tile-video-wrap video{object-fit:contain!important;background:#010301!important}
.stream-tile.nx-featured{border-color:var(--nx-accent)!important;box-shadow:0 0 0 1px #a9d77c!important}
.empty-state{background:radial-gradient(circle at center,#2d472426,#131a13);border:1px dashed #41533d;border-radius:16px}
.empty-state h3{color:#f2f5e8;font-size:25px}
.empty-state p{color:#a4b7a2}
.room-layout .stage:not(.is-cinema)>.control-panel{
 background:#182318!important;border-top:1px solid #40523b!important;
 box-shadow:0 -10px 30px #0007!important;padding:10px 16px!important
}
.control-panel .buttons-control button{background:#263925;border:1px solid #45613e;color:#e8f0dd;border-radius:9px;min-height:40px}
.control-panel .buttons-control .share-btn{background:var(--nx-accent);color:var(--nx-on-accent);border:none;font-weight:900}
.control-panel>.nx-mobile-quality-toggle{background:#2e3c27!important;border:1px solid #5b794b!important;color:#dcefcf!important;border-radius:9px}
.room-layout .stage.nx-quality-open .control-panel>.nx-quality-settings{background:#1b271a!important;border-color:#607852!important;box-shadow:0 20px 70px #000d!important}
.control-panel .preset-controls select{background:#10190f;color:#e9f4dc;border-color:#587250}
.control-panel .nx-preset-buttons button{background:#344730;border:1px solid #58764f}
.control-panel .nx-preset-buttons button.is-active{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-quality-actual{background:#253925;border-color:#527045}
.room-chat{background:#1b261b!important;border:1px solid #496143!important;border-radius:13px;box-shadow:0 25px 60px #000a}
.room-chat-head{background:#293a27;border-bottom:1px solid #466040}
.room-chat-form{background:#1b2719}
.room-chat-form input{background:#111b11;border:1px solid #4c6443}
.nx-chat-popup{background:#263523;border-color:#6f8c60;border-left-color:var(--nx-accent)}
.nx-chat-popup:hover{background:#33482c}
.stage.is-cinema #cinemaPanel,.room-layout .stage.is-cinema #cinemaPanel{
 background:#0e120e!important;border:0!important;border-radius:0!important;
 margin:0!important;padding:clamp(14px,2vw,28px)!important;display:flex!important;
 flex-direction:column!important;gap:13px!important;
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;scrollbar-color:#465b3a transparent
}
.stage.is-cinema .status-line,.stage.is-cinema .nx-stage-tools{display:none!important}
#cinemaPanel .cinema-head{order:1;display:flex;align-items:start;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #2d3a2a}
#cinemaPanel .cinema-head .tiny-label{font:700 9px 'Space Grotesk';color:#b8e88e;letter-spacing:.22em}
#cinemaPanel .cinema-head h3{font-size:clamp(29px,3.3vw,50px);letter-spacing:-.075em;color:#f4f5eb;margin:7px 0 4px}
#cinemaPanel .cinema-head .cinema-pill{font-size:9px;border-radius:6px;background:#34462a;color:#cbeca7;border:1px solid #638852;vertical-align:middle}
.nx-cinema-subtitle{font-size:12px;color:#99ab95;margin:8px 0 0;line-height:1.6}
#cinemaPanel .cinema-quiet{background:#293829;color:#deefdb;border:1px solid #4f6b47;border-radius:9px;padding:9px 14px;white-space:nowrap}
#cinemaPanel .cinema-screen{order:2;display:grid!important;place-items:center!important;position:relative;width:100%!important;min-height:200px!important;height:auto!important;aspect-ratio:16/9!important;max-height:min(46dvh,520px)!important;background:#010302!important;border:1px solid #394535!important;border-radius:15px!important;box-shadow:0 12px 35px #0008;overflow:hidden}
#cinemaPanel .cinema-screen video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
#cinemaPanel .cinema-toolbar{order:3;display:flex;flex-wrap:wrap;gap:10px;padding:13px 15px;border-radius:11px!important;background:#1c291c!important;border:1px solid #324630!important}
#cinemaPanel .cinema-now strong{color:#ebf0e4;font-size:13px}
#cinemaPanel .cinema-now span{color:#9fba97;font-size:10px}
#cinemaPanel .cinema-buttons button{border:1px solid #526b49;background:#2b4027;color:#dcefd3;border-radius:8px;min-height:34px;font-weight:700}
#cinemaPanel .cinema-progress{order:4;display:flex;gap:10px;align-items:center}
#cinemaPanel .cinema-error{order:5;border:1px solid #b07b5d;background:#4b3125;color:#ffe2c9;border-radius:10px;line-height:1.65;font-size:12px}
#cinemaPanel .nx-cinema-recovery{order:6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;padding:17px;background:#222e21;border:1px solid #5b794f;border-left:3px solid var(--nx-accent);border-radius:12px}
.nx-cinema-recovery>div:first-child{flex:1 1 250px}
.nx-cinema-recovery strong{display:block;color:#edfbdb;font:700 15px 'Space Grotesk'}
.nx-cinema-recovery p{font-size:11px;color:#aec6a5;line-height:1.65;margin:7px 0 0}
.nx-recovery-actions{display:flex;flex-wrap:wrap;gap:7px}
.nx-recovery-actions button{min-height:37px;padding:9px 11px;background:#d9f478;color:#101608;border:0;border-radius:8px;font-size:10px;font-weight:900}
.nx-recovery-actions button+button{background:#35482f;color:#e4f0db;border:1px solid #608252}
#cinemaPanel .nx-cinema-help{order:7;background:#151f14;border:1px solid #31452e;border-radius:10px;padding:11px 13px;color:#8ba987}
#cinemaPanel .nx-cinema-modes{order:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:8px}
.nx-cinema-mode{position:relative;display:flex;flex-direction:column;align-items:start;gap:9px;padding:20px 17px;background:#1a2619;border:1px solid #354b30;border-radius:13px;min-width:0}
.nx-cinema-mode-featured{background:linear-gradient(150deg,#273b21,#1a2618);border-color:#74965b}
.nx-mode-number{font:800 9px 'Space Grotesk';letter-spacing:.18em;color:#b0d98e}
.nx-cinema-mode strong{font:700 17px 'Space Grotesk';letter-spacing:-.04em;color:#f0f6e8;line-height:1.28}
.nx-cinema-mode p{font-size:11px;color:#9db49a;line-height:1.62;margin:0;flex:1}
.nx-mode-file{display:inline-flex;align-items:center;justify-content:center;background:var(--nx-accent);color:var(--nx-on-accent);border:0;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer;min-height:40px}
.nx-mode-file:hover{background:var(--nx-accent2)}
.nx-mode-file input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.nx-mode-file:focus-within{outline:2px solid #fff;outline-offset:3px}
.nx-mode-note{font:600 10px 'DM Sans';color:#a2bc98}
#cinemaPanel .cinema-note{order:9;background:transparent;border:none;color:#8f9d8a;padding:5px;font-size:10px}
#cinemaPanel .cinema-source-controls{order:10;background:#1b281b;border:1px solid #344d30;border-radius:12px;padding:15px;gap:10px}
#cinemaPanel .cinema-import-controls{order:11;background:#192319;border:1px solid #344733;border-radius:12px;padding:15px}
#cinemaPanel .cinema-owner-library{order:12;padding-bottom:24px}
.cinema-catalog-head h4{font:700 clamp(20px,2.2vw,29px) 'Space Grotesk';letter-spacing:-.06em;color:#f0f4eb}
.cinema-catalog-head p{color:#9dac96}
.cinema-catalog-head .tiny-label{color:#b5da94;font-size:9px}
.cinema-owner-library #cinemaPlaylistPanel{background:#131b13;border:1px solid #32472e;border-radius:13px}
.cinema-owner-library #cinemaSearch,.cinema-owner-library #cinemaProviderFilter{background:#0a120a!important;color:#f1f5e9!important;border:1px solid #4a6042!important;border-radius:8px}
.cinema-category{background:#223222;border:1px solid #4e6946;color:#cfe5c2;border-radius:7px}
.cinema-category.active{background:var(--nx-accent);color:var(--nx-on-accent)}
.cinema-card{background:#1d2b1d;border:1px solid #344a33;border-radius:10px;overflow:hidden}
.cinema-card:hover{border-color:#8caf76;transform:translateY(-2px)}
.cinema-cover{background:linear-gradient(135deg,#273f25,#0f180f);aspect-ratio:2/3}
.cinema-card-play{background:var(--nx-accent);color:var(--nx-on-accent);border-radius:7px}
.nx-favorite-button{background:#293b27;color:#cadac2;border-color:#455d3e}
.nx-local-cinema-helper{background:#263622;border:1px solid #648454}
.nx-local-cinema-helper button{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-local-media-dock{flex:0 0 auto;display:flex;flex-direction:column;gap:9px;max-height:min(49dvh,530px);background:#192418;border-bottom:1px solid #486642;padding:10px 16px 12px}
.nx-local-media-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nx-local-media-bar>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.nx-local-media-kicker{font:800 9px 'Space Grotesk';letter-spacing:.17em;color:#b6e88f}
.nx-local-media-bar strong{font:700 14px 'Space Grotesk';color:#edf4e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-local-media-bar small{font-size:10px;color:#9fbd94}
.nx-local-media-bar button{padding:9px 12px;flex:0 0 auto;background:#4c3025;color:#ffe1c6;border:1px solid #95604b;border-radius:7px;font-size:10px;font-weight:700}
.nx-local-media-dock video{display:block;max-height:min(35dvh,390px);width:100%;background:#020402;border-radius:9px;object-fit:contain}
.nx-local-media-dock p{font-size:10px;color:#9aaa95;line-height:1.5;margin:0}
.phone-page.nx-phone-studio{background:radial-gradient(ellipse 70% 36% at 55% 0%,#4a6c2d35,transparent 80%),#0a0e0b}
.nx-phone-brand strong,.nx-phone-eyebrow{color:#baf57c}
.nx-phone-mark{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-phone-intro h1{color:#f2f5ec;font-family:'Space Grotesk';letter-spacing:-.07em}
.nx-phone-intro p{color:#aabbaa}
.nx-phone-preview-panel{background:#172116;border-color:#3b5236}
.nx-phone-device{background:#1a2719;border-color:#3a5434}
.nx-phone-device-buttons button{background:#30482d;color:#edf9e3;border-color:#64875a}
.nx-phone-both{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-phone-notice{background:#172218;border-color:#354d31;color:#a6bda0}
.nx-settings-backdrop .nx-settings{background:#1a2519;border:1px solid #4d6e40}
.nx-settings-head{background:#233520;border-color:#476440}
.nx-settings-section{background:#192718;border-color:#3d5935}
.nx-settings-head h2{color:#f2faec}
.nx-settings-section button{background:#30462b;color:#d9f2d2;border:1px solid #56794b}
.nx-settings-section button.is-active{background:var(--nx-accent);color:var(--nx-on-accent)}
@media(max-width:1120px){
 .entry .hero{grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:25px}
 .hero-copy h1{font-size:clamp(46px,5.8vw,76px)}
 #cinemaPanel .nx-cinema-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .room-layout:not(.hidden){grid-template-columns:245px minmax(0,1fr)!important}
}
@media(max-width:980px){
 .entry .hero{display:flex;flex-direction:column;align-items:stretch;max-width:680px;gap:25px}
 .hero-copy h1{font-size:clamp(48px,9vw,75px)}
 .room-layout:not(.hidden){display:block!important;position:relative!important;overflow:hidden!important}
 .room-layout:not(.hidden)>.sidebar{position:fixed!important;top:0;bottom:0;left:0;width:min(325px,86vw);height:100dvh!important;z-index:60;transform:translateX(-105%);visibility:hidden}
 body.nx-sidebar-open .room-layout:not(.hidden)>.sidebar{transform:translateX(0);visibility:visible}
 .room-layout:not(.hidden)>.stage{height:100dvh!important}
 .stage-header{padding:11px 13px}
 .stage-header .stage-header-actions{flex:1 1 100%;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto}
 .stage-header .stage-header-actions button{white-space:nowrap}
 #cinemaPanel .nx-cinema-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .entry .topbar{height:auto;min-height:72px}
 .entry .nx-top-actions{gap:7px}
 .entry .nx-top-link{display:none}
 .hero-copy h1{font-size:clamp(43px,11vw,62px)}
 .nx-feature-cards{grid-template-columns:1fr}
 .nx-feature-card{min-height:80px;display:grid;grid-template-columns:30px 1fr;align-items:start;gap:5px 13px}
 .nx-feature-card small{grid-column:2}
 .entry .entry-card{padding:20px}
 .room-layout .stage:not(.is-cinema)>.streams{padding:8px!important}
 .room-layout .stage:not(.is-cinema) .control-panel .buttons-control{display:grid!important;grid-template-columns:1fr 1fr!important}
 .room-layout .stage:not(.is-cinema) .control-panel .buttons-control .share-btn{grid-column:1/-1!important}
 #cinemaPanel .nx-cinema-modes{grid-template-columns:1fr}
 #cinemaPanel .cinema-head h3{font-size:30px}
 #cinemaPanel .cinema-head{flex-wrap:wrap}
 #cinemaPanel .cinema-screen{min-height:160px!important;max-height:35dvh!important}
 #cinemaPanel .cinema-toolbar{padding:9px;gap:6px}
 #cinemaPanel .cinema-buttons{display:flex;flex-wrap:wrap;gap:5px}
 #cinemaPanel .cinema-buttons button{font-size:10px;min-height:34px;padding:8px}
 .nx-local-media-bar{align-items:start}
 .nx-local-media-bar button{font-size:9px;white-space:normal}
 .nx-local-media-dock{max-height:55dvh}
 .room-chat{top:90px;right:6px;bottom:12px;width:calc(100% - 12px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.room-layout .nx-workspace-nav{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;padding:13px 10px 9px;border-bottom:1px solid #2b3828}
.nx-workspace-link{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:55px;padding:10px 11px;border:1px solid transparent;background:transparent;color:#b8c9ad;border-radius:10px;cursor:pointer}
.nx-workspace-link:hover{background:#202d1e;border-color:#344b2e}
.nx-workspace-link.is-active{background:#273b20;color:#edffe0;border-color:#627f50}
.nx-workspace-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:9px;background:#263323;color:#aecd8e}
.nx-workspace-link.is-active .nx-workspace-icon{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-workspace-icon svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}
.nx-workspace-link>span:last-child{display:flex;flex-direction:column;min-width:0;gap:3px}
.nx-workspace-link strong{font:700 12px 'Space Grotesk';letter-spacing:-.025em}
.nx-workspace-link small{font:500 10px 'DM Sans';color:#91a78b}
.nx-workspace-link.is-active small{color:#b5d5a3}
@media(max-height:620px) and (min-width:981px){
 .room-layout .nx-workspace-nav{padding-top:7px;padding-bottom:7px;gap:2px}
 .nx-workspace-link{min-height:43px;padding:5px 10px}
 .nx-workspace-icon{height:29px;width:29px;flex-basis:29px}
 .nx-workspace-icon svg{width:17px;height:17px}
}

.nx-mode-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5f7c4c;background:#2b4027;border-radius:8px;color:#e5f5d9;font-size:11px;font-weight:800;cursor:pointer;padding:10px 13px;min-height:40px}
.nx-mode-secondary:hover{background:#395331;border-color:#b8e978;color:#fff}

/* Version 7.1: visible design fingerprint, not the legacy purple skin */
.nx-version-pill{display:inline-flex;align-items:center;margin-left:7px;vertical-align:middle;padding:4px 7px;border-radius:5px;color:#131a09;background:#dcfb78;border:1px solid #dcfb78;font:800 9px 'Space Grotesk',sans-serif;letter-spacing:.02em;white-space:nowrap}
.nx-hard-refresh{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;width:100%;padding:11px 14px;margin-top:12px;background:#dcfb78!important;color:#101508!important;border:0!important;border-radius:9px;font:800 12px 'Space Grotesk',sans-serif;cursor:pointer}
.nx-hard-refresh:hover{background:#bbec5e!important}
.nx-hard-refresh:disabled{opacity:.65;cursor:wait}
#cinemaPanel .nx-cinema-recovery:not(.hidden){display:flex!important}
.nx-cinema-mode-featured .nx-mode-file:focus-within,.nx-recovery-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.nx-visual-v7:not(.nx-native-floating):not(.nx-native-fullscreen) .stage:not(.is-cinema) .control-panel{background:#192719!important}
@media(max-width:650px){.entry .brand .nx-version-pill{font-size:8px;padding:3px 5px;margin-left:3px}.sidebar-top .nx-version-pill{font-size:8px}}