:root{font-family:Circular Std,Spotify Circular,Helvetica Neue,Arial,sans-serif;color-scheme:dark;--color-bg-primary:#121212;--color-bg-elevated:#181818;--color-bg-subtle:#242424;--color-card:rgba(24,24,24,0.85);--color-border:#2a2a2a;--color-text-primary:#ffffff;--color-text-secondary:#b3b3b3;--color-text-muted:#8c8c8c;--color-accent:#1db954;--color-accent-hover:#1ed760;--color-accent-soft:rgba(29,185,84,0.15);--color-danger:#e91429;--color-danger-hover:#ff4b5c;--color-warning:#ffa42b;--color-warning-hover:#ffbb54}body{margin:0;padding:0;min-height:100vh;background:var(--color-bg-primary);background-image:var(--bg-image-url,none);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;color:var(--color-text-primary)}form,header,main,section{padding:1rem}h1,h2{margin-top:0}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}a.primary{display:inline-block;padding:.75rem 1.5rem;background:var(--color-accent);color:var(--color-text-primary);border-radius:999px;text-decoration:none;font-weight:600}a.primary:hover{background:var(--color-accent-hover)}a.secondary{display:inline-block;margin-left:1rem;font-weight:500;color:var(--color-text-secondary)}a.secondary:hover{text-decoration:underline}button{cursor:pointer;background:var(--color-accent);border:none;padding:.5rem 1rem;border-radius:6px;color:var(--color-text-primary);font-weight:600;transition:background .2s ease,transform .1s ease}button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mesas{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dj .mesa,.dj .tocadas,.mesa article,.mesa form,.mesa section{background:var(--color-card);border-radius:8px;padding:1rem;border:1px solid var(--color-border)}ul{list-style:none;padding:0;margin:0}li{padding:.75rem;margin-bottom:.5rem}.status,li{background:var(--color-bg-subtle);border-radius:6px}.status{margin-top:.5rem;padding:.5rem .75rem;color:var(--color-text-secondary)}.song-info{display:grid;grid-gap:.25rem;gap:.25rem;margin-bottom:.5rem}.mesa form{display:grid;grid-gap:1rem;gap:1rem}.mesa header{justify-content:space-between;gap:1rem;margin-bottom:.75rem}.mesa header,.mesa-actions{display:flex;flex-wrap:wrap;align-items:center}.mesa-actions,label{gap:.5rem}label{display:grid;grid-gap:.5rem}input{padding:.5rem;border-radius:4px;border:none;background:var(--color-bg-subtle);color:var(--color-text-primary)}input::placeholder{color:var(--color-text-muted)}.landing main{display:grid;place-items:center;text-align:center;grid-gap:1.5rem;gap:1.5rem;padding:2rem 1rem;max-width:600px;margin:0 auto;width:100%}.landing nav{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.landing nav a.secondary{display:block;margin:0;padding:1rem 1.5rem;color:var(--color-text-primary);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:background .2s ease,transform .1s ease;text-align:center}.landing nav a.secondary:hover{background:var(--color-accent-hover);transform:translateY(-2px);text-decoration:none}@media (min-width:640px){.landing nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.landing nav a.secondary{flex:1 1;min-width:180px}}.mesas-list,.mesas-list ul{margin-top:1rem}.mesas-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.5rem;gap:.5rem}.mesas-list a{display:block;padding:.5rem;border:1px solid var(--color-accent);border-radius:6px;text-decoration:none;color:var(--color-text-primary)}.mesas-list a:hover{background:var(--color-accent);color:var(--color-text-primary)}.header-title{display:flex;align-items:center;gap:1rem}.header-logo{height:56px;width:auto;object-fit:contain}.setup header{display:flex;justify-content:space-between;align-items:center;background:var(--color-card);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding:1rem}.setup header h1{margin:0}.setup-actions{display:flex;gap:.75rem;align-items:center}.setup .link-back{color:var(--color-accent);text-decoration:none;font-weight:500}.setup .link-back:hover{text-decoration:underline}.setup main{display:grid;grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto;padding:1rem}.setup-configuration{background:var(--color-card);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.setup-configuration h2{margin-top:0;margin-bottom:.5rem}.setup-configuration>p{color:var(--color-text-muted);margin-bottom:1.5rem}.setup-configuration form{display:grid;grid-gap:1rem;gap:1rem}.setup-configuration label{display:grid;grid-gap:.5rem;gap:.5rem;font-weight:500}.setup-configuration input{padding:.75rem;font-size:1rem}.setup-configuration button[type=submit]{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:background .2s ease,transform .1s ease}.setup-configuration button[type=submit]:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.status-message{margin-top:1rem;padding:1rem;border-radius:6px;font-weight:500;text-align:center}.status-message.success{background:rgba(29,185,84,.15);border:1px solid var(--color-accent);color:var(--color-accent)}.status-message.error{background:rgba(233,20,41,.15);border:1px solid var(--color-danger);color:var(--color-danger)}.status-message.info{background:rgba(255,164,43,.15);border:1px solid var(--color-warning);color:var(--color-warning)}@media (max-width:768px){.setup header{flex-direction:column;gap:1rem;text-align:center}}.admin header{display:flex;justify-content:flex-start;align-items:center;background:var(--color-card);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding:1rem}.admin header h1{margin:0}.admin main{display:grid;grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.admin-navigation{background:var(--color-card);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.admin-navigation h2{margin-top:0;margin-bottom:.5rem}.admin-navigation>p{color:var(--color-text-muted);margin-bottom:1.5rem}.admin-navigation nav{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nav-card{display:flex;flex-direction:column;gap:.5rem;background:var(--color-bg-subtle);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;cursor:pointer}.nav-card:hover{border-color:var(--color-accent);background:var(--color-card);transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,185,84,.2)}.nav-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.nav-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);display:block}.nav-description{font-size:.9rem;color:var(--color-text-muted);display:block}@media (max-width:768px){.admin-navigation nav{grid-template-columns:1fr}}.dj header{display:flex;justify-content:space-between;align-items:center;background:var(--color-card);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding:1rem}.admin header h1,.dj header h1,.mesa-page header h1,.setup header h1,.waiter header h1{margin:0;font-size:1.5rem}.dj-actions{display:flex;gap:.75rem;align-items:center}.dj .link-back{color:var(--color-accent);text-decoration:none;font-weight:500}.dj .link-back:hover{text-decoration:underline}.dj main{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr);max-width:1400px;margin:0 auto;padding:1rem}.dj .mesas{display:grid;grid-gap:1.5rem;gap:1.5rem}.dj .mesa-card{--mesa-accent:var(--color-accent);position:relative;background:var(--color-card);border:1px solid var(--color-border);border-left:6px solid var(--mesa-accent);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}.dj .mesa-card:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(0,0,0,.45)}.dj .mesa-title{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;margin:0}.mesa-indicator{width:.75rem;height:.75rem;border-radius:50%;background:var(--mesa-accent,var(--color-accent));color:var(--mesa-accent,var(--color-accent));box-shadow:0 0 12px currentColor}.dj .mesa-card .pendientes{display:grid;grid-gap:1rem;gap:1rem;margin:1.25rem 0 0}.song-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 1.25rem 1rem 1.5rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.song-card:before{content:"";position:absolute;left:.65rem;top:.75rem;bottom:.75rem;width:4px;border-radius:999px;background:var(--mesa-accent,var(--color-accent))}.song-card .song-info{display:grid;grid-gap:.35rem;gap:.35rem}.song-card.empty-state{justify-content:center;text-align:center;color:var(--color-text-muted);border-style:dashed;font-style:italic}.song-card.empty-state:before{display:none}.song-card button{border-radius:999px;padding:.45rem 1rem;font-size:.85rem;transition:transform .1s ease,filter .2s ease}.song-card button,.song-card button:hover{background:var(--mesa-accent,var(--color-accent))}.song-card button:hover{filter:brightness(1.1);transform:translateY(-1px)}.dj .tocadas{background:var(--color-card);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.dj .tocadas h2{margin-top:0;margin-bottom:1rem}.tocadas ul{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:0}.tocadas .empty-state{padding:1rem;border-radius:12px;border:1px dashed var(--color-border);color:var(--color-text-muted);text-align:center;font-style:italic;background:var(--color-bg-subtle)}.played-song{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:var(--color-card);border:1px solid var(--color-border);border-left:6px solid var(--mesa-accent,var(--color-accent));min-width:0}.played-song .mesa-indicator{box-shadow:none}.played-song-title{flex:1 1;min-width:0;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mesa-tag{display:inline-flex;align-items:center;margin-left:auto;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--mesa-accent,var(--color-accent));color:var(--color-bg-primary);text-transform:uppercase;letter-spacing:.04em}.waiter header{justify-content:space-between;background:var(--color-card);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding:1rem}.waiter header,.waiter-actions{display:flex;align-items:center}.waiter-actions{gap:.75rem}.waiter .link-back{color:var(--color-accent);text-decoration:none;font-weight:500}.waiter .link-back:hover{text-decoration:underline}.waiter main{display:grid;grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.active-tables-summary,.table-management,.waiter-calls{background:var(--color-card);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.call-list{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.call-item{--mesa-accent:var(--color-accent);--mesa-accent-soft:var(--color-accent-soft);--mesa-accent-shadow:rgba(29,185,84,0.3);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--color-bg-subtle);border-left:4px solid var(--mesa-accent,var(--color-accent));box-shadow:0 0 0 1px var(--mesa-accent-shadow,rgba(29,185,84,.3));position:relative}.call-item.bill-request-call{border-left-color:#4CAF50;box-shadow:0 0 0 1px rgba(76,175,80,.3)}.call-type-indicator{display:flex;align-items:center;justify-content:center;font-size:2rem;min-width:3rem;height:3rem;background:rgba(76,175,80,.15);border-radius:8px;flex-shrink:0}.call-info{display:grid;grid-gap:.25rem;gap:.25rem;flex:1 1}.call-title{font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem}.call-time{font-size:.85rem;color:var(--color-text-muted)}.call-count-badge{min-width:1.5rem;height:1.5rem;padding:0 .4rem;background:var(--mesa-accent,var(--color-accent));border-radius:999px}.bill-request-badge,.call-count-badge{display:inline-flex;align-items:center;justify-content:center;color:var(--color-bg-primary);font-size:.75rem;font-weight:700;margin-left:.5rem}.bill-request-badge{padding:.25rem .6rem;background:#4CAF50;border-radius:12px}.call-link{font-size:.85rem;color:var(--color-accent);text-decoration:none}.call-link:hover{text-decoration:underline}.resolve-call-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-weight:500;transition:background .2s ease,border-color .2s ease;white-space:nowrap}.resolve-call-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-primary)}.notification-btn{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-weight:500;transition:background .2s ease,color .2s ease}.notification-btn:hover{background:var(--color-accent);color:var(--color-text-primary)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.table-card{--mesa-accent:var(--color-accent);--mesa-accent-soft:var(--color-accent-soft);--mesa-accent-shadow:rgba(29,185,84,0.3);background:var(--color-bg-subtle);border-radius:8px;padding:1rem;border:1px solid var(--color-border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.table-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.table-card.active{border-color:var(--mesa-accent,var(--color-accent));box-shadow:0 0 0 1px var(--mesa-accent-shadow,rgba(29,185,84,.3));background:linear-gradient(135deg,var(--mesa-accent-soft,var(--color-accent-soft)),var(--color-card))}.table-card.inactive{border-color:var(--color-border);opacity:.85}.table-info{margin-bottom:1rem}.table-info h3{margin:0 0 .5rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.table-info .status{font-size:.85rem;background:none;padding:.25rem .5rem;border-radius:12px;font-weight:500}.table-card.active .status{background:var(--mesa-accent,var(--color-accent));color:var(--color-text-primary)}.table-card.inactive .status{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.activate-btn{background:var(--color-accent);width:100%}.activate-btn:hover{background:var(--color-accent-hover)}.deactivate-btn{background:var(--color-danger);width:100%}.deactivate-btn:hover{background:var(--color-danger-hover)}.activate-btn:disabled,.deactivate-btn:disabled{background:var(--color-border);cursor:not-allowed}.active-tables-summary ul{margin-top:1rem}.active-tables-summary .empty-state{color:var(--color-text-muted);font-style:italic;text-align:center}.active-tables-detailed{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.active-table-card{--mesa-accent:var(--color-accent);--mesa-accent-soft:var(--color-accent-soft);--mesa-accent-shadow:rgba(29,185,84,0.3);background:var(--color-card);border-radius:8px;padding:1rem;border:1px solid var(--mesa-accent,var(--color-accent))}.table-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.table-header h4{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--mesa-accent,var(--color-accent))}.table-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.table-time{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.table-hash{font-family:monospace;font-size:.7rem;background:var(--color-bg-primary);padding:.25rem .5rem;border-radius:4px;color:var(--color-text-secondary);border:1px solid var(--color-border)}.table-actions{display:flex;gap:.5rem}.active-table-card .share-btn,.active-table-card .share-btn:hover{background:var(--mesa-accent,var(--color-accent))}.active-table-card .share-btn:hover{filter:brightness(1.1)}.share-btn{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:.5rem 1rem;border-radius:24px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .1s ease}.share-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.call-waiter-btn{background:var(--color-warning);color:var(--color-text-primary);border:none;padding:.5rem 1rem;border-radius:24px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .1s ease}.call-waiter-btn:hover{background:var(--color-warning-hover);transform:translateY(-1px)}.call-waiter-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.request-bill-btn{background:var(--color-danger);color:var(--color-text-primary);border:none;padding:.5rem 1rem;border-radius:24px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .1s ease}.request-bill-btn:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.request-bill-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.call-waiter-feedback{font-size:.9rem;margin-left:1rem;margin-bottom:1rem;color:var(--color-text-secondary)}.call-waiter-feedback.success{color:var(--color-accent)}.call-waiter-feedback.error{color:var(--color-danger)}.copy-direct-btn{background:var(--color-warning);color:var(--color-text-primary);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;font-size:.9rem}.copy-direct-btn:hover{background:var(--color-warning-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:1000}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;color:var(--color-text-primary)}.close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.modal-body{padding:1.5rem}.qr-section,.share-section{margin-bottom:2rem}.qr-section label,.share-section label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary)}.link-container{display:flex;gap:.5rem}.link-container input{flex:1 1;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-subtle);color:var(--color-text-primary);font-family:monospace;font-size:.9rem}.link-container button{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s}.link-container button:hover{background:var(--color-accent-hover)}.qr-container{text-align:center}.qr-container img{background:white;padding:1rem;border-radius:8px;max-width:256px;width:100%;height:auto;margin-bottom:1rem}.qr-instructions{color:var(--color-text-muted);font-size:.9rem;margin:0;font-style:italic}@media (max-width:768px){.header-logo{height:54px}.dj header,.mesa-page header{flex-direction:column;gap:1rem;text-align:center}.dj main{grid-template-columns:1fr}.waiter header{flex-direction:column;gap:1rem;text-align:center}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal{width:95%;max-height:90vh}.modal-body,.modal-header{padding:1rem}.link-container{flex-direction:column}.link-container button{margin-top:.5rem}.table-actions,.table-header{flex-direction:column}.table-header{gap:.5rem}.table-header,.table-meta{align-items:flex-start}.song-card{grid-template-columns:1fr;gap:.75rem}.song-card button{justify-self:flex-start}}.mesa-page header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--color-card);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding:1rem}.input-with-button{display:flex;gap:.5rem;align-items:stretch}.input-with-button input{flex:1 1}.search-trigger-btn{margin-left:1rem;background:var(--color-accent);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:background .2s ease,transform .1s ease;min-width:45px}.search-trigger-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.youtube-search-modal{max-width:700px;width:95%}.youtube-search-box{display:flex;gap:.5rem;margin-bottom:1.5rem}.youtube-search-box input{flex:1 1;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-subtle);color:var(--color-text-primary);font-size:1rem}.youtube-search-box button{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s ease}.youtube-search-box button:hover:not(:disabled){background:var(--color-accent-hover)}.youtube-search-box button:disabled{opacity:.6;cursor:not-allowed}.youtube-results{max-height:60vh;overflow-y:auto;display:grid;grid-gap:.75rem;gap:.75rem}.youtube-result-item{display:grid;grid-template-columns:120px 1fr auto;grid-gap:1rem;gap:1rem;align-items:center;padding:.75rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;transition:background .2s ease,border-color .2s ease}.youtube-result-item:hover{background:var(--color-card);border-color:var(--color-accent)}.youtube-thumbnail{width:120px;height:90px;object-fit:cover;border-radius:6px;background:var(--color-bg-primary)}.youtube-info{min-width:0;display:grid;grid-gap:.25rem;gap:.25rem}.youtube-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.youtube-channel,.youtube-title{margin:0;overflow:hidden;text-overflow:ellipsis}.youtube-channel{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.youtube-select-btn{background:var(--color-accent);color:var(--color-text-primary);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s ease,transform .1s ease}.youtube-select-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.youtube-empty,.youtube-error,.youtube-loading{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.youtube-error{color:var(--color-danger);font-style:normal}@media (max-width:768px){.youtube-result-item{grid-template-columns:80px 1fr;gap:.75rem}.youtube-thumbnail{width:80px;height:60px}.youtube-select-btn{grid-column:1/-1;justify-self:stretch}.input-with-button,.youtube-search-box{flex-direction:column}.search-trigger-btn{width:100%}}