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}:root{--primary-color:#12320d;--secondary-color:#fefcf5;--accent-color:#fddba0;--text-primary:#4d2d04;--text-secondary:#666;--background-primary:#fefcf5;--background-secondary:#f9f9f9;--border-color:#4d2d04;--hover-color:#e8d5b7;--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(--primary-color);--header-text:var(--secondary-color);--footer-bg:var(--primary-color);--footer-text:var(--secondary-color);--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 #00000012;--shadow-medium:0 4px 24px #0000002e;--border-light:1px solid #0000000d;--border-medium:1px solid #eee}@media (min-width:900px){: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}#root,.App,body,html{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-shadow:0 -2px 8px #00000012;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{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:#000;display:flex;height:auto;justify-content:center;padding-top:56.25%;position:-webkit-sticky;position:sticky;top:48px}.video-area:before{background:#000;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:#fff;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:#ffffff4d;border:none;border-radius:2px;height:4px;width:100%}.custom-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.custom-seek-bar::-moz-range-track{background:#ffffff4d;border:none;border-radius:2px;height:4px;width:100%}.custom-seek-bar::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;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:#ffffff4d;border-radius:2px}.custom-seek-bar::-ms-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}@media (min-width:900px){.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:#000;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;padding-bottom:0;padding-top:0;scroll-behavior:smooth;touch-action:pan-y;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:#000;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}.site-description-overlay,.video-grid-area iframe{height:100%;left:0;position:absolute;top:0;width:100%}.site-description-overlay{background:#000;box-sizing:border-box;z-index:10}.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:900px){.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:#000;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;padding-bottom:0;padding-top:0;scroll-behavior:smooth;touch-action:pan-y;width:40%}}