:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--surface:#f4f3ec;--accent:#c9a227;--accent-bg:#c9a2271f;--accent-border:#c9a22773;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);margin:0 0 8px;font-weight:600}p{margin:0}.admin-login{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-login__card{background:var(--bg);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:24px;display:flex;box-shadow:0 20px 55px #0000004d}.admin-login__title{color:var(--text-h);margin:0;font-size:18px}.admin-login__input{border:1.5px solid var(--accent-border);background:var(--surface);width:100%;color:var(--accent);font:inherit;border-radius:14px;padding:12px 14px}.admin-login__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-login__error{color:#e5484d;margin:0;font-size:13px}.admin-login__actions{gap:10px;display:flex}.admin-login__cancel,.admin-login__confirm{font:inherit;cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px 16px;font-size:14px;font-weight:800}.admin-login__cancel:disabled,.admin-login__confirm:disabled{opacity:.6;cursor:default}.admin-login__cancel{background:var(--surface);color:var(--text-h)}.admin-login__confirm{background:var(--accent);color:#fff}.button{border:1.5px solid var(--accent-border);background:var(--bg);width:100%;max-width:280px;color:var(--accent);font:inherit;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 20px;font-weight:700;transition:box-shadow .2s,transform .15s;display:flex;box-shadow:0 10px 24px #14180a1a}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #14180a29}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button__icon{font-size:36px;line-height:1}.button__label{font-size:16px}.button--primary{background:var(--accent);color:#fff;max-width:none;box-shadow:0 10px 24px var(--accent-bg);border:none;flex-direction:row;padding:16px 20px}.button--primary:hover{box-shadow:0 14px 30px var(--accent-bg)}.confirm-dialog{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog__card{background:var(--bg);text-align:center;border-radius:24px;width:100%;max-width:320px;padding:24px;box-shadow:0 20px 55px #0000004d}.confirm-dialog__message{color:var(--text-h);margin:0 0 20px;font-size:15px;line-height:1.4}.confirm-dialog__actions{gap:10px;display:flex}.confirm-dialog__cancel,.confirm-dialog__confirm{font:inherit;cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px 16px;font-size:14px;font-weight:800}.confirm-dialog__cancel{background:var(--surface);color:var(--text-h)}.confirm-dialog__confirm{color:#fff;background:#e5484d}.gallery{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.gallery__back{color:#fff;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:14px;text-decoration:underline}.gallery__status{color:#fff;text-align:center}.gallery__error{color:#e5484d;text-align:center}.gallery__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.gallery__item{aspect-ratio:1;position:relative}.gallery__thumb{object-fit:cover;cursor:pointer;border-radius:12px;width:100%;height:100%}.gallery__delete{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.gallery__delete:disabled{opacity:.6;cursor:default}.gallery__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;animation:.8s linear infinite gallery-spin;position:absolute;top:50%;left:50%}.gallery__spinner--small{border-width:2px;width:20px;height:20px;margin:-10px 0 0 -10px}.gallery__lightbox{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery__lightbox-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:80vh}.gallery__lightbox-close,.gallery__lightbox-nav,.gallery__lightbox-delete{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.gallery__lightbox-close:disabled,.gallery__lightbox-nav:disabled,.gallery__lightbox-delete:disabled{opacity:.6;cursor:default}.gallery__lightbox-close{width:36px;height:36px;font-size:18px;top:16px;right:16px}.gallery__lightbox-nav{width:44px;height:44px;font-size:24px;top:50%;transform:translateY(-50%)}.gallery__lightbox-nav--prev{left:12px}.gallery__lightbox-nav--next{right:12px}.gallery__lightbox-delete{background:#0000008c;width:60px;height:60px;font-size:26px;bottom:24px;left:50%;transform:translate(-50%)}@keyframes gallery-spin{to{transform:rotate(360deg)}}.jukebox{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.jukebox__form{background:var(--bg);border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 10px 24px #14180a1a}.jukebox__input,.jukebox__textarea{border:1.5px solid var(--accent-border);background:var(--surface);width:100%;color:var(--accent);font:inherit;resize:vertical;border-radius:14px;padding:12px 14px}.jukebox__input:focus-visible,.jukebox__textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jukebox__error{color:#e5484d;text-align:center;font-size:14px}.jukebox__status{color:#fff;text-align:center;font-size:14px}.jukebox__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.jukebox__song{background:var(--bg);border-radius:14px;padding:10px 12px;box-shadow:0 8px 20px #14180a1a}.jukebox__song-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.jukebox__song-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--accent);flex:1;margin:0;font-size:14px;overflow:hidden}.jukebox__song-artist{color:var(--accent);margin:1px 0 0;font-size:13px}.jukebox__song-meta{color:var(--accent);margin:3px 0 0;font-size:11px}.jukebox__dedication{background:var(--accent-bg);color:var(--text-h);-webkit-line-clamp:2;border-radius:10px;-webkit-box-orient:vertical;margin:5px 0 0;padding:5px 8px;font-size:12px;font-style:italic;display:-webkit-box;overflow:hidden}.jukebox__badge{background:var(--surface);color:var(--accent);border-radius:999px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.jukebox__badge--approved{color:#15803d;background:#dcfce7}.jukebox__badge--now{color:#be185d;background:#fce7f3}.jukebox__badge--played{background:var(--surface);color:var(--accent)}.jukebox__badge--rejected{color:#be123c;background:#ffe4e6}.jukebox__badge--new{background:var(--accent-bg);color:var(--accent)}.jukebox__song-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.jukebox__vote{background:var(--accent-bg);color:var(--accent);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-flex}.jukebox__vote:disabled{opacity:.6;cursor:default}.jukebox__vote--voted{color:#be185d;background:#fce7f3}.jukebox__vote--voted:disabled{opacity:1}.jukebox__admin-status{border:1.5px solid var(--accent-border);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.jukebox__admin-status:disabled{opacity:.6;cursor:default}.jukebox__remove{color:#be123c;cursor:pointer;background:#ffe4e6;border:none;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.jukebox__remove:disabled{opacity:.6;cursor:default}.name-prompt{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.name-prompt h2{color:#fff}.name-prompt__hint{color:#fff;font-size:14px}.name-prompt__hint--warning{opacity:.85;font-size:13px}.name-prompt__input{border:1.5px solid var(--accent-border);background:var(--bg);width:100%;color:var(--accent);font:inherit;border-radius:18px;padding:14px 16px;box-shadow:0 4px 14px #14180a0f}.name-prompt__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.name-prompt__error{color:#e5484d;font-size:14px}.qrcode{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.qrcode__intro{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.qrcode__hint{color:#fff;font-size:14px;line-height:1.5}.qrcode__print{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #14180a33}.qrcode__grid{justify-content:center;display:flex}.qrcode__card{background:var(--bg);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex;box-shadow:0 8px 20px #14180a1a}.qrcode__pill{background:var(--accent-bg);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.qrcode__img{aspect-ratio:1;border-radius:12px;width:100%;max-width:160px}.qrcode__domain{color:var(--text-h);font-size:13px}@media screen{.qrcode__card:nth-child(n+2){display:none}}@media print{.no-print{display:none!important}@page{size:A4 portrait;margin:10mm}.qrcode{gap:0;width:100%;max-width:none}.qrcode__grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6mm;width:100%;height:277mm;display:grid}.qrcode__card{box-shadow:none;break-inside:avoid;border:1px dashed #999;gap:3mm;padding:6mm;display:flex;overflow:hidden}.qrcode__img{width:100%;max-width:100%}}.settings{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.settings__error{color:#e5484d;text-align:center;font-size:14px}.settings__status{color:#fff;text-align:center;font-size:14px}.settings__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.settings__user{background:var(--bg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #14180a1a}.settings__user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings__rename{border:1.5px solid var(--accent-border);background:var(--surface);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.settings__rename-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.settings__rename-input{border:1.5px solid var(--accent-border);background:var(--surface);min-width:120px;color:var(--accent);font:inherit;border-radius:14px;flex:1;padding:8px 12px;font-size:14px}.settings__rename-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings__user-name{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:800;text-decoration:underline;display:flex}.settings__badge{color:#be123c;background:#ffe4e6;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.settings__toggle{color:#be123c;cursor:pointer;white-space:nowrap;background:#ffe4e6;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.settings__toggle--disabled{color:#15803d;background:#dcfce7}.settings__toggle:disabled{opacity:.6;cursor:default}.home{padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);background:linear-gradient(#7c8f5a 0%,#96a873 45%,#c3ce9e 100%);flex-direction:column;flex:1;display:flex}.home__nav{gap:10px;padding:16px 16px 0;display:flex}.home__nav-button{background:var(--surface);color:var(--accent);font:inherit;cursor:pointer;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #14180a24}.home__nav-button--active{background:var(--accent);color:#fff}.home__header{text-align:center;background:var(--surface);border-radius:34px;margin:16px;padding:30px 20px;box-shadow:0 20px 55px #14180a29}.home__pill{background:var(--accent-bg);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-flex}.home__title{text-align:center;color:#c9a227;white-space:nowrap;margin:4px 0;font-family:Great Vibes,cursive;font-size:clamp(32px,13vw,100px);font-weight:400;line-height:1.3}.home__greeting{color:var(--accent);margin-top:4px;font-size:14px}.home__content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.home__items{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;width:100%;max-width:480px;margin:0;padding:0;list-style:none;display:grid}.home__item{aspect-ratio:1;position:relative}.home__item-preview{border:1px solid var(--border);object-fit:cover;border-radius:12px;width:100%;height:100%}.home__item-badge{border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:8px;padding:2px 6px;font-size:11px;line-height:1.4;position:absolute;bottom:6px;right:6px}.home__item-badge--success{color:var(--accent);border-color:var(--accent-border)}.home__item-badge--error{color:#e5484d;border-color:#e5484d}.home__status{color:var(--text-h);font-size:14px}.home__status--success{color:var(--accent)}.home__status--error{color:#e5484d}.home__blocked{text-align:center;color:#fff;max-width:320px;font-size:15px;line-height:1.5}.home__settings-icon{left:calc(16px + var(--safe-left));bottom:calc(16px + var(--safe-bottom));background:var(--surface);width:44px;height:44px;color:var(--accent);cursor:pointer;z-index:900;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 10px 25px #14180a33}.home__settings-icon--active{background:var(--accent);color:#fff}@media print{.home{background:0 0;padding:0}.home__content{justify-content:flex-start;align-items:stretch;padding:0}}