body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Toast_toastContainer__kN9Xu{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:0;top:8px;z-index:10000}.Toast_toast__nd-uy{background:var(--toast-bg);border-radius:8px;box-shadow:var(--toast-shadow);color:var(--toast-text)!important;cursor:pointer;max-width:600px;min-width:400px;opacity:0;padding:8px;pointer-events:auto;transform:translateX(100%);transition:all .3s ease-in-out}.Toast_toast__nd-uy.Toast_visible__X6VvW{opacity:1;transform:translateX(0)}.Toast_toastContent__FvFGh{align-items:center;color:var(--toast-text)!important;display:flex;gap:4px;justify-content:space-between}.Toast_toastMessage__oz2N4{color:var(--toast-text)!important;flex:1 1;font-size:14px;line-height:1;word-break:break-word}.Toast_closeButton__kaMUd{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-white-70);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.Toast_closeButton__kaMUd:hover{background:var(--color-white-10);color:var(--toast-text)}@media (max-width:768px){.Toast_toast__nd-uy{max-width:none;min-width:auto}}.ErrorBoundary_errorBoundary__IdvSd{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:24px}.ErrorBoundary_errorContent__EBiee{max-width:600px;text-align:center;width:100%}.ErrorBoundary_errorTitle__mSxCa{font-size:1.5rem;font-weight:700;margin-bottom:16px}.ErrorBoundary_errorMessage__bcz3G{font-size:1rem;line-height:1.6;margin-bottom:24px}.ErrorBoundary_errorDetails__xNuni{background-color:var(--color-black-20);border-radius:8px;margin:24px 0;padding:16px;text-align:left}.ErrorBoundary_errorDetails__xNuni summary{background-color:var(--color-black-10);border-radius:4px;cursor:pointer;font-weight:700;margin-bottom:12px;padding:8px}.ErrorBoundary_errorStack__n2W8S{background-color:var(--color-black-20);border-radius:4px;font-size:.875rem;line-height:1.5;max-height:400px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.ErrorBoundary_errorActions__BNjUS{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ErrorBoundary_errorButton__tu4Ya{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:opacity .2s}.ErrorBoundary_errorButton__tu4Ya:hover{opacity:.8}.ErrorBoundary_errorButton__tu4Ya:active{opacity:.6}@media (max-width:600px){.ErrorBoundary_errorTitle__mSxCa{font-size:1.25rem}.ErrorBoundary_errorMessage__bcz3G{font-size:.875rem}.ErrorBoundary_errorButton__tu4Ya{font-size:.875rem;padding:10px 20px}}:root{--theme-primary:#12320d;--theme-secondary:#fefcf5;--theme-text:#fefcf5;--theme-progress-bar:#fefcf5;--primary-color:#12320d;--secondary-color:#fefcf5;--accent-color:#fee9c6;--text-primary:#4d2d04;--text-secondary:#666;--background-primary:#fffbf6;--background-secondary:#fef4e3;--border-color:#4d2d04;--hover-color:#fef4e3;--color-white:#fff;--color-black:#000;--color-gray-100:#fffbf6;--color-gray-200:#fef4e3;--color-gray-300:#fee9c6;--color-gray-400:#fde1b3;--color-gray-500:#fddaa0;--color-gray-600:#cbaf80;--color-gray-700:#685940;--color-gray-800:#372e20;--color-gray-900:#050300;--color-red:#dc3545;--color-red-dark:#c82333;--color-black-02:#00000005;--color-black-05:#0000000d;--color-black-10:#0000001a;--color-black-18:#0000002e;--color-black-25:#00000040;--color-black-30:#0000004d;--color-black-50:#00000080;--color-black-60:#0009;--color-black-70:#000000b3;--color-black-80:#000c;--color-white-10:#ffffff1a;--color-white-20:#fff3;--color-white-30:#ffffff4d;--color-white-70:#ffffffb3;--color-white-80:#fffc;--color-white-90:#ffffffe6;--color-black-90:#000000e6;--color-blue:#007bff;--color-blue-dark:#0056b3;--color-blue-light:#f0f7ff;--color-orange:#ff9800;--color-orange-light:#fff7e6;--color-youtube-red:#f03;--color-gray-999:#999;--color-label-track-bg:#e3f2fd;--color-label-track-text:#1565c0;--color-label-artist-bg:#fce4ec;--color-label-artist-text:#c2185b;--color-label-vocalist-bg:#fff3e0;--color-label-vocalist-text:#e65100;--header-height:48px;--footer-height:152px;--border-radius:4px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-sm:0.8rem;--font-size-base:0.9rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--header-bg:var(--theme-primary);--header-text:var(--theme-text);--footer-bg:var(--theme-primary);--footer-text:var(--theme-text);--layout-direction:column;--video-width:100%;--list-width:100%;--video-padding-top:56.25%;--modal-padding:16px;--modal-border-radius:0;--transition-speed:0.2s;--shadow-light:0 2px 8px var(--color-black-07,#00000012);--shadow-medium:0 4px 24px var(--color-black-18);--border-light:1px solid var(--color-black-05);--border-medium:1px solid var(--color-gray-300);--button-bg:#fff;--button-bg-hover:#fffbf6;--button-text:#372e20;--button-border:#cbaf80;--toast-bg:#000000e6;--toast-text:#fff;--toast-shadow:0 4px 12px #0000004d}@media (min-width:840px){:root{--layout-direction:row;--video-width:60%;--list-width:40%;--video-padding-top:33.75%;--modal-padding:20px;--modal-border-radius:12px;--footer-height:96px}}[data-theme=dark]{--primary-color:#1a4a14;--secondary-color:#2a2a2a;--accent-color:#fddba0;--text-primary:#fff;--text-secondary:#ccc;--background-primary:#1a1a1a;--background-secondary:#2a2a2a;--border-color:#444;--hover-color:#3a3a3a;--color-white:#fff;--color-black:#000;--color-gray-100:#2a2a2a;--color-gray-200:#333;--color-gray-300:#444;--color-gray-400:#555;--color-gray-500:#666;--color-gray-600:#888;--color-gray-700:#aaa;--color-gray-800:#ccc;--color-gray-900:#e0e0e0;--color-red:#ff6b6b;--color-red-dark:#ee5a5a;--color-black-02:#ffffff05;--color-black-05:#ffffff0d;--color-black-10:#ffffff1a;--color-black-18:#ffffff2e;--color-black-20:#fff3;--color-black-25:#ffffff40;--color-black-30:#ffffff4d;--color-black-50:#ffffff80;--color-black-60:#fff9;--color-black-70:#ffffffb3;--color-black-80:#fffc;--color-black-90:#ffffffe6;--color-white-10:#0000001a;--color-white-20:#0003;--color-white-30:#0000004d;--color-white-70:#000000b3;--color-white-80:#000c;--color-white-90:#000000e6;--color-blue:#4a9eff;--color-blue-dark:#357abd;--color-blue-light:#1a2a3a;--color-orange:#ff9800;--color-orange-light:#3a2a1a;--color-youtube-red:#f03;--color-gray-999:#999;--color-label-track-bg:#1e3a5f;--color-label-track-text:#64b5f6;--color-label-artist-bg:#4a1a3a;--color-label-artist-text:#f48fb1;--color-label-vocalist-bg:#5a3a1a;--color-label-vocalist-text:#ffb74d;--header-bg:var(--theme-primary);--header-text:var(--theme-text);--footer-bg:var(--theme-primary);--footer-text:var(--theme-text);--shadow-light:0 2px 8px #0000004d;--shadow-medium:0 4px 24px #00000080;--border-light:1px solid #ffffff0d;--border-medium:1px solid #ffffff1a;--button-bg:#2a2a2a;--button-bg-hover:#333;--button-text:#f5f5f5;--button-border:#888;--toast-bg:#fffffffa;--toast-text:#000;--toast-shadow:0 4px 12px #00000080}#root,.App,body,html{background:var(--background-primary);color:var(--text-primary);height:100dvh;margin:0;min-height:0;padding:0}header{align-items:center;background:var(--header-bg);box-sizing:border-box;display:flex;font-size:var(--font-size-xl);font-weight:700;height:var(--header-height);justify-content:space-between;left:0;overflow:visible;padding:0 var(--spacing-sm) 0 var(--spacing-md);padding-top:env(safe-area-inset-top,0);position:fixed;top:0;width:100%;z-index:2000}header,header span{color:var(--header-text)}header span{font-size:var(--font-size-lg)}footer{align-items:center;background:var(--footer-bg);bottom:0;box-sizing:border-box;color:var(--footer-text);display:flex;flex-direction:column;height:var(--footer-height);justify-content:center;left:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg) var(--spacing-md);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;width:100%;z-index:1001}.main-content{background:var(--background-primary);height:calc(100dvh - 208px - env(safe-area-inset-bottom, 0px));min-height:0;position:relative}.main-content,.video-area{margin:0;overflow:hidden;width:100%}.video-area{align-items:center;aspect-ratio:16/9;background:var(--color-black);display:flex;height:auto;justify-content:center;padding-top:56.25%;position:-webkit-sticky;position:sticky;top:48px}.video-area:before{background:var(--color-black);content:"";min-height:100%;z-index:1}.video-area iframe,.video-area:before{height:100%;left:0;position:absolute;top:0;width:100%}.video-area iframe{border:none;display:block;z-index:3}.video-area:has(iframe):after{display:none}.video-loading{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.video-loading-container{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.video-loading-text{color:var(--color-white);font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center}.video-loading-lottie{height:100%;width:100%}.video-loading-fallback{animation:pulse 1.5s ease-in-out infinite;font-size:48px}.custom-radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.custom-radio-label{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:16px;cursor:pointer;display:flex;font-size:.98rem;font-weight:500;margin-right:var(--spacing-sm);padding:2px var(--spacing-sm);touch-action:manipulation;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}.custom-radio-label:hover{background:var(--background-secondary)}.custom-radio-input{-webkit-appearance:none;appearance:none;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.custom-radio-custom{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--secondary-color);border:2px solid var(--primary-color);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:6px;position:relative;transition:all .2s ease;width:18px}.custom-radio-input:checked+.custom-radio-custom{background:var(--primary-color);border-color:var(--primary-color)}.custom-radio-input:checked+.custom-radio-custom:after{background:var(--secondary-color);border-radius:50%;content:"";display:block;height:8px;width:8px}.custom-seek-bar::-webkit-slider-track{background:var(--color-white-30);border:none;border-radius:2px;height:4px;width:100%}.custom-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-white);border:none;border-radius:50%;box-shadow:0 2px 4px var(--color-black-25);cursor:pointer;height:16px;width:16px}.custom-seek-bar::-moz-range-track{background:var(--color-white-30);border:none;border-radius:2px;height:4px;width:100%}.custom-seek-bar::-moz-range-thumb{background:var(--color-white);border:none;border-radius:50%;box-shadow:0 2px 4px var(--color-black-25);cursor:pointer;height:16px;width:16px}.custom-seek-bar::-ms-track{background:#0000;border-color:#0000;color:#0000;height:4px;width:100%}.custom-seek-bar::-ms-fill-lower,.custom-seek-bar::-ms-fill-upper{background:var(--color-white-30);border-radius:2px}.custom-seek-bar::-ms-thumb{background:var(--color-white);border:none;border-radius:50%;box-shadow:0 2px 4px var(--color-black-25);cursor:pointer;height:16px;width:16px}@media (min-width:840px){.main-content{flex-direction:row;gap:0;height:calc(100dvh - var(--header-height) - var(--footer-height));margin-top:var(--header-height);overflow:hidden;width:100%}.main-content,.video-area{align-items:center;background:var(--color-black);display:flex;position:relative}.video-area{align-self:center;aspect-ratio:16/9;flex-shrink:0;height:0;justify-content:center;padding-top:33.75%;top:auto;width:60%;z-index:10}.video-area iframe{border:none;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.main-content>div:last-child{-webkit-overflow-scrolling:touch;background:var(--background-primary);flex:1 1;height:calc(100dvh - var(--header-height) - var(--footer-height));min-height:0;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;padding-bottom:0;padding-top:0;scroll-behavior:smooth;touch-action:pan-y pinch-zoom;width:40%}}.utamita-grid-layout{display:grid;grid-template-areas:"video" "list";grid-template-rows:56.25vw 1fr;height:calc(100dvh - var(--header-height) - var(--footer-height));margin-top:var(--header-height);width:100%}.video-grid-area{background:var(--color-black);grid-area:video;height:0;left:0;overflow:hidden;padding-top:56.25%;position:fixed;top:var(--header-height);width:100%;z-index:10}.video-grid-area iframe{border:none;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.list-grid-area{background:var(--background-primary);grid-area:list;height:calc(100dvh - var(--header-height) - 56.25vw - var(--footer-height));overflow:visible}@media (min-width:840px){.utamita-grid-layout{flex-direction:row;gap:0;height:calc(100dvh - var(--header-height) - var(--footer-height));margin-top:var(--header-height);overflow:hidden;width:100%}.utamita-grid-layout,.video-grid-area{align-items:center;background:var(--color-black);display:flex;position:relative}.video-grid-area{align-self:center;aspect-ratio:16/9;flex-shrink:0;height:0;justify-content:center;padding-top:33.75%;top:auto;width:60%;z-index:10}.list-grid-area{-webkit-overflow-scrolling:touch;background:var(--background-primary);flex:1 1;height:calc(100dvh - var(--header-height) - var(--footer-height));min-height:0;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;padding-bottom:0;padding-top:0;scroll-behavior:smooth;touch-action:pan-y pinch-zoom;width:40%}}.ReactWindow__List{scrollbar-color:var(--color-gray-500) var(--background-secondary);scrollbar-width:thin}.ReactWindow__List::-webkit-scrollbar{width:10px}.ReactWindow__List::-webkit-scrollbar-track{background:var(--background-secondary)}.ReactWindow__List::-webkit-scrollbar-thumb{background:var(--color-gray-500);border:2px solid var(--background-secondary);border-radius:8px}.ReactWindow__List::-webkit-scrollbar-thumb:hover{background:var(--color-gray-700)}