.background-music-controls{--music-accent:#286b59;--music-track:#dce8e0;--music-muted:#7c9286;color:#1c3037;background:#fff;border:1px solid #dbe6de;border-radius:17px;flex-direction:column;gap:8px;width:300px;max-width:100%;padding:14px 16px 8px;font-family:LandingPretendard,system-ui,sans-serif;display:flex;box-shadow:0 6px 22px #1c4d3d09}.background-music-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.background-music-title{align-items:center;gap:10px;display:flex}.background-music-icon{color:#2b6552;background:#eaf3eb;border-radius:11px;padding:9px;display:flex}.background-music-icon svg{width:20px;height:20px}.background-music-title strong{font-size:13px;font-weight:700;line-height:1.4;display:block}.background-music-title small{color:var(--music-muted);margin-top:3px;font-size:10px;line-height:1.5;display:block}.background-music-button{cursor:pointer;background:0 0;border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:flex;position:relative}.background-music-button:before{content:"";background:var(--music-accent);border-radius:30px;width:42px;height:24px;position:absolute}.background-music-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;left:23px;box-shadow:0 1px 4px #0002}.background-music-button[aria-pressed=false]:before{background:#96a99e}.background-music-button[aria-pressed=false] .background-music-switch-knob{left:3px}.background-music-button:focus-visible{outline:2px solid var(--music-accent);outline-offset:2px}.background-music-volume{color:var(--music-accent);align-items:center;gap:11px;font-size:12px;display:flex}.background-music-volume>svg{width:17px;height:17px;color:var(--music-muted);flex-shrink:0}.background-music-volume input{appearance:none;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 5px;border:0;flex:1;width:100%;min-width:0;height:36px;margin:0;padding:0}.background-music-volume input::-webkit-slider-thumb{appearance:none;background:var(--music-accent);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #286b5910}.background-music-volume input::-moz-range-thumb{background:var(--music-accent);border:0;border-radius:50%;width:16px;height:16px}.background-music-volume input:focus-visible{outline:2px solid var(--music-accent);outline-offset:2px;border-radius:4px}.background-music-percent{text-align:right;font-variant-numeric:tabular-nums;min-width:43px;font-weight:700}.dark .hub-header .background-music-controls{--music-accent:#7bdcbd;--music-track:#34483e;--music-muted:#a3b8ad;color:#e7f5ed;background:#10231e;border-color:#345347}.dark .hub-header .background-music-icon{color:#a9e8cc;background:#203c30}.intro-landing .header-actions{align-items:center;gap:12px;display:flex}@media (width<=700px){.intro-landing .shell .header{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.intro-landing .header-actions{display:contents}.intro-landing .background-music-controls{grid-area:2/1/auto/-1}.intro-landing .qr-trigger{grid-area:1/2}}@media (prefers-reduced-motion:reduce){.background-music-switch-knob{transition:none}}:is(.hub-header,.intro-landing) .background-music-controls{width:244px;height:44px;box-shadow:none;border-radius:24px;flex-direction:row;gap:8px;padding:0 10px}:is(.hub-header,.intro-landing) .background-music-heading{display:contents}:is(.hub-header,.intro-landing) .background-music-title{flex-shrink:0;gap:5px}:is(.hub-header,.intro-landing) .background-music-icon{background:0 0;border-radius:0;padding:0}:is(.hub-header,.intro-landing) .background-music-icon svg{width:16px;height:16px}:is(.hub-header,.intro-landing) .background-music-title strong{white-space:nowrap;font-size:11px}:is(.hub-header,.intro-landing) .background-music-title small{display:none}:is(.hub-header,.intro-landing) .background-music-button{width:32px;min-width:32px}:is(.hub-header,.intro-landing) .background-music-button:before{width:32px;height:18px}:is(.hub-header,.intro-landing) .background-music-switch-knob{width:14px;height:14px;left:17px}:is(.hub-header,.intro-landing) .background-music-button[aria-pressed=false] .background-music-switch-knob{left:2px}:is(.hub-header,.intro-landing) .background-music-volume{flex:1;gap:6px;min-width:0;font-size:10px}:is(.hub-header,.intro-landing) .background-music-volume>svg{display:none}:is(.hub-header,.intro-landing) .background-music-percent{min-width:35px}.dark :is(.hub-header,.intro-landing) .background-music-icon{background:0 0}.share-control{position:relative}.share-feedback{pointer-events:none}.share-feedback input{pointer-events:auto}.share-feedback .share-dismiss{pointer-events:auto;float:right;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:32px;padding:4px 8px;font-weight:700}.hub-header-actions .share-trigger{white-space:nowrap;min-height:44px}.hub-header-actions .share-trigger svg{width:16px;height:16px}.hub-header-actions .share-trigger:disabled{opacity:.65;cursor:wait}.hub-header-actions .share-feedback:not(:empty){z-index:30;color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:10px;width:min(260px,100vw - 32px);padding:12px;font-size:12px;line-height:1.6;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 5px 20px #0003}.hub-header-actions .share-feedback input{width:100%;font:inherit;color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:5px;margin-top:8px;padding:8px}html:not(.dark) .hub-header-actions .share-feedback:not(:empty),html:not(.dark) .hub-header-actions .share-feedback input{color:#334155;background:#fff;border-color:#cbd5e1}.hub-qr-share{align-items:center;gap:6px;display:flex}@media (width<=640px),(height<=500px){.intro-landing .share-control .share-feedback:not(:empty),.hub-header-actions .share-control .share-feedback:not(:empty){top:auto;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;pointer-events:none;width:auto;max-width:360px;margin-left:auto;position:fixed}.share-feedback input{pointer-events:auto}}