:root{--bg:#0b1020;--panel:#151d32;--panel2:#1b263f;--text:#f4f6fd;--muted:#a6b3cb;--border:#2e3a54;--accent:#a46aff;--accent2:#8055e8;--green:#7dddb3;--red:#ffa5b1;--radius:18px}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 16% -25%,#26375b 0,transparent 50%),#0b1020;font-size:15px;line-height:1.55}a{color:#cdb5ff;text-decoration:none}a:hover{color:#f1eaff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:#0e1629;border:1px solid #394560;color:#f5f7ff;padding:12px 13px;border-radius:10px;min-width:0;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#b79aff;box-shadow:0 0 0 3px #8657e42b}input[type=checkbox]{width:auto;accent-color:var(--accent);flex-shrink:0}input[type=file]{padding:10px}label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:13px;margin-bottom:17px}label small{color:var(--muted);font-size:12px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.8vw,45px);line-height:1.13;letter-spacing:-.035em;margin-bottom:16px}h2{font-size:21px;line-height:1.3;letter-spacing:-.015em;margin-bottom:18px}h3{font-size:17px;margin-bottom:12px}p{margin-bottom:15px}hr{border:0;border-top:1px solid var(--border);margin:22px 0}.container{width:min(1200px,calc(100% - 36px));margin:auto}.container.narrow{max-width:750px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;margin-bottom:26px;border-bottom:1px solid #ffffff18}.brand{font-weight:850;font-size:25px;letter-spacing:-.04em;color:#fff}.logo-icon{font-size:25px}.nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav a,.nav-link{font-size:14px;color:#c2cde0}.nav-link{border:0;background:none;padding:0}.nav a:hover,.nav-link:hover{color:#fff}.inline-form{display:inline-flex;align-items:center;gap:8px;margin:0}.card{background:linear-gradient(145deg,#172039,#151d31);border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:24px;box-shadow:0 10px 40px #0000000a}.narrow-card{max-width:610px;margin:30px auto}.muted{color:var(--muted)}.small{font-size:12px}.lead{color:#b5bfd5;font-size:17px;max-width:660px}.eyebrow{display:block;color:#caacff;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}.tag{display:inline-flex;align-items:center;white-space:nowrap;color:#d0d9eb;background:#233047;border:1px solid #34415d;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:650}.active-status{background:#163d3b;color:#a7f4d6;border-color:#29665b}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;padding:12px 18px;border:1px solid transparent;color:#fff;font-weight:760;transition:background .15s,transform .15s;text-align:center;line-height:1.3;text-decoration:none}.button:hover{color:#fff;transform:translateY(-1px)}.button.primary{background:linear-gradient(130deg,#a96aff,#744add);box-shadow:0 6px 22px #7b4feb38}.button.primary:hover{background:linear-gradient(130deg,#bb86ff,#8658ef)}.button.secondary{background:#27324b;border-color:#3c4a68}.button.secondary:hover{background:#394868}.button.full{width:100%}.button.tiny{padding:7px 11px;font-size:12px;border-radius:8px}.button.danger-outline{color:#ffb6bd;background:#3c2335;border:1px solid #66334b}.button.danger-outline:hover{background:#653049}.alert{border:1px solid #795b64;border-radius:12px;padding:13px 16px;margin-bottom:22px;background:#392637;color:#ffd6dd}.alert.success{border-color:#276e59;background:#193f36;color:#b5f3db}.alert.danger{border-color:#804658;background:#422636;color:#ffced6}.alert.small{font-size:12px;padding:10px 12px;margin:14px 0}.hint{font-size:12px;color:#aebcd5;margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px}.two-col .card{min-width:0}.hero{display:grid;grid-template-columns:1.45fr .7fr;align-items:center;gap:30px;padding:42px 0 50px}.hero h1{font-size:clamp(34px,4.6vw,64px);max-width:740px}.hero-art{height:300px;background:linear-gradient(140deg,#252449,#452a75,#3a1f53);border:1px solid #8b6cc23b;overflow:hidden;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;text-align:center;box-shadow:0 25px 65px #0b071e3d}.hero-art strong{z-index:1;font-size:19px;max-width:240px}.hero-mic{z-index:1;font-size:96px;transform:rotate(-15deg);filter:drop-shadow(0 8px 16px #0007)}.glow{position:absolute;width:240px;height:240px;filter:blur(34px);background:#9e6efa88;border-radius:50%}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.pill{padding:7px 12px;font-size:12px;border-radius:50px;border:1px solid #4a4c78;color:#dedaf9;background:#242643}.how{align-self:stretch}.steps{padding:0;list-style:none}.steps li{display:flex;align-items:flex-start;gap:15px;margin:0 0 24px}.steps li>span{background:#32254c;color:#debdff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;font-weight:850}.steps p{color:var(--muted);font-size:13px;margin:4px 0}.footer{padding:40px 15px;text-align:center;color:#74829d;font-size:12px}.checkbox-line{display:flex;flex-direction:row;align-items:center;gap:10px}.checkbox-line input{flex:0 0 auto}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 24px}.hidden-honey{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:30px 0 25px}.page-top h1{margin:0 0 7px;font-size:35px}.page-top .eyebrow{margin-bottom:7px}.tab-nav{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px}.tab{padding:9px 15px;border-radius:9px;background:#1c2940;border:1px solid #2a3a59;color:#c2cde0;font-size:13px}.tab.active{background:#6b45bb;border-color:#9d7dea;color:#fff}.section-title,.event-line,.event-actions,.link-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:0}.now-card{border:1px solid #463b7f;background:linear-gradient(140deg,#2b2851,#232c45);padding:21px;border-radius:14px;margin:20px 0}.now-card h3{font-size:21px;margin:7px 0}.now-card p{margin:0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.queue-list{margin-top:15px}.queue-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff13;padding:13px 0;min-width:0}.queue-num{flex:0 0 33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#27324a;color:#bdc9dc;font-weight:850}.queue-meta{display:flex;flex-direction:column;min-width:0;gap:1px;flex:1}.queue-meta strong{overflow-wrap:anywhere;font-size:13px}.queue-meta span{color:var(--muted);font-size:12px}.empty{color:#a6b3cb;text-align:center;padding:40px 12px}.empty-icon{font-size:35px}.url-list{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:12px}.row-form{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.row-form input[type=file]{width:auto;flex:1}.note{background:#202944;color:#b8c7db;border-radius:12px;padding:12px 14px;font-size:12px;margin-top:20px}.search-line{display:flex;gap:9px}.search-line input{flex:1}.search-results{display:flex;flex-direction:column;gap:12px;margin-top:18px}.song-result{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid #36425e;border-radius:12px;background:#111b30}.song-thumb{object-fit:cover;width:90px;height:63px;border-radius:8px;background:#253149;flex-shrink:0}.song-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.song-info strong{font-size:13px;overflow-wrap:anywhere}.dialog{width:min(94vw,440px);background:#18233d;color:#fff;border:1px solid #57658a;border-radius:20px;padding:25px;box-shadow:0 20px 80px #000b}.dialog::backdrop{background:#010616b8}.dialog h2{padding-right:30px}.close-dialog{position:absolute;top:14px;right:17px;color:#fff;background:none;border:0;font-size:30px;line-height:1}.dialog-actions{margin-top:18px}.admin-layout{grid-template-columns:minmax(310px,.65fr) minmax(0,1.3fr)}.event-list{display:flex;flex-direction:column;gap:15px;max-height:740px;overflow:auto}.event-card{border:1px solid #38435e;background:#121b31;border-radius:12px;padding:15px}.event-line{align-items:flex-start}.event-line strong{font-size:14px}.event-line p{margin:4px 0 0}.link-row{justify-content:flex-start;gap:14px;flex-wrap:wrap;font-size:12px;margin:15px 0}.event-actions{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #ffffff18;padding-top:12px}.inline-label{flex-direction:row;align-items:center;font-weight:400;color:#aebdd3;margin:0}.short-input{width:63px;padding:7px}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid #ffffff1c;font-size:13px}.mini-row span{overflow-wrap:anywhere}.move-group{display:flex;gap:5px}.test-email{margin-top:15px}.player-body{background:#080c17;overflow-x:hidden}.player-shell{display:grid;grid-template-columns:minmax(0,1fr) 295px;min-height:100vh;background:#080c17}.player-main{padding:22px 27px 26px;min-width:0;display:flex;flex-direction:column}.player-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.player-head h1{font-size:21px;margin:0;max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.live-label{color:#fbb0ff;border:1px solid #6e3e83;background:#30203e;font-weight:800;font-size:11px;letter-spacing:.1em;border-radius:8px;padding:6px 10px}.video-wrap{width:100%;flex:1;min-height:350px;aspect-ratio:16/9;max-height:calc(100vh - 195px);background:#05070e;border-radius:14px;overflow:hidden;position:relative;display:flex;align-items:stretch;justify-content:center;border:1px solid #263149}.video-wrap #yt-player{position:absolute;inset:0;width:100%;height:100%;background:#03050b}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:radial-gradient(ellipse at center,#29204f 0,#0a1020f7 75%);text-align:center;padding:26px}.video-overlay[hidden]{display:none}.overlay-label{color:#c5b2ff;text-transform:uppercase;letter-spacing:.16em;font-size:14px;font-weight:850}.overlay-title{font-size:clamp(28px,4vw,56px);line-height:1.15;max-width:92%;margin:20px 0;overflow-wrap:anywhere}.overlay-singer{font-size:clamp(16px,2vw,26px);max-width:85%;color:#d5d4f3}.countdown{font-size:clamp(55px,9vw,105px);font-weight:900;line-height:1.1;color:#d3a9ff;text-shadow:0 6px 35px #a36cff88}.start-button{font-size:20px;padding:17px 28px;margin-top:17px}.start-button[hidden]{display:none}.player-bottom{padding-top:18px;display:flex;justify-content:space-between;gap:26px}.player-bottom>div:first-child{flex:1;min-width:0}.player-bottom>div:last-child{flex:0 0 34%}.player-bottom h2{font-size:19px;margin:0 0 6px;overflow-wrap:anywhere}.player-bottom p{margin:0}.player-bottom strong{font-size:17px;overflow-wrap:anywhere}.player-sidebar{border-left:1px solid #2d3851;background:linear-gradient(170deg,#1a2038,#141c2d);display:flex;align-items:center;justify-content:center;padding:19px}.sidebar-inner{text-align:center;width:100%}.qr-frame{margin:0 auto 24px;width:min(100%,255px);aspect-ratio:1;background:#fff;border-radius:14px;padding:10px;display:grid;place-items:center}.qr-placeholder{font-size:80px;color:#1b2638;font-weight:900}.player-sidebar h2{font-size:23px;line-height:1.2;margin-bottom:12px}.player-sidebar p{color:#b6c3d8;font-size:14px}.join-url{font-size:11px;color:#c8b8ff;word-break:break-all;margin:12px 0 28px}.sidebar-info{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;padding:15px 2px;margin:20px 0}.sidebar-info strong{font-size:30px}.next-side{display:flex;flex-direction:column;gap:4px}.next-side strong{font-size:22px;overflow-wrap:anywhere}.player-warning{border:1px solid #b77070;background:#46272e;padding:10px;border-radius:10px;margin:10px 0;color:#ffcad1;font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:190px}.hero-mic{font-size:65px}.admin-layout{grid-template-columns:1fr}.player-shell{grid-template-columns:1fr}.player-main{padding:15px}.player-sidebar{border-left:0;border-top:1px solid #2d3851}.sidebar-inner{display:grid;grid-template-columns:180px 1fr;gap:12px 18px;align-items:center;text-align:left}.qr-frame{grid-row:span 4;width:180px;margin:0}.sidebar-info{grid-column:2;margin:0}.next-side{grid-column:2}.video-wrap{max-height:none;min-height:290px}.player-bottom>div:last-child{flex-basis:40%}}@media(max-width:690px){.container{width:min(100% - 24px,1200px)}.header{padding:18px 0;margin-bottom:10px}.brand{font-size:21px}.nav{gap:12px}.nav a,.nav-link{font-size:12px}.hero{padding:25px 0}.hero-art{display:none}.two-col,.form-grid{grid-template-columns:1fr}.card{padding:19px;border-radius:14px}.search-line{gap:5px}.search-line .button{padding:10px}.song-thumb{width:66px;height:50px}.song-result{gap:9px}.song-result .button{padding:8px}.page-top h1{font-size:28px}.page-top .tag{white-space:normal}.player-bottom{flex-direction:column;gap:12px}.player-bottom>div:last-child{flex:auto}.sidebar-inner{grid-template-columns:120px 1fr}.qr-frame{width:120px}.player-sidebar h2{font-size:18px}.player-main{padding:9px}.player-head h1{font-size:16px}.live-label{font-size:10px}.video-wrap{min-height:230px}.controls{grid-template-columns:1fr 1fr}.event-actions{gap:8px}.event-line{flex-wrap:wrap}.requirements{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 1.0.1: vetítési mód. A YouTube lejátszót sem a QR, sem a feliratok nem takarják. */
.player-body{margin:0;overflow:hidden;background:#03050a}
.player-body .player-shell{--rail-width:clamp(142px,9vw,176px);display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh;min-height:0;background:#03050a}
.player-body .player-main{min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}
.player-body .video-wrap{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;margin:0;display:block;background:#000}
.player-body .video-wrap #yt-player,.player-body .video-wrap #yt-player iframe{width:100%!important;height:100%!important;border:0}
.player-body .player-sidebar{grid-column:2;grid-row:1;border-left:1px solid #202637;border-top:0;padding:12px 8px;background:#0b101c;display:flex;align-items:flex-start;justify-content:center;min-width:0;overflow:hidden}
.player-body .sidebar-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;width:100%;text-align:center}
.player-body .player-event-label{width:100%;font-weight:700;font-size:12px;color:#bfc9df;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.player-body .qr-frame{width:100%;max-width:150px;aspect-ratio:1;min-width:0;padding:5px;margin:0;background:#fff;border-radius:5px;display:grid;place-items:center}
.player-body .qr-placeholder{font-size:44px}
.player-body .player-request-link{font-size:13px;font-weight:750;color:#e3d8ff;text-decoration:none;line-height:1.2}
.player-body .player-queue-compact{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;color:#aeb8cf;font-size:11px;white-space:nowrap}
.player-body .player-queue-compact strong{font-size:13px;color:#fff}
.player-body .player-fullscreen{background:#181e2d;color:#bec9e2;border:1px solid #343c50;border-radius:7px;line-height:1;font-size:24px;min-width:40px;min-height:36px;padding:3px;margin-top:auto;cursor:pointer}
.player-body .player-fullscreen:hover,.player-body .player-fullscreen:focus-visible{color:#fff;background:#2a3350;outline-offset:2px}
.player-body .player-bottom{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36%);gap:16px;align-items:center;min-height:52px;max-height:68px;padding:7px 18px;border-top:1px solid #202638;background:#0b101a;color:#e8ecf6;overflow:hidden}
.player-body .player-bottom>div,.player-body .player-bottom>div:first-child,.player-body .player-bottom>div:last-child{min-width:0;flex:auto}
.player-body .player-now,.player-body .player-next{display:flex;align-items:center;min-width:0;gap:9px;overflow:hidden;white-space:nowrap}
.player-body .player-bottom .eyebrow{flex-shrink:0;font-size:10px;letter-spacing:.07em;color:#a19bd7;text-transform:uppercase}
.player-body .player-bottom strong{font-size:clamp(12px,1vw,17px);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.player-body #player-singer{font-size:clamp(11px,.85vw,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:35%}
.player-body .player-warning{position:absolute;z-index:4;left:12px;right:12px;bottom:10px;border:1px solid #b77070;background:#46272ef0;padding:8px 11px;border-radius:9px;margin:0;box-shadow:0 3px 20px #0007;max-height:80px;overflow:auto}
.player-body .video-overlay{padding:18px}
.player-body .overlay-title{margin:12px 0;font-size:clamp(27px,4vw,56px)}
.player-body .start-button{margin-top:10px}
@media(max-width:720px) and (orientation:portrait){
 .player-body{overflow:auto}
 .player-body .player-shell{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(210px,54dvh) auto auto;min-height:100dvh;height:auto;align-content:start}
 .player-body .player-main{grid-column:1;grid-row:1;min-height:210px}
 .player-body .player-sidebar{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #273247;padding:6px 10px;min-height:80px}
 .player-body .sidebar-inner{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}
 .player-body .player-event-label{flex:1;width:auto;text-align:left}
 .player-body .qr-frame{width:64px;flex:0 0 64px;padding:3px}
 .player-body .player-queue-compact{width:auto;margin-left:auto}
 .player-body .player-fullscreen{margin:0}
 .player-body .player-bottom{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:2px;max-height:none;min-height:0;padding:9px 12px}
 .player-body .player-now,.player-body .player-next{gap:7px}
 .player-body #player-singer{max-width:30%}
}
@media(max-width:420px) and (orientation:portrait){
 .player-body .player-event-label{display:none}
 .player-body .sidebar-inner{justify-content:space-between}
 .player-body .qr-frame{width:64px;flex-basis:64px}
 .player-body .player-queue-compact{margin-left:auto}
}
@media(max-height:490px) and (orientation:landscape){
 .player-body .player-shell{--rail-width:116px}
 .player-body .player-sidebar{padding:5px}
 .player-body .sidebar-inner{gap:5px}
 .player-body .player-bottom{min-height:39px;padding:3px 10px}
}

/* 1.0.2: stabil, teljes ablakos vetítőnézet és eltüntethető információs sávok. */
.player-body .player-shell{width:100%;max-width:100%;overflow:hidden}
.player-body .player-main{isolation:isolate;min-width:0;min-height:0}
.player-body .video-wrap{position:absolute;inset:0;min-width:0;min-height:0;height:100%;width:100%;overflow:hidden}
.player-body .video-wrap iframe{width:100%!important;height:100%!important;max-width:none;border:0}
.player-body .player-sidebar{z-index:1;min-width:0}
.player-body .player-tools{position:absolute;top:10px;right:10px;z-index:4;display:flex;gap:6px;opacity:.45;transition:opacity .2s}
.player-body .player-tools:hover,.player-body .player-tools:focus-within{opacity:1}
.player-body .player-tool{width:34px;height:34px;border:1px solid #67718888;border-radius:7px;background:#070c16c9;color:white;font-size:22px;line-height:1;cursor:pointer}
.player-body .player-tool:hover{background:#343f58}
.player-body .player-maximal{display:block!important;height:100vh!important;height:100dvh!important;min-height:0!important}
.player-body .player-maximal .player-main{width:100%;height:100%;padding:0}
.player-body .player-maximal .player-sidebar,.player-body .player-maximal .player-bottom{display:none!important}
.player-body .player-maximal .player-tools{opacity:.12}
.player-body .player-maximal .player-tools:hover,.player-body .player-maximal .player-tools:focus-within{opacity:1}
.player-body .catalog-row{gap:10px}
.catalog-row form{flex-shrink:0}
.party-mode-setting{margin:13px 0;padding:13px;border:1px solid var(--border);border-radius:10px;background:#121a2d}
.party-mode-setting .checkbox-line{margin:0 0 4px}
.party-mode-setting p{margin:4px 0 0}
@media(max-width:720px) and (orientation:portrait){
 .player-body .player-tools{top:5px;right:5px;opacity:.75}
 .player-body .player-tool{width:31px;height:31px;font-size:20px}
 .player-body .player-maximal{display:block!important;overflow:hidden}
}

/* 1.1.0: responsive likes, estimated queue time and statistics. */
.like-top-list{display:grid;gap:4px}
.like-item{display:flex;align-items:center;gap:12px;padding:12px 7px;border-bottom:1px solid var(--border)}
.like-item .queue-meta{min-width:0;flex:1;overflow-wrap:anywhere}
.like-item:last-child{border-bottom:0}
.like-row{margin-top:10px}
.like-button,.liked-button{font-weight:750;white-space:nowrap;flex-shrink:0;min-width:65px}
.like-button{border:1px solid #d866a680!important;color:#f5aacd!important;background:#7d285a30!important}
.like-button:hover{background:#7d285a70!important}
.liked-button{border:1px solid #b64b7a55!important;background:#5a223d50!important;color:#ffc2d9!important;cursor:default!important}
.like-item .queue-num{flex-shrink:0}
.player-body .player-likes{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;border-top:1px solid #273149;padding-top:10px;color:#f3b2ce;line-height:1.1}
.player-body .player-likes span{font-size:25px}
.player-body .player-likes strong{font-size:clamp(15px,1.7vw,24px);font-variant-numeric:tabular-nums}
.player-body .player-likes small{font-size:10px;color:#adb9ce}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}
.stat-box{background:var(--card,#172037);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}
.stat-box span{font-size:13px;color:var(--muted,#a2aec3)}
.stat-box strong{font-size:32px;font-variant-numeric:tabular-nums}
.stats-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.stat-mini{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px}
.stat-mini strong{font-size:24px;font-variant-numeric:tabular-nums}
.stat-mini span{font-size:12px;color:var(--muted,#a2aec3)}
.form-submit-cell{display:flex;align-items:end}
.form-submit-cell .button{width:100%}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stats-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.like-item{gap:8px}.queue-item .like-button,.queue-item .liked-button{padding:7px;font-size:12px}}
@media(max-width:720px) and (orientation:portrait){.player-body .player-likes{flex-direction:row;gap:5px;padding:0;border-top:0;align-self:center}.player-body .player-likes span{font-size:18px}.player-body .player-likes strong{font-size:16px}.player-body .player-likes small{display:none}}


/* 1.1.1 – a közös dalkatalógusból dolgozó, mobilbarát ötletadó. */
.suggestion-card .section-title{align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.suggestion-card .section-title h2{margin:0 0 7px}
.suggestion-card .section-title p{margin:0;max-width:780px}
.suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.suggestion-item{min-width:0;border:1px solid #37435e;background:#111b30;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:12px}
.suggestion-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#212e44}
.suggestion-info{display:flex;flex-direction:column;gap:7px;padding:11px 12px;flex:1;min-width:0}
.suggestion-info strong{font-size:14px;overflow-wrap:anywhere;line-height:1.3}
.suggestion-info span{line-height:1.35}
.suggestion-used{font-size:11px;color:#ffbaa9}
.suggestion-item>.button{margin:0 12px;width:calc(100% - 24px)}
.suggestion-bottom{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:17px}
.suggestion-bottom .hint{margin:0}
.catalog-count-summary{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 20px;font-size:13px;color:#d3c9fa}
@media(max-width:900px){.suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.suggestion-grid{grid-template-columns:1fr}.suggestion-item{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;padding:10px;gap:7px 10px}.suggestion-thumb{grid-row:1 / 3;border-radius:7px}.suggestion-info{grid-column:2;padding:0}.suggestion-item>.button{grid-column:2;margin:0;width:100%}.suggestion-info strong{font-size:13px}}


/* 1.2.0: Időzítés – reszponzív, egyszerű menedzseri áttekintés */
.schedule-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 8px; }
.schedule-stat { border:1px solid var(--border, #d3dae3); border-radius:12px; padding:12px; min-width:0; }
.schedule-stat span { display:block; font-size:.85rem; opacity:.76; margin-bottom:7px; }
.schedule-stat strong { display:block; font-size:clamp(1.0rem,1.7vw,1.4rem); overflow-wrap:anywhere; }
.schedule-check { align-self:center; margin:8px 0; display:flex; gap:10px; align-items:center; }
.schedule-check input { width:auto; flex:none; }
.schedule-form .button { margin-top:8px; }
.schedule-public-hint:empty { display:none; }
@media(max-width:560px) {
  .schedule-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .schedule-overview .schedule-stat:last-child { grid-column:1 / -1; }
}