.bottom-sheet[data-sheet-phase]{max-height:min(88dvh, calc(var(--sheet-viewport-height,100dvh) - 16px));translate:0 var(--sheet-offset,0px);opacity:1;transition:translate .34s cubic-bezier(.22,1,.36,1),opacity .2s}.bottom-sheet[data-sheet-phase]::backdrop{opacity:var(--sheet-backdrop-opacity,1);transition:opacity .22s}.bottom-sheet[data-sheet-phase=entering]{opacity:0;translate:0 calc(100% + 24px)}.bottom-sheet[data-sheet-phase=entering]::backdrop,.bottom-sheet[data-sheet-phase=closing]::backdrop{opacity:0}.bottom-sheet[data-sheet-phase=closing]{opacity:0;pointer-events:none;transition:translate .22s cubic-bezier(.4,0,.75,1),opacity .2s}.bottom-sheet[data-sheet-phase=dragging],.bottom-sheet[data-sheet-phase=dragging]::backdrop{transition:none}.bottom-sheet .sheet-drag-region{z-index:2;background:color-mix(in oklab, var(--mix-melody) 7%, var(--paper));touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;position:sticky;top:0}.bottom-sheet .sheet-heading button{flex-shrink:0;width:44px;height:44px;margin-top:0;transition:background .14s,transform .14s}.bottom-sheet .sheet-heading button:hover{background:#1715120f}.bottom-sheet .sheet-heading button:active{transform:scale(.93)}.bottom-sheet.song-browser-sheet .sheet-inner{min-height:0;max-height:min(88dvh, calc(var(--sheet-viewport-height,100dvh) - 16px))}.bottom-sheet.song-browser-sheet .song-results{min-height:80px}@media (max-width:599px){.bottom-sheet[data-sheet-phase]{bottom:var(--sheet-keyboard-inset,0px)}.bottom-sheet .sheet-handle{width:38px;height:4px;margin-block:3px 7px}}@media (min-width:600px){.bottom-sheet[data-sheet-phase=entering]{translate:0 20px}.bottom-sheet.song-browser-sheet[data-sheet-phase],.bottom-sheet.song-browser-sheet .sheet-inner{max-height:min(80dvh, calc(var(--sheet-viewport-height,100dvh) - 24px))}}@media (prefers-reduced-motion:reduce){.bottom-sheet[data-sheet-phase],.bottom-sheet[data-sheet-phase]::backdrop,.bottom-sheet .sheet-heading button{transition:none}}
.song-source-tabs{isolation:isolate;background:#17151208;border:1px solid #17151208;border-radius:18px;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;padding:4px;display:grid;position:relative;box-shadow:inset 0 1px 2px #17151208}.song-source-pill{z-index:-1;background:#ffffffa6;border:1px solid #ffffffb3;border-radius:14px;width:calc(50% - 4px);transition:transform .26s cubic-bezier(.22,.8,.25,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 4px #1715120b,inset 0 1px #fff}.song-source-tabs[data-source=youtube] .song-source-pill{transform:translate(100%)}.song-source-tabs button{color:#17151280;letter-spacing:-.01em;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:0 12px;font-size:13px;font-weight:500;transition:color .16s;display:flex}.song-source-tabs button[aria-selected=true]{color:var(--ink)}.song-source-tabs button:focus-visible{outline:2px solid color-mix(in oklab, var(--red) 80%, var(--ink));outline-offset:1px}.song-source-stage{flex:auto;height:clamp(248px,52dvh,440px);min-height:0;transition:height .26s cubic-bezier(.22,.8,.25,1);position:relative}.song-source-stage[data-source=youtube]{height:clamp(210px,36dvh,300px)}.song-source-stage[data-source=youtube][data-has-import=true]{height:clamp(280px,46dvh,380px)}.song-source-panel{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;min-width:0;min-height:0;transition:opacity .16s,transform .22s cubic-bezier(.22,.8,.25,1),visibility 0s linear .22s;display:flex;position:absolute;inset:0;transform:translate(-8px)}.song-source-panel.youtube-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#17151230 transparent;min-height:0;overflow-y:auto;transform:translate(8px)}.song-source-panel[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.song-browser-sheet .song-library-panel .song-results{flex:auto;height:auto;min-height:0}.song-source-panel .youtube-input{flex-shrink:0}.song-source-panel .song-browser-error{margin-bottom:2px}.import-patience{color:#17151280;text-wrap:balance;margin:12px 2px 2px;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.song-source-pill,.song-source-stage,.song-source-panel,.song-source-tabs button{transition:none}}
.playlist-signup{color:#292421;letter-spacing:-.02em;z-index:70;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:12px;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;position:fixed;inset:0 0 auto;overflow:hidden}.playlist-signup[open]{justify-content:center;align-items:center;display:flex}.playlist-signup::backdrop{background:0 0}.playlist-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;background:#29242173;transition:opacity .18s;position:absolute;inset:0}.playlist-card{background:#fefffe;border-radius:14px;flex-direction:column;width:100%;max-width:440px;min-height:0;max-height:100%;transition:opacity .18s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #29242159}.playlist-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.playlist-lockup{aspect-ratio:434/161;background:#cc1e1e;flex-shrink:0;width:92px;display:block;-webkit-mask:url(/brand/shibuya-lockup.png) 50%/contain no-repeat;mask:url(/brand/shibuya-lockup.png) 50%/contain no-repeat}.playlist-close{color:#766960;min-width:44px;min-height:44px;letter-spacing:inherit;background:0 0;border-radius:50%;outline:none;flex-shrink:0;padding:0 12px;font-family:inherit;font-size:13px;font-weight:400;line-height:19.5px;transition:color .14s,background .14s}.playlist-close:hover{color:#cc1e1e;background:#f3e7de}.playlist-close:focus-visible{outline-offset:0;outline:2px solid #cc1e1e66}.playlist-body{overscroll-behavior:contain;min-height:0;padding-bottom:16px;overflow-y:auto}.playlist-title{text-align:center;padding:12px 20px 8px}.playlist-title h2{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:500;line-height:1.25}.playlist-title p{color:#766960;margin:6px 0 0;font-size:14px;font-weight:300;line-height:1.375}.playlist-widget{letter-spacing:normal;margin:0 4px;padding:12px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.playlist-form-outer{border:4px solid #0000;border-radius:44px;margin:4px 0;transition:border-color .15s}.playlist-form-inner{border:1px solid #c8d1df;border-radius:44px;padding:4px;transition:border-color .15s}.playlist-form-inner:focus-within{border-color:#cc1e1e}.playlist-widget form{align-items:center;width:100%;height:40px;display:flex}.playlist-widget input{box-sizing:border-box;color:#000;background:0 0;border:0;border-radius:0;outline:none;flex:1;width:100%;min-width:0;height:33px;padding:5px 10px 5px 12px;font:400 16px/23px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.playlist-widget input::placeholder{color:#0006}.playlist-widget input:focus-visible{outline:0}.playlist-widget form button{color:#fff;background:#cc1e1e;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;width:100.2px;min-width:64px;height:40px;padding:0 16px;font:700 14px/24.5px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .15s,transform .15s;display:flex}.playlist-widget form button:hover:enabled{background:#a51414}.playlist-widget form button:active:enabled{transform:scale(.97)}.playlist-widget form button:disabled{opacity:1;cursor:default;background:#c8d1df}.playlist-footer{color:#687178;justify-content:space-between;align-items:center;height:13px;margin-top:8px;display:flex}.playlist-footer a{color:inherit;align-items:center;gap:8px;font-size:10px;font-weight:400;line-height:13px;text-decoration:none;display:flex}.playlist-footer img{display:block}.playlist-error{color:#a51414;margin:6px 4px;font-size:12px;line-height:1.4}.playlist-signup[data-phase=entering] .playlist-card{opacity:0;transform:translateY(10px)scale(.985)}.playlist-signup[data-phase=closing] .playlist-card{opacity:0;pointer-events:none;transform:translateY(8px)scale(.985)}.playlist-signup[data-phase=entering] .playlist-scrim,.playlist-signup[data-phase=closing] .playlist-scrim{opacity:0}@media (min-width:640px){.playlist-signup{padding:16px}.playlist-body{padding-bottom:20px}.playlist-title{padding:20px 24px 8px}}@media (prefers-reduced-motion:reduce){.playlist-card,.playlist-scrim,.playlist-close{transition:none}.playlist-signup[data-phase] .playlist-card{transform:none}}
.welcome-overlay{--brand-red:#cc1e1e;--title-font:StefanSimple, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--brand-font:StefanBubbleTight, var(--title-font);z-index:10000;box-sizing:border-box;background:0 0;place-items:center;width:100vw;height:100dvh;padding:16px;transition:opacity .35s;display:grid;position:fixed;inset:0}.welcome-overlay.hidden{opacity:0;pointer-events:none}.welcome-card{box-sizing:border-box;text-align:center;font-synthesis:none;color:#606060;background:#fefefe;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:0;width:100%;max-width:460px;padding:48px 40px 44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 1px 2px #0000000f,0 12px 32px -8px #0000002e;container-type:inline-size}.welcome-title{white-space:nowrap;max-width:100%;color:var(--brand-red);font-family:var(--brand-font);letter-spacing:0;text-transform:lowercase;margin:0 0 6px;font-size:min(68px,14.5cqw);font-weight:400;line-height:1}.welcome-subtitle{color:var(--brand-red);font-family:var(--title-font);letter-spacing:.02em;text-transform:lowercase;margin:0 0 24px;font-size:15px;font-weight:400;line-height:1.2}.welcome-copy{text-wrap:balance;color:#5e5e5e;width:100%;max-width:none;margin:0 0 32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.4}.welcome-button{background:var(--brand-red);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:176px;height:56px;padding:0 32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.1;text-decoration:none;transition:transform .16s,opacity .16s;display:grid;position:relative}.welcome-button-label{z-index:1;position:relative}.welcome-button:hover{transform:scale(1.04)}.welcome-button:active{transform:scale(.95)}.welcome-copy{white-space:pre-line}@media (max-width:420px){.welcome-card{padding:36px 24px 32px}.welcome-title{margin-bottom:8px;font-size:min(52px,12cqw)}.welcome-subtitle{margin-bottom:20px}.welcome-copy{margin-bottom:28px;font-size:17px}}