*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#f03c32;--color-primary-dark:#d92f25;--color-primary-a11y:#c72e25;--color-secondary:#aedef2;--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-selected:#fcebea;--color-field-bg:#f0f0f0;--color-text:#2d2d2d;--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-text-muted:#626a78;--color-vocal:#087daa;--color-danger:#f03c32;--color-border:#e5e5e5;--color-overlay:#00000073;--color-x:#000;--color-on-x:#fff;--color-receipt-paper:#fffdf7;--color-receipt-ink:#2d2d2d;--color-receipt-muted:#6b7280;--color-receipt-rule:#777;--shadow-sm:0 2px 8px #0000000d;--shadow-card:0 2px 8px #0000000d;--shadow-lg:0 6px 18px #0000001a;--shadow-popup:0 -4px 24px #0000001f;--shadow-button:0 2px 8px #0f172a1a;--shadow-button-hover:0 5px 16px #0f172a21;--shadow-button-press:0 1px 3px #0f172a1a;--shadow-receipt:0 5px 18px #0000001a;--radius-card:20px;--radius-btn:9999px;--font-display:-apple-system, BlinkMacSystemFont, "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;--size-h1:1.375rem;--size-h2:1.0625rem;--size-h3:.9375rem;--size-body:.875rem;--size-caption:.75rem;--size-button:.875rem;--dur-base:.2s;--dur-slow:.35s;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-direct:cubic-bezier(.2,.8,.2,1);--motion-response:.28s;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:20px;--sp-xl:24px;--sp-xxl:32px;--page-pad:20px;--card-gap:14px;--card-pad:14px;--app-header-h:56px;--layer-header:850;--layer-page:1000;--layer-search:1100;--layer-player:1200;--layer-player-media:1201;--layer-screen-header:1203;--layer-player-ui:1204;--layer-modal:1300;--layer-guide:1400;--layer-snackbar:1500;--layer-reorder-indicator:8;font-size:100%}body{background:var(--color-bg);font-family:var(--font-body);font-size:var(--size-body);color:var(--color-text);-webkit-font-smoothing:antialiased;font-optical-sizing:auto}input,textarea,select{font-size:16px!important}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:not(:disabled):active{filter:brightness(.92)}html.reorder-active,html.reorder-active body{-webkit-user-select:none;user-select:none;overscroll-behavior:none}.reorder-placeholder{opacity:.2!important;transition:opacity .1s ease-out,transform .1s ease-out!important;transform:scale(.985)!important}.reorder-floating-card{opacity:.98;transform-origin:50%;will-change:transform;border-radius:16px;transition:box-shadow .1s ease-out;overflow:hidden;transform:translate(0,0)scale(1.02);box-shadow:0 14px 34px #0f172a2e,0 0 0 1px #f03c322e!important}.reorder-floating-card .selection-border-shine:before,.reorder-floating-card.selection-border-shine:before{animation:none!important}.reorder-drop-indicator{background:var(--color-primary);height:4px;z-index:var(--layer-reorder-indicator);pointer-events:none;border-radius:4px;position:absolute;left:6px;right:6px;box-shadow:0 2px 8px #f03c3259}.reorder-drop-indicator--top{top:0}.reorder-drop-indicator--bottom{bottom:0}.swipe-action-cue{color:var(--color-text);background:var(--color-secondary);pointer-events:none;align-items:center;padding:0 10px;transition:background 90ms ease-out;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-action-cue--right{justify-content:flex-start}.swipe-action-cue--left{justify-content:flex-end}.swipe-action-cue--delete{color:#fff;background:var(--color-danger)}.swipe-action-cue--play.is-ready{background:#98d5ee}.swipe-action-cue-content{opacity:calc(.35 + var(--swipe-progress) * .65);transform:scale(calc(.88 + var(--swipe-progress) * .12));align-items:center;gap:4px;font-size:10px;font-weight:800;transition:transform 90ms ease-out,opacity 90ms ease-out;display:inline-flex}.swipe-action-cue-icon{background:#ffffff75;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.swipe-action-cue--delete .swipe-action-cue-icon{background:#ffffff2e}.swipe-action-cue--play .swipe-action-cue-icon svg{transform:translate(1px)}.swipe-action-cue.is-ready .swipe-action-cue-content{transform:scale(1.06)}.swipe-action-cue.is-ready .swipe-action-cue-icon{box-shadow:0 0 0 3px #ffffff85}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){:root{--shadow-popup:0 4px 18px #0000002e}.player-unmute-button{background:#fff;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-contrast:more){:root{--color-text:#111;--color-text-muted:#4b5563;--color-border:#737373;--shadow-card:0 0 0 1px #737373}:focus-visible{outline-width:4px}}.btn{border-radius:var(--radius-btn);height:44px;font-family:var(--font-body);font-size:var(--size-button);cursor:pointer;box-shadow:var(--shadow-button);transition:transform var(--motion-response) var(--ease-direct), box-shadow var(--motion-response) var(--ease-direct), opacity var(--dur-base), filter 90ms ease-out;border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow-button-hover)}.btn:active{box-shadow:var(--shadow-button-press);transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-ghost{color:var(--color-text);box-shadow:none;background:0 0}.btn-ghost:hover{box-shadow:none;background:#00000009}.btn-ghost:active{box-shadow:none;background:#00000013}.btn-danger{background:var(--color-danger);color:#fff}.plain-action{border-radius:var(--radius-btn);height:44px;color:var(--color-text);box-shadow:none;font-family:var(--font-body);font-size:var(--size-button);cursor:pointer;transition:color 90ms ease-out, opacity var(--dur-base), background 90ms ease-out, transform 90ms ease-out;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.plain-action:active{color:var(--color-primary);background:var(--color-surface-selected);outline:none;transform:translateY(1px)scale(.96)}.plain-action:focus-visible{color:var(--color-primary);outline:3px solid var(--color-primary)}.plain-action:disabled{opacity:.35;cursor:default;pointer-events:none;background:0 0;outline:none}.toggle-action{border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);height:40px;color:var(--color-text);box-shadow:var(--shadow-button);font-family:var(--font-body);font-size:var(--size-button);cursor:pointer;transition:color 90ms ease-out, background 90ms ease-out, opacity var(--dur-base), transform 90ms ease-out, box-shadow 90ms ease-out, filter 90ms ease-out;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.toggle-action:active{color:var(--color-primary);box-shadow:var(--shadow-button-press);outline:none;transform:translateY(1px)scale(.98)}.toggle-action:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.toggle-action.is-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px #f03c323d}.toggle-action.is-active:active{color:#fff;background:var(--color-primary-dark);box-shadow:0 2px 6px #f03c322e}.toggle-action:disabled{opacity:.3;color:var(--color-text-muted);box-shadow:none;pointer-events:none;cursor:default;background:0 0;border-color:#0000;outline:none}.restart-action.is-confirmed{color:var(--color-primary);background:var(--color-surface-selected);animation:restart-feedback .52s var(--ease-spring);border-color:#f03c323d}.restart-action.is-confirmed svg{animation:.48s ease-out restart-icon-feedback}@keyframes restart-feedback{0%{transform:scale(.96)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes restart-icon-feedback{0%{transform:rotate(-35deg)}to{transform:rotate(0)}}.spinner{border:2px solid #00000026;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.header-icon-button{width:34px;height:34px;color:var(--color-text);cursor:pointer;transition:background var(--dur-base), transform var(--dur-base);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.header-icon-button:active{background:#0000000d;transform:scale(.94)}.app-wordmark{font-family:var(--font-display);letter-spacing:-1.1px;color:var(--color-text);align-items:baseline;font-size:25px;font-weight:900;line-height:1;display:flex}.app-wordmark>span{color:var(--color-primary);letter-spacing:-1.5px;margin-right:1px;font-weight:900}.player-unmute-button{z-index:var(--layer-player-ui);border-radius:var(--radius-btn);color:var(--color-text);box-shadow:var(--shadow-lg);font-family:var(--font-body);white-space:nowrap;cursor:pointer;background:#fffffff0;border:0;padding:10px 16px;font-size:12px;font-weight:800;position:fixed;transform:translate(-50%)}.quick-action{border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);font-family:var(--font-body);cursor:pointer;transition:transform var(--motion-response) var(--ease-direct), box-shadow var(--dur-base);border:0;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:11px;font-weight:700;display:flex}.quick-action:active{box-shadow:var(--shadow-sm);transform:scale(.97)}.home-dashboard{display:contents}.search-page{width:100%}.search-query-input::-webkit-search-cancel-button{appearance:none;display:none}.search-results-grid{grid-template-columns:1fr;display:grid}@media (width<=720px){.admin-create-grid{grid-template-columns:1fr!important}.admin-create-grid>label{grid-column:auto!important}.admin-song-row{grid-template-columns:1fr 1fr!important}.admin-song-row>:first-child,.admin-song-row>:nth-child(2){grid-column:1/-1}}.tactile-button{box-shadow:var(--shadow-button);transition:transform 90ms ease-out, box-shadow 90ms ease-out, filter 90ms ease-out, opacity var(--dur-base);position:relative}.tactile-button:not(:disabled):active{box-shadow:var(--shadow-button-press);transform:translateY(1px)scale(.98)}.tactile-button:disabled{filter:none!important;transform:none!important}.home-info-badge{border-radius:var(--radius-btn);width:100%;min-height:42px;font-family:inherit;font-size:var(--size-caption);border:0;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:800;line-height:1.35;display:flex}.home-info-badge--primary{background:var(--color-primary);color:#fff;cursor:pointer}.home-info-badge--soft{background:var(--color-surface-selected);color:var(--color-primary)}.snackbar-cat{--snackbar-bg:#fff;--snackbar-fg:var(--color-primary);--snackbar-border:var(--color-primary);--snackbar-ear-fill:var(--snackbar-bg);--snackbar-ear-outline:var(--snackbar-border);--snackbar-action-bg:#f03c3214;--snackbar-action-bg-hover:#f03c3224;--snackbar-action-border:#f03c3252;bottom:var(--snackbar-bottom-mobile);left:var(--page-pad);right:var(--page-pad);box-sizing:border-box;background:var(--snackbar-bg);border:2px solid var(--snackbar-border);border-radius:var(--radius-btn);min-height:50px;box-shadow:var(--shadow-card);color:var(--snackbar-fg);font-size:var(--size-body);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-weight:700;display:flex;overflow:visible}.snackbar-cat--error{--snackbar-bg:var(--color-primary);--snackbar-fg:#fff;--snackbar-action-bg:#ffffff2e;--snackbar-action-bg-hover:#ffffff4d;--snackbar-action-border:#ffffff47}.snackbar-cat-action{border:1px solid var(--snackbar-action-border);border-radius:var(--radius-btn);background:var(--snackbar-action-bg);min-height:28px;color:var(--snackbar-fg);font-family:var(--font-body);font-size:var(--size-caption);cursor:pointer;transition:background var(--dur-base);flex-shrink:0;padding:4px 12px;font-weight:700}.snackbar-cat-action:hover{background:var(--snackbar-action-bg-hover)}.snackbar-cat:before{content:"";z-index:2;background:var(--snackbar-ear-fill);pointer-events:none;width:58px;height:4px;position:absolute;top:-2px;left:23px}.snackbar-cat>:not(.snackbar-cat-earline){z-index:1;position:relative}.snackbar-cat-earline{z-index:3;pointer-events:none;width:60px;height:16px;position:absolute;top:-15px;left:22px}.snackbar-cat-earline svg{width:100%;height:100%;display:block;overflow:visible}.snackbar-cat-earline-fill{fill:var(--snackbar-ear-fill)}.snackbar-cat-earline-stroke{fill:none;stroke:var(--snackbar-ear-outline);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.home-info-badge-icon--floating{will-change:transform;animation:1s ease-in-out infinite bounce-down;display:inline-flex}.home-info-badge-arrow--floating{color:var(--color-primary);will-change:transform;animation:1s ease-in-out infinite bounce-down;display:inline-flex}.selection-border-shine{isolation:isolate;contain:paint;overflow:hidden!important}.selection-border-shine:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(105deg, #f03c3233 25%, #f03c32cc 43%, #fff 50%, #f03c32e6 57%, #f03c3233 75%) border-box;background-repeat:no-repeat;background-size:100% 100%,300% 100%;border:2px solid #0000;animation:3.8s ease-in-out infinite queue-border-shine;position:absolute;inset:0}.queue-row-current{background:#f03c3233}.queue-row-current>.queue-row-inner{z-index:1;border-radius:14px;margin:2px;position:relative;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important}.playlist-layout{display:block}.playlist-row-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.playlist-sidebar{width:100%;margin-bottom:22px}.playlist-name-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.playlist-tile{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:100%;min-width:0;min-height:56px;color:var(--color-text);box-shadow:var(--shadow-card);text-align:center;cursor:pointer;font-family:var(--font-body);transition:transform .1s ease-out, border-color var(--dur-base) var(--ease-direct), box-shadow var(--dur-base) var(--ease-direct), background-color var(--dur-base) var(--ease-direct);justify-content:center;align-items:center;gap:5px;padding:10px 9px 13px;display:flex}.playlist-tile-label{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.playlist-tile.is-active{color:var(--color-text);border-color:#f03c3294;box-shadow:0 2px 8px #0f172a0f,0 0 0 1px #f03c321f}.playlist-tile--add{background:var(--color-surface-selected);color:var(--color-primary);box-shadow:none;border-color:#0000;padding-bottom:10px;font-size:11px;font-weight:700}.empty-state-cat-outline{color:var(--color-text-muted);background:0 0;margin-inline:auto;display:block;overflow:visible}.playlist-content{flex:1;min-width:0}.playlist-empty-guide-desktop{display:none}.full-player-queue-panel{padding:0 20px 32px}.gesture-guide-backdrop{z-index:var(--layer-guide);animation:fade-in var(--dur-base) ease;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gesture-guide-card{border-radius:var(--radius-card);background:var(--color-surface);width:100%;max-width:360px;box-shadow:var(--shadow-popup);animation:pop-in var(--motion-response) var(--ease-direct);padding:24px}.gesture-guide-row{border-bottom:1px solid var(--color-border);color:var(--color-primary);align-items:center;gap:14px;padding:12px 0;display:flex}.gesture-guide-row span{color:var(--color-text);flex-direction:column;gap:3px;display:flex}.gesture-guide-row b{font-size:13px}.gesture-guide-row small{color:var(--color-text-muted);font-size:11px}@media (width<=640px){.playlist-content{width:100%}.admin-song-row{grid-template-columns:1fr 1fr!important}.admin-song-row>:first-child,.admin-song-row>:nth-child(2){grid-column:1/-1}.admin-song-row>button{align-self:end;padding-inline:14px}}.desktop-sidebar,.desktop-bento-home,.desktop-home-skeleton,.desktop-row-order-button{display:none}.related-queue-add-button{border:1px solid var(--color-border);background:var(--color-bg);width:32px;height:32px;color:var(--color-secondary);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.related-queue-add-button svg{transform:rotate(180deg)}@media (width>=900px){.mobile-home-skeleton{display:none!important}.desktop-home-skeleton{display:flex}:root{--page-pad:28px;--desktop-right-gutter:clamp(36px, 4vw, 72px);--desktop-content-top:var(--page-pad);--desktop-primary-block-top:calc(var(--desktop-content-top) + 54px)}.app-shell{min-height:100dvh!important}.snackbar-cat{bottom:var(--snackbar-bottom-desktop);width:min(340px, calc(100vw - (var(--page-pad) * 2)));left:auto}.desktop-sidebar{z-index:var(--layer-screen-header);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:244px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #0f172a0a}.desktop-sidebar-brand{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:4px 0 10px;display:flex}.desktop-sidebar-brand .app-wordmark{justify-content:center;width:100%;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:34px;transform:translate(-3px)}.desktop-sidebar-brand .app-wordmark>span{margin-right:4px;font-style:italic}.desktop-unofficial-note{width:170px;color:var(--color-primary);font:800 10px/1.4 var(--font-body);text-align:center;cursor:pointer;background:0 0;border:0;align-self:center;margin:0;padding:0}.desktop-sidebar-nav{gap:7px;margin-top:20px;display:grid}.desktop-nav-item{width:100%;min-height:48px;color:var(--color-text-muted);font:700 13px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;padding:0 15px;transition:color .12s ease-out,background .12s ease-out,transform .12s ease-out;display:flex}.desktop-nav-item:hover:not(:disabled){color:var(--color-text);background:var(--color-bg)}.desktop-nav-item.is-active{color:var(--color-primary);background:var(--color-surface-selected)}.desktop-nav-item.is-active svg{color:var(--color-primary)}.desktop-nav-item:disabled{opacity:.32;cursor:default}.desktop-terms-link{border-radius:var(--radius-btn);background:var(--color-primary);width:100%;min-height:42px;color:var(--color-text-on-primary);box-shadow:var(--shadow-button);font:800 10.5px/1.3 var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;margin-bottom:6px;padding:0 14px;transition:background .1s ease-out,transform .1s ease-out,box-shadow .1s ease-out;display:flex}.desktop-terms-link:hover{background:var(--color-primary-dark)}.desktop-terms-link:active{box-shadow:var(--shadow-button-press);transform:translateY(1px)scale(.98)}.desktop-official-links{margin-top:auto;padding:0}.desktop-official-links>span{border-radius:var(--radius-btn);background:var(--color-surface-selected);width:100%;min-height:42px;color:var(--color-primary);text-align:center;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:0 14px;font-size:10.5px;font-weight:800;display:flex}.desktop-official-links>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.desktop-official-links a{background:var(--color-surface);width:46px;height:46px;color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;justify-self:center;align-items:center;padding:0;text-decoration:none;display:flex}.desktop-official-links a:hover{color:var(--color-primary)}.desktop-workspace{box-sizing:border-box;min-height:100dvh;margin-left:244px;padding-right:0}.desktop-workspace>.global-header,.search-screen>.global-header,.full-player>.global-header,.terms-page>.global-header{display:none!important}.terms-page{box-sizing:border-box;padding-right:0;left:244px!important}.terms-page-content{position:relative;padding-top:var(--desktop-primary-block-top)!important;padding-left:0!important;padding-right:0!important}.terms-page-title{top:var(--desktop-content-top);position:absolute;left:0;margin-bottom:0!important}.home-page{align-items:stretch;padding-top:var(--desktop-content-top)!important;height:auto!important;min-height:100dvh!important;padding-left:0!important;padding-right:0!important}.home-dashboard,.home-mobile-guide,.home-dashboard-controls{display:none}.home-dashboard-hero{min-height:560px;padding-bottom:0!important}.desktop-bento-home{margin:0 auto var(--page-pad);display:block}.desktop-page-frame{box-sizing:border-box;width:min(1040px,100% - 72px,133.333dvh - 175px);margin-left:auto;margin-right:auto}.desktop-bento-heading{justify-content:flex-end;align-items:center;min-height:40px;margin-bottom:14px;display:flex}.desktop-bento-refresh-all{border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);box-shadow:var(--shadow-sm);font:700 12px/1 var(--font-body);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.desktop-bento-grid{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:auto;min-height:0;display:grid}.desktop-bento-skeleton-copy{z-index:1;gap:7px;display:grid;position:absolute;bottom:16px;left:16px;right:64px}.desktop-bento-card--1 .desktop-bento-skeleton-copy{gap:9px;bottom:18px;left:18px}.desktop-bento-card{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-surface);width:100%;min-width:0;min-height:0;box-shadow:var(--shadow-card);align-self:start;position:relative;overflow:hidden}.desktop-bento-card--1{grid-area:1/1/3/3}.desktop-bento-card--2{grid-area:1/3}.desktop-bento-card--3{grid-area:2/3}.desktop-bento-card--4{grid-area:3/1}.desktop-bento-card--5{grid-area:3/2}.desktop-bento-card--6{grid-area:3/3}.desktop-bento-card--7{grid-area:4/1}.desktop-bento-card--8{grid-area:4/2}.desktop-bento-card--9{grid-area:4/3}.desktop-bento-card-main{color:#fff;text-align:left;cursor:pointer;background:#111;border:0;width:100%;position:absolute;inset:0}.desktop-bento-card-main img{transition:transform .35s var(--ease-direct), filter .2s ease-out}.desktop-bento-card:hover .desktop-bento-card-main img{filter:brightness(.92);transform:scale(1.025)}.desktop-bento-scrim{pointer-events:none;background:linear-gradient(#0000,#0c0c0ee0);position:absolute;inset:34% 0 0}.desktop-bento-info{color:#fff;position:absolute;bottom:17px;left:18px;right:88px}.desktop-bento-info>div>div:nth-child(2){color:#ffffffb8!important}.desktop-bento-info>div>div:nth-child(3){color:var(--color-secondary)!important}.desktop-bento-card:not(.desktop-bento-card--1) .desktop-bento-info{bottom:11px;left:13px;right:60px}.desktop-bento-play{border-radius:var(--radius-btn);background:var(--color-primary);color:#fff;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #0003}.desktop-bento-card:not(.desktop-bento-card--1) .desktop-bento-play{justify-content:center;width:34px;padding:0;font-size:0}.desktop-bento-play svg{transform:translate(1px)}.desktop-bento-card:not(.desktop-bento-card--1) .desktop-bento-play svg{transform:translate(4px)}.desktop-bento-actions{z-index:2;gap:7px;display:flex;position:absolute;top:12px;right:12px}.desktop-bento-actions button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1414169e;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .1s ease-out,background .1s ease-out;display:grid}.desktop-bento-actions button:hover{background:var(--color-primary);transform:scale(1.06)}.home-quick-actions{gap:12px!important}.quick-action{min-height:92px;font-size:12px}.quick-action:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.home-social-links a:hover>span{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)!important}.home-social-links a>span{transition:transform var(--dur-base) var(--ease-direct), box-shadow var(--dur-base)}.search-input-shell{width:min(720px,100%);margin-left:auto;margin-right:auto}.search-suggestions{width:min(720px, calc(100% - (var(--page-pad) * 2)));transform:translate(-50%);left:50%!important;right:auto!important;top:calc(var(--page-pad) + 50px)!important}.search-screen,.full-player{min-height:100dvh;z-index:var(--layer-page)!important;position:relative!important;inset:auto!important}.search-page{padding-top:var(--desktop-content-top)!important;padding-left:0!important;padding-right:0!important}.playlist-page{padding-top:var(--desktop-primary-block-top)!important;padding-left:0!important;padding-right:0!important}.full-player-media{border-radius:var(--radius-card);margin-top:0!important}.yt-player-surface,.yt-player-buffering{border-radius:var(--radius-card)}.full-player{max-width:none;margin-inline:0;padding:var(--desktop-primary-block-top) 0 var(--page-pad)!important}.full-player-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);align-items:start;gap:24px;display:grid}.full-player-primary,.full-player-queue-panel{min-width:0}.full-player-details{padding-inline:4px!important}.full-player-queue-panel{border-radius:var(--radius-card);background:#ffffff80;padding:16px}.full-player-queue-panel [data-queue-viewport]{height:min(360px,45dvh)!important}.desktop-row-order-button{border:1px solid var(--color-border);background:var(--color-bg);width:32px;height:32px;color:var(--color-secondary);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.desktop-row-order-button:hover:not(:disabled){background:var(--color-surface-selected);color:var(--color-secondary);border-color:#f03c3259}.desktop-row-order-button:disabled{opacity:.25;cursor:default}.desktop-row-order-button--up svg{transform:rotate(180deg)}.full-player-queue-panel .queue-drag-handle{display:none!important}.queue-video-row,.related-video-row,.search-video-row,.playlist-item-row,.video-row-skeleton{box-sizing:border-box;height:96px!important;min-height:96px!important;max-height:96px!important}.related-video-row>[role=button],.search-video-row>[role=button]{box-sizing:border-box;height:100%;min-height:0}.video-row-info{min-height:0;overflow:hidden;height:64px!important}.video-row-info .performance-info-title{-webkit-line-clamp:2!important}.video-row-info .performance-info-date{white-space:nowrap}.video-row-info .performance-info-vocal{text-overflow:ellipsis;white-space:nowrap;max-height:1.3em!important;display:block!important;overflow:hidden!important}.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.playlist-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;display:grid}.playlist-sidebar{top:var(--desktop-primary-block-top);margin-bottom:0;position:sticky}.playlist-content{position:relative}.playlist-content-toolbar{position:absolute;bottom:calc(100% + 10px);left:0;right:0;margin-bottom:0!important}.playlist-content-body{min-width:0}.playlist-name-list{grid-template-columns:1fr}.playlist-tile{text-align:left;justify-content:flex-start;min-height:64px;padding-inline:18px}.playlist-tile-label{font-size:13px}.playlist-empty-guide-mobile{display:none}.playlist-empty-guide-desktop{display:inline}.playlist-drag-handle{display:none!important}.playlist-item-row{justify-content:center;padding-inline:52px!important}.playlist-row-content{flex:0 680px;align-items:center;gap:12px;width:min(680px,100%);min-width:0;display:flex}.playlist-row-content>img{aspect-ratio:16/9;flex:0 0 96px;width:96px!important;height:auto!important}.playlist-item-row>.desktop-row-order-button{position:absolute;left:8px}.playlist-item-row>.desktop-row-order-button--up{left:auto;right:8px}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes card-bounce{0%{transform:scale(1)}35%{transform:scale(1.045)}65%{transform:scale(.985)}to{transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes queue-border-shine{0%,12%{background-position:0 0,100% 0}88%,to{background-position:0 0,0 0}}