.app-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#212121;border-bottom:1px solid #3a3a3a;transition:all .3s ease;min-height:var(--yt-nav-height);box-shadow:0 1px #ffffff1a;overflow:visible}.app-nav--scrolled{background:#181818;border-bottom-color:#3a3a3a;box-shadow:0 2px 10px #0000004d}.app-nav__container{max-width:1200px;margin:0 auto;padding:0 var(--yt-space-lg);display:flex;align-items:center;justify-content:space-between;min-height:var(--yt-nav-height)}.app-nav__brand{display:flex;align-items:center;gap:var(--yt-space-md);flex-shrink:0}.app-nav__logo{display:flex;align-items:center;gap:var(--yt-space-md);text-decoration:none;transition:var(--yt-transition);padding:var(--yt-space-sm) 0}.app-nav__logo:hover{opacity:.8}.app-nav__youtube-logo{display:flex;align-items:center;gap:var(--yt-space-xs)}.app-nav__play-icon{width:28px;height:28px;color:red;flex-shrink:0}.app-nav__youtube-text{font-size:var(--yt-font-size-xl);font-weight:500;color:#fff;font-family:YouTube Sans,Roboto,sans-serif;letter-spacing:-.5px}.app-nav__channel-name{font-size:var(--yt-font-size-base);font-weight:400;color:#aaa;margin-left:var(--yt-space-xs);padding-left:var(--yt-space-xs);border-left:1px solid #3a3a3a}.app-nav__subscriber-badge{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-nav__subscriber-count{font-size:var(--yt-font-size-sm);font-weight:600;color:#fff;line-height:1}.app-nav__subscriber-label{font-size:10px;color:#aaa;line-height:1;margin-top:1px}.app-nav__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:var(--yt-space-sm);cursor:pointer;z-index:1001;transition:var(--yt-transition)}.app-nav__toggle-line{width:24px;height:2px;background:var(--yt-text-primary);border-radius:2px;transition:var(--yt-transition);transform-origin:center}.app-nav__toggle--open .app-nav__toggle-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.app-nav__toggle--open .app-nav__toggle-line:nth-child(2){opacity:0}.app-nav__toggle--open .app-nav__toggle-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.app-nav__menu{display:flex;align-items:center;gap:var(--yt-space-xl)}.app-nav__menu-backdrop{display:none}.app-nav__menu-content{display:flex;align-items:center;gap:var(--yt-space-xl)}.app-nav__menu-close{display:none}.app-nav__items{display:flex;align-items:center;gap:var(--yt-space-md)}.app-nav__item{display:flex;align-items:center;gap:var(--yt-space-sm);padding:var(--yt-space-sm) var(--yt-space-md);text-decoration:none;color:#aaa;font-weight:400;border-radius:8px;transition:all .2s ease;position:relative;min-height:36px}.app-nav__item:hover{color:#fff;background:#ffffff1a}.app-nav__item.router-link-active{color:#fff;background:#ffffff26}.app-nav__item.router-link-active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100%;height:2px;background:red;border-radius:1px}.app-nav__item--external:hover{background:#ff00001a}.app-nav__external-icon{width:14px;height:14px;opacity:.7}.app-nav__item-icon{width:20px;height:20px;flex-shrink:0}.app-nav__item-text{font-size:var(--yt-font-size-sm);line-height:1.2;font-weight:400}.app-nav__user{display:flex;align-items:center;gap:var(--yt-space-md);padding:6px 12px;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-nav__user-info{display:flex;align-items:center;gap:var(--yt-space-sm)}.app-nav__user-avatar{width:32px;height:32px;border-radius:var(--yt-border-radius-full);overflow:hidden;background:var(--yt-bg-card);display:flex;align-items:center;justify-content:center;border:1px solid var(--yt-text-tertiary)}.app-nav__user-image{width:100%;height:100%;object-fit:cover}.app-nav__user-placeholder{font-size:var(--yt-font-size-xs);font-weight:600;color:#fff;background:linear-gradient(135deg,red,#c00);width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.app-nav__user-details{display:flex;flex-direction:column;gap:2px}.app-nav__user-name{font-size:var(--yt-font-size-sm);font-weight:500;color:#fff;line-height:1.2;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav__user-status{display:flex;align-items:center}.app-nav__status-badge{font-size:var(--yt-font-size-xs);padding:1px 6px;border-radius:var(--yt-border-radius-full);font-weight:500;line-height:1.2}.app-nav__status-badge--warning{background:#fef3cd;color:#856404}.app-nav__status-badge--success{background:#d1edff;color:#0969da}.app-nav__status-badge--ready{background:#dcfce7;color:#166534}.app-nav__logout{display:flex;align-items:center;gap:var(--yt-space-xs);background:none;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:8px;color:#aaa;font-size:var(--yt-font-size-xs);cursor:pointer;transition:all .2s ease}.app-nav__logout:hover:not(:disabled){background:#ff00001a;border-color:#ff00004d;color:#ff6b6b}.app-nav__logout:disabled{opacity:.7;cursor:not-allowed}.app-nav__logout--loading{background:#ffffff1a}.app-nav__logout-icon{width:16px;height:16px;flex-shrink:0}.app-nav__logout-text{line-height:1.2;white-space:nowrap;font-weight:400}.app-nav__logout-spinner{width:12px;height:12px;border:2px solid var(--yt-text-tertiary);border-top-color:var(--yt-accent);border-radius:50%;animation:spin 1s linear infinite}.app-nav__auth{display:flex;align-items:center}.app-nav__login{display:flex;align-items:center;gap:var(--yt-space-sm);background:#1976d2;color:#fff;border:none;padding:10px 16px;border-radius:20px;font-weight:500;font-size:var(--yt-font-size-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.app-nav__login:hover{background:#1565c0;box-shadow:0 2px 6px #0006;transform:translateY(-1px)}.app-nav__login-icon{width:18px;height:18px;flex-shrink:0}.app-nav__login-text{line-height:1.2;font-weight:500}@media (max-width: 768px){.app-nav__container{padding:0 var(--yt-space-md)}.app-nav__toggle{display:flex}.app-nav__youtube-text{display:none}.app-nav__channel-name{font-size:var(--yt-font-size-sm);margin-left:var(--yt-space-sm)}.app-nav__subscriber-badge{padding:2px 6px}.app-nav__subscriber-count{font-size:11px}.app-nav__subscriber-label{font-size:8px}.app-nav__menu{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;opacity:0;transition:all .3s ease;z-index:1001}.app-nav__menu--open{opacity:1;pointer-events:auto}.app-nav__menu-backdrop{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app-nav__menu-content{position:absolute;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:#181818;border-left:1px solid #3a3a3a;padding:var(--yt-space-xl) var(--yt-space-lg);flex-direction:column;align-items:stretch;gap:var(--yt-space-xl);overflow-y:auto;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #00000080}.app-nav__menu--open .app-nav__menu-content{transform:translate(0)}.app-nav__menu-close{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--yt-space-md);right:var(--yt-space-md);width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;font-size:18px;line-height:1;transition:all .2s ease;z-index:1002}.app-nav__menu-close:hover{background:#fff3;transform:scale(1.05)}.app-nav__items{flex-direction:column;align-items:stretch;gap:var(--yt-space-sm);margin-top:var(--yt-space-2xl)}.app-nav__item{justify-content:flex-start;padding:var(--yt-space-md) var(--yt-space-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:48px;font-weight:400}.app-nav__item:hover{background:#ffffff1a;border-color:#fff3}.app-nav__item.router-link-active{background:#ff00001a;border-color:#ff00004d;color:#fff}.app-nav__item.router-link-active:after{display:none}.app-nav__item-icon{width:22px;height:22px}.app-nav__item-text{font-size:var(--yt-font-size-base);font-weight:400}.app-nav__user{flex-direction:column;align-items:stretch;gap:var(--yt-space-lg);padding:var(--yt-space-lg);margin-top:auto;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.app-nav__user-info{justify-content:flex-start;gap:var(--yt-space-md)}.app-nav__user-avatar{width:40px;height:40px}.app-nav__user-name{max-width:none;font-size:var(--yt-font-size-base)}.app-nav__logout{justify-content:center;padding:var(--yt-space-md);background:#ff00001a;border-color:#ff00004d;border-radius:12px;min-height:44px}.app-nav__logout:hover:not(:disabled){background:#f003}}@media (max-width: 480px){.app-nav__container{padding:0 var(--yt-space-sm)}.app-nav__play-icon{width:24px;height:24px}.app-nav__channel-name{display:none}.app-nav__subscriber-badge{padding:2px 4px}.app-nav__menu-content{width:100%;max-width:100vw;padding:var(--yt-space-xl) var(--yt-space-md)}.app-nav__login-text{font-size:var(--yt-font-size-xs)}}:root{--yt-nav-height: 64px;--yt-space-xs: 4px;--yt-space-sm: 8px;--yt-space-md: 16px;--yt-space-lg: 24px;--yt-space-xl: 32px;--yt-space-2xl: 48px;--yt-font-size-xs: .75rem;--yt-font-size-sm: .875rem;--yt-font-size-base: 1rem;--yt-font-size-lg: 1.125rem;--yt-font-size-xl: 1.25rem;--yt-font-size-2xl: 1.5rem;--yt-font-size-3xl: 1.875rem;--yt-border-radius: 8px;--yt-border-radius-large: 12px;--yt-border-radius-full: 9999px;--yt-transition: all .2s ease;--yt-shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1);--yt-shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1)}.app-content{padding-top:var(--yt-nav-height)}.app-footer[data-v-f050e3ed]{background:linear-gradient(135deg,#0f0f0f,#181818);border-top:1px solid #3a3a3a;margin-top:auto;position:relative;z-index:10}.app-footer[data-v-f050e3ed]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff0000,transparent);opacity:.3}.app-footer__container[data-v-f050e3ed]{max-width:1200px;margin:0 auto;padding:var(--yt-space-2xl) var(--yt-space-lg) var(--yt-space-lg)}.app-footer__content[data-v-f050e3ed]{display:grid;grid-template-columns:1fr 2fr;gap:var(--yt-space-2xl);margin-bottom:var(--yt-space-2xl)}.app-footer__brand[data-v-f050e3ed]{display:flex;flex-direction:column;gap:var(--yt-space-md)}.app-footer__logo[data-v-f050e3ed]{display:flex;align-items:center;gap:var(--yt-space-sm)}.app-footer__play-icon[data-v-f050e3ed]{width:24px;height:24px;color:red;flex-shrink:0}.app-footer__brand-text[data-v-f050e3ed]{font-size:var(--yt-font-size-lg);font-weight:600;color:#fff;line-height:1.2}.app-footer__description[data-v-f050e3ed]{font-size:var(--yt-font-size-sm);color:#aaa;line-height:1.5;margin:0;max-width:280px}.app-footer__links-section[data-v-f050e3ed]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yt-space-xl)}.app-footer__links-group[data-v-f050e3ed]{display:flex;flex-direction:column;gap:var(--yt-space-md)}.app-footer__links-title[data-v-f050e3ed]{font-size:var(--yt-font-size-base);font-weight:600;color:#fff;margin:0 0 var(--yt-space-sm) 0;padding-bottom:var(--yt-space-sm);border-bottom:2px solid #ff0000;display:inline-block}.app-footer__links[data-v-f050e3ed]{display:flex;flex-direction:column;gap:var(--yt-space-sm)}.app-footer__link[data-v-f050e3ed]{display:flex;align-items:center;gap:var(--yt-space-xs);color:#aaa;text-decoration:none;font-size:var(--yt-font-size-sm);line-height:1.4;transition:all .2s ease;padding:var(--yt-space-xs) 0;border-radius:4px}.app-footer__link[data-v-f050e3ed]:hover{color:#fff;transform:translate(4px)}.app-footer__link--external[data-v-f050e3ed]:hover{color:#ff6b6b}.app-footer__external-icon[data-v-f050e3ed]{width:12px;height:12px;opacity:.7;flex-shrink:0}.app-footer__social-links[data-v-f050e3ed]{display:flex;align-items:center;gap:var(--yt-space-md)}.app-footer__social-link[data-v-f050e3ed]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#aaa;text-decoration:none;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-footer__social-link[data-v-f050e3ed]:hover{background:#f003;border-color:#f006;color:red;transform:translateY(-2px);box-shadow:0 4px 12px #f003}.app-footer__social-icon[data-v-f050e3ed]{width:20px;height:20px}.app-footer__social-placeholder[data-v-f050e3ed]{padding:var(--yt-space-sm) var(--yt-space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;border-style:dashed}.app-footer__social-placeholder-text[data-v-f050e3ed]{font-size:var(--yt-font-size-xs);color:#666;font-style:italic}.app-footer__bottom[data-v-f050e3ed]{border-top:1px solid #3a3a3a;padding-top:var(--yt-space-lg)}.app-footer__bottom-content[data-v-f050e3ed]{display:flex;justify-content:space-between;align-items:center;gap:var(--yt-space-lg)}.app-footer__legal-notice[data-v-f050e3ed]{flex:1}.app-footer__notice-text[data-v-f050e3ed]{font-size:var(--yt-font-size-xs);color:#888;line-height:1.4;margin:0 0 var(--yt-space-xs) 0}.app-footer__copyright[data-v-f050e3ed]{font-size:var(--yt-font-size-xs);color:#666;margin:0;font-weight:500}.app-footer__quick-links[data-v-f050e3ed]{display:flex;align-items:center;gap:var(--yt-space-sm);flex-wrap:wrap}.app-footer__quick-link[data-v-f050e3ed]{color:#888;text-decoration:none;font-size:var(--yt-font-size-xs);transition:color .2s ease}.app-footer__quick-link[data-v-f050e3ed]:hover{color:red;text-decoration:underline}.app-footer__separator[data-v-f050e3ed]{color:#666;font-size:var(--yt-font-size-xs)}@media (max-width: 1024px){.app-footer__content[data-v-f050e3ed]{grid-template-columns:1fr;gap:var(--yt-space-xl)}.app-footer__links-section[data-v-f050e3ed]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-footer__container[data-v-f050e3ed]{padding:var(--yt-space-xl) var(--yt-space-md) var(--yt-space-md)}.app-footer__content[data-v-f050e3ed]{gap:var(--yt-space-lg);margin-bottom:var(--yt-space-lg)}.app-footer__links-section[data-v-f050e3ed]{grid-template-columns:1fr;gap:var(--yt-space-lg)}.app-footer__bottom-content[data-v-f050e3ed]{flex-direction:column;align-items:center;text-align:center;gap:var(--yt-space-md)}.app-footer__quick-links[data-v-f050e3ed]{order:-1;justify-content:center}.app-footer__social-links[data-v-f050e3ed]{justify-content:center}}@media (max-width: 480px){.app-footer__container[data-v-f050e3ed]{padding:var(--yt-space-lg) var(--yt-space-sm) var(--yt-space-sm)}.app-footer__brand-text[data-v-f050e3ed]{font-size:var(--yt-font-size-base)}.app-footer__description[data-v-f050e3ed]{font-size:var(--yt-font-size-xs)}.app-footer__links-title[data-v-f050e3ed]{font-size:var(--yt-font-size-sm)}.app-footer__quick-links[data-v-f050e3ed]{flex-direction:column;gap:var(--yt-space-xs)}.app-footer__separator[data-v-f050e3ed]{display:none}}@media (prefers-color-scheme: dark){.app-footer[data-v-f050e3ed]{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.app-footer[data-v-f050e3ed]:before{opacity:.5}}.app-footer__link[data-v-f050e3ed]:focus-visible,.app-footer__social-link[data-v-f050e3ed]:focus-visible,.app-footer__quick-link[data-v-f050e3ed]:focus-visible{outline:2px solid #ff0000;outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.app-footer__link[data-v-f050e3ed],.app-footer__social-link[data-v-f050e3ed]{transition:none;transform:none!important}.app-footer__link[data-v-f050e3ed]:hover,.app-footer__social-link[data-v-f050e3ed]:hover{transform:none}}:root{--ananped-sunset: #ff6b3d;--ananped-sunset-hover: #ff5722;--ananped-sunset-soft: rgba(255, 107, 61, .15);--ananped-sky: #4a90e2;--ananped-sky-hover: #357abd;--ananped-sky-soft: rgba(74, 144, 226, .12);--ananped-mint: #52c39a;--ananped-mint-soft: rgba(82, 195, 154, .15);--ananped-coral: #ff4757;--ananped-coral-soft: rgba(255, 71, 87, .12);--ananped-gold: #ffd700;--ananped-gold-soft: rgba(255, 215, 0, .1);--font-display: "Sarabun", "Prompt", sans-serif;--font-body: "Sarabun", system-ui, sans-serif;--text-tiny: .72rem;--text-small: .88rem;--text-base: 1rem;--text-medium: 1.18rem;--text-large: 1.42rem;--text-big: 1.75rem;--text-huge: 2.15rem;--text-massive: 2.8rem;--space-hair: 2px;--space-tiny: 6px;--space-small: 12px;--space-base: 18px;--space-medium: 28px;--space-large: 42px;--space-big: 64px;--space-huge: 96px;--radius-soft: 6px;--radius-medium: 11px;--radius-large: 18px;--radius-round: 50%;--shadow-whisper: 0 2px 8px rgba(255, 107, 61, .08);--shadow-soft: 0 4px 16px rgba(255, 107, 61, .12);--shadow-medium: 0 8px 24px rgba(255, 107, 61, .15);--shadow-strong: 0 12px 32px rgba(255, 107, 61, .2);--bg-canvas: #0a0a0b;--bg-surface: #161618;--bg-card: #1e1e21;--bg-elevated: #26262a;--bg-glass: rgba(255, 255, 255, .02);--text-primary: #fafafa;--text-secondary: #b8b8c2;--text-tertiary: #878791;--text-accent: var(--ananped-sunset);--hover-lift: translateY(-1px);--press-down: translateY(1px) scale(.99);--ease-gentle: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-snap: .15s;--duration-quick: .25s;--duration-smooth: .38s;--duration-slow: .55s}*{box-sizing:border-box}body{font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background:var(--bg-canvas);font-feature-settings:"liga","kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(circle at 25% 25%,rgba(255,107,61,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,144,226,.01) 0%,transparent 50%);background-size:800px 800px,600px 600px;background-position:0 0,300px 300px;animation:subtle-float 60s ease-in-out infinite}@keyframes subtle-float{0%,to{background-position:0 0,300px 300px}50%{background-position:-100px -100px,400px 200px}}.ananped-display{font-family:var(--font-display);font-size:var(--text-massive);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--ananped-sunset) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ananped-headline{font-family:var(--font-display);font-size:var(--text-big);font-weight:600;line-height:1.25;color:var(--text-primary);margin-bottom:var(--space-medium)}.ananped-subhead{font-size:var(--text-large);font-weight:500;line-height:1.4;color:var(--text-secondary);margin-bottom:var(--space-base)}.ananped-body{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.ananped-caption{font-size:var(--text-small);line-height:1.4;color:var(--text-tertiary);font-weight:500}.ananped-btn{display:inline-flex;align-items:center;gap:var(--space-small);padding:var(--space-base) var(--space-medium);border:none;border-radius:var(--radius-medium);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);position:relative;overflow:hidden;min-height:48px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff1a}.ananped-btn:active{transform:var(--press-down)}.ananped-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ananped-btn-primary{background:linear-gradient(135deg,var(--ananped-sunset) 0%,#ff8f65 100%);color:#fff;box-shadow:var(--shadow-soft),inset 0 1px #fff3}.ananped-btn-primary:hover:not(:disabled){transform:var(--hover-lift);box-shadow:var(--shadow-medium),inset 0 1px #fff3;background:linear-gradient(135deg,var(--ananped-sunset-hover) 0%,#ff7b52 100%)}.ananped-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-quick) var(--ease-gentle)}.ananped-btn-primary:hover:before{opacity:1}.ananped-btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid rgba(255,107,61,.2);box-shadow:var(--shadow-whisper)}.ananped-btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:#ff6b3d66;transform:var(--hover-lift);box-shadow:var(--shadow-soft)}.ananped-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(184,184,194,.2)}.ananped-btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:#b8b8c266;background:var(--bg-glass)}.ananped-card{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--space-large);box-shadow:var(--shadow-whisper);border:1px solid rgba(255,255,255,.05);position:relative;transition:all var(--duration-smooth) var(--ease-gentle);overflow:hidden}.ananped-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,107,61,.3) 50%,transparent 100%)}.ananped-card:hover{transform:var(--hover-lift);box-shadow:var(--shadow-soft);border-color:#ff6b3d1a}.ananped-card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-soft)}.ananped-input{width:100%;padding:var(--space-base) var(--space-medium);font-size:16px;font-family:var(--font-body);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-medium);color:var(--text-primary);transition:all var(--duration-quick) var(--ease-gentle);outline:none}.ananped-input::placeholder{color:var(--text-tertiary);font-weight:400}.ananped-input:focus{border-color:var(--ananped-sunset);box-shadow:0 0 0 3px var(--ananped-sunset-soft);background:var(--bg-elevated)}.ananped-input:focus::placeholder{opacity:.6}.ananped-fade-in{opacity:0;animation:ananpedFadeIn var(--duration-smooth) var(--ease-gentle) forwards}.ananped-slide-up{opacity:0;transform:translateY(24px);animation:ananpedSlideUp var(--duration-smooth) var(--ease-gentle) forwards}.ananped-float{animation:ananpedFloat 4s var(--ease-gentle) infinite}@keyframes ananpedFadeIn{to{opacity:1}}@keyframes ananpedSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes ananpedFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ananped-delay-1{animation-delay:.1s}.ananped-delay-2{animation-delay:.2s}.ananped-delay-3{animation-delay:.35s}.ananped-delay-4{animation-delay:.5s}.ananped-delay-5{animation-delay:.68s}.ananped-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-large)}@media (max-width: 768px){.ananped-container{padding:0 var(--space-medium)}}@media (max-width: 480px){.ananped-container{padding:0 var(--space-base)}}.ananped-section{padding:var(--space-huge) 0}.ananped-section-sm{padding:var(--space-big) 0}.ananped-text-center{text-align:center}.ananped-text-left{text-align:left}.ananped-text-right{text-align:right}.ananped-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ananped-flex{display:flex}.ananped-flex-col{flex-direction:column}.ananped-flex-center{align-items:center;justify-content:center}.ananped-flex-between{justify-content:space-between}.ananped-hidden{display:none}@media (max-width: 768px){.ananped-hidden-mobile{display:none}.ananped-container{padding:0 var(--space-base)}.ananped-section{padding:var(--space-large) 0}.ananped-section-sm{padding:var(--space-medium) 0}.ananped-display{font-size:var(--text-big);line-height:1.2}.ananped-headline{font-size:var(--text-large)}.ananped-subhead{font-size:var(--text-base)}}@media (max-width: 480px){.ananped-container{padding:0 var(--space-small)}.ananped-display{font-size:var(--text-large)}.ananped-headline{font-size:var(--text-medium)}.ananped-btn{min-height:48px;padding:var(--space-base) var(--space-medium)}}@media (min-width: 769px){.ananped-hidden-desktop{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ananped-float{animation:none}}@media (prefers-contrast: high){:root{--bg-canvas: #000000;--bg-surface: #1a1a1a;--bg-card: #333333;--text-primary: #ffffff;--text-secondary: #cccccc;--ananped-sunset: #ff7f50}}.ananped-btn:focus-visible,.ananped-input:focus-visible,.ananped-card:focus-visible{outline:3px solid var(--ananped-sunset);outline-offset:3px;position:relative;z-index:10}.ananped-skip-link{position:absolute;top:-40px;left:var(--space-small);background:var(--ananped-sunset);color:#fff;padding:var(--space-small) var(--space-base);text-decoration:none;border-radius:var(--radius-soft);font-weight:600;z-index:1000;transition:all var(--duration-quick) var(--ease-gentle)}.ananped-skip-link:focus{top:var(--space-small)}.ananped-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{body{background:#fff;color:#000}.ananped-card{border:1px solid #ccc;box-shadow:none}.ananped-btn{border:1px solid #ccc}}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-main{flex:1;display:flex;flex-direction:column;transition:opacity .2s ease-in-out}.app-main--with-nav{padding-top:var(--yt-nav-height, 64px)}.app-main>*{flex:1}.app-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);z-index:9999}.app-loading-content{text-align:center;color:var(--text-primary)}.app-spinner{width:40px;height:40px;border:3px solid var(--text-tertiary, rgba(0, 0, 0, .1));border-top-color:var(--ananped-sunset, #ff6b3d);border-radius:50%;animation:app-spin 1s linear infinite;margin:0 auto 16px}.app-loading-content p{margin:0;font-size:14px;color:var(--text-secondary)}@keyframes app-spin{to{transform:rotate(360deg)}}:global(.route-transition-indicator){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:#000c;border-radius:var(--radius-large);padding:var(--space-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInScale .2s ease-out}:global(.route-transition-spinner){width:24px;height:24px;border:2px solid var(--text-tertiary);border-top-color:var(--ananped-sunset);border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}#app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:1}:root{--yt-bg-primary: #0f0f0f;--yt-bg-secondary: #1a1a1a;--yt-bg-card: #212121;--yt-bg-elevated: #2a2a2a;--yt-text-primary: #ffffff;--yt-text-secondary: #aaaaaa;--yt-text-tertiary: #717171;--yt-accent: #ff0000;--yt-accent-hover: #cc0000;--yt-accent-light: rgba(255, 0, 0, .1);--yt-light-bg: #ffffff;--yt-light-text: #0f0f0f;--yt-light-border: #e5e5e5;--yt-light-hover: #f8f8f8;--yt-success: #00d164;--yt-success-light: rgba(0, 209, 100, .1);--yt-error: #ff4e45;--yt-error-light: rgba(255, 78, 69, .1);--yt-warning: #ffab00;--yt-warning-light: rgba(255, 171, 0, .1);--yt-shadow-small: 0 1px 2px rgba(0, 0, 0, .3);--yt-shadow-medium: 0 4px 8px rgba(0, 0, 0, .3);--yt-shadow-large: 0 8px 16px rgba(0, 0, 0, .4);--yt-border-radius: 12px;--yt-border-radius-small: 8px;--yt-border-radius-large: 18px;--yt-touch-target: 48px;--yt-touch-target-large: 56px;--yt-font-size-xs: .75rem;--yt-font-size-sm: .875rem;--yt-font-size-base: 1rem;--yt-font-size-lg: 1.125rem;--yt-font-size-xl: 1.25rem;--yt-font-size-2xl: 1.5rem;--yt-font-size-3xl: 1.875rem;--yt-font-size-4xl: 2.25rem;--yt-space-xs: .25rem;--yt-space-sm: .5rem;--yt-space-md: 1rem;--yt-space-lg: 1.5rem;--yt-space-xl: 2rem;--yt-space-2xl: 3rem;--yt-transition: all .2s ease;--yt-transition-slow: all .3s ease;--yt-font-system: "Sarabun", "Prompt", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--yt-container-max-width: 1200px;--yt-container-padding: var(--yt-space-lg);--yt-container-padding-mobile: var(--yt-space-md);--yt-container-padding-small: var(--yt-space-sm);--yt-z-dropdown: 1000;--yt-z-sticky: 1010;--yt-z-fixed: 1020;--yt-z-modal-backdrop: 1030;--yt-z-modal: 1040;--yt-z-popover: 1050;--yt-z-tooltip: 1060}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Sarabun,Prompt,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;color:var(--yt-text-primary);background-color:var(--yt-bg-primary);font-feature-settings:"liga","kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.yt-font-system{font-family:Sarabun,Prompt,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.yt-display-1{font-size:var(--yt-font-size-4xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}.yt-headline-1{font-size:var(--yt-font-size-2xl);font-weight:600;line-height:1.3}.yt-headline-2{font-size:var(--yt-font-size-xl);font-weight:600;line-height:1.4}.yt-body-1{font-size:var(--yt-font-size-base);font-weight:400;line-height:1.5}.yt-body-2{font-size:var(--yt-font-size-sm);font-weight:400;line-height:1.4}.yt-caption{font-size:var(--yt-font-size-xs);font-weight:400;line-height:1.4;color:var(--yt-text-secondary)}.yt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--yt-space-sm);padding:12px 24px;border:none;border-radius:var(--yt-border-radius-large);font-size:var(--yt-font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--yt-transition);min-height:var(--yt-touch-target);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.yt-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.yt-btn:active{transform:scale(.98)}.yt-subscribe-btn{background:var(--yt-accent);color:#fff;font-weight:600;font-size:var(--yt-font-size-lg);padding:16px 32px;min-height:var(--yt-touch-target-large);box-shadow:var(--yt-shadow-medium)}.yt-subscribe-btn:hover{background:var(--yt-accent-hover);box-shadow:var(--yt-shadow-large)}.yt-subscribe-btn:active{transform:scale(.98)}.yt-btn-secondary{background:var(--yt-bg-card);color:var(--yt-text-primary);border:1px solid var(--yt-text-tertiary)}.yt-btn-secondary:hover{background:var(--yt-bg-elevated);border-color:var(--yt-text-secondary)}.yt-btn-success{background:var(--yt-success);color:#fff}.yt-btn-success:hover{background:#00b359}.yt-input{width:100%;padding:16px;font-size:16px;font-family:inherit;border:1px solid var(--yt-text-tertiary);border-radius:var(--yt-border-radius-small);background:var(--yt-bg-card);color:var(--yt-text-primary);transition:var(--yt-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.yt-input::placeholder{color:var(--yt-text-tertiary)}.yt-input:focus{outline:none;border-color:var(--yt-accent);box-shadow:0 0 0 2px var(--yt-accent-light)}.yt-input.yt-input-error{border-color:var(--yt-error);background:var(--yt-error-light)}.yt-label{display:block;font-size:var(--yt-font-size-sm);font-weight:500;color:var(--yt-text-secondary);margin-bottom:var(--yt-space-sm)}.yt-card{background:var(--yt-bg-card);border-radius:var(--yt-border-radius);padding:var(--yt-space-lg);box-shadow:var(--yt-shadow-small);transition:var(--yt-transition)}.yt-card:hover{box-shadow:var(--yt-shadow-medium)}.yt-channel-header{display:flex;align-items:center;gap:var(--yt-space-md);padding:var(--yt-space-lg);background:var(--yt-bg-secondary);border-radius:var(--yt-border-radius);margin-bottom:var(--yt-space-xl)}.yt-channel-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:var(--yt-shadow-small)}.yt-channel-info{flex:1}.yt-channel-name{font-size:var(--yt-font-size-2xl);font-weight:700;color:var(--yt-text-primary);margin-bottom:var(--yt-space-xs)}.yt-subscriber-count{font-size:var(--yt-font-size-sm);color:var(--yt-text-secondary)}.yt-progress-tabs{display:flex;background:var(--yt-bg-secondary);border-bottom:1px solid var(--yt-text-tertiary);overflow-x:auto;margin-bottom:var(--yt-space-xl);-webkit-overflow-scrolling:touch}.yt-progress-tabs::-webkit-scrollbar{display:none}.yt-tab{padding:var(--yt-space-lg) var(--yt-space-xl);white-space:nowrap;color:var(--yt-text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:var(--yt-transition);min-width:120px;text-align:center;font-weight:500}.yt-tab.active{color:var(--yt-text-primary);border-bottom-color:var(--yt-accent)}.yt-tab:hover{color:var(--yt-text-primary);background:var(--yt-bg-card)}.yt-teams-grid{display:grid;grid-template-columns:1fr;gap:var(--yt-space-lg);padding:var(--yt-space-lg)}@media (min-width: 640px){.yt-teams-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.yt-teams-grid{grid-template-columns:repeat(3,1fr)}}.yt-team-card{background:var(--yt-bg-card);border-radius:var(--yt-border-radius);overflow:hidden;border:1px solid transparent;transition:var(--yt-transition);cursor:pointer}.yt-team-card:hover{border-color:var(--yt-text-tertiary);transform:translateY(-2px);box-shadow:var(--yt-shadow-medium)}.yt-team-card.yt-team-voted{border-color:var(--yt-success);background:var(--yt-success-light)}.yt-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--yt-bg-elevated)}.yt-thumbnail img{width:100%;height:100%;object-fit:cover}.yt-vote-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.yt-voted-badge{background:var(--yt-success);padding:var(--yt-space-sm) var(--yt-space-md);border-radius:var(--yt-border-radius-small);font-size:var(--yt-font-size-sm)}.yt-team-info{padding:var(--yt-space-lg)}.yt-team-title{font-size:var(--yt-font-size-lg);font-weight:600;color:var(--yt-text-primary);margin-bottom:var(--yt-space-sm);line-height:1.3}.yt-team-stats{display:flex;align-items:center;gap:var(--yt-space-md);margin-bottom:var(--yt-space-lg)}.yt-vote-count{font-size:var(--yt-font-size-sm);color:var(--yt-text-secondary)}.yt-vote-btn{width:100%;background:var(--yt-accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--yt-border-radius-small);font-size:var(--yt-font-size-base);font-weight:500;cursor:pointer;transition:var(--yt-transition);min-height:var(--yt-touch-target)}.yt-vote-btn:hover:not(:disabled){background:var(--yt-accent-hover)}.yt-vote-btn:disabled{opacity:.6;cursor:not-allowed}.yt-btn-disabled{background:var(--yt-text-tertiary);color:var(--yt-text-secondary)}.yt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--yt-space-2xl);text-align:center}.yt-loading-content{max-width:300px}.yt-skeleton-loader{margin-bottom:var(--yt-space-lg)}.yt-skeleton-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,var(--yt-bg-card) 25%,var(--yt-bg-elevated) 50%,var(--yt-bg-card) 75%);background-size:200% 100%;animation:yt-skeleton 1.5s infinite ease-in-out;margin:0 auto var(--yt-space-md)}.yt-skeleton-text{height:16px;background:linear-gradient(90deg,var(--yt-bg-card) 25%,var(--yt-bg-elevated) 50%,var(--yt-bg-card) 75%);background-size:200% 100%;animation:yt-skeleton 1.5s infinite ease-in-out;border-radius:4px;margin-bottom:var(--yt-space-sm)}.yt-skeleton-text.short{width:60%}.yt-loading-text{color:var(--yt-text-secondary);font-size:var(--yt-font-size-sm)}@keyframes yt-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.yt-error{background:var(--yt-error-light);border:1px solid var(--yt-error);color:var(--yt-error);padding:var(--yt-space-lg);border-radius:var(--yt-border-radius);text-align:center;margin:var(--yt-space-lg) 0}.yt-error-text{color:var(--yt-error);font-size:var(--yt-font-size-sm);margin-top:var(--yt-space-xs)}.yt-form-container{max-width:600px;margin:0 auto;background:var(--yt-bg-card);border-radius:var(--yt-border-radius);overflow:hidden;box-shadow:var(--yt-shadow-medium)}.yt-form-section{padding:var(--yt-space-xl)}.yt-input-group{margin-bottom:var(--yt-space-lg)}.yt-hide-mobile{display:none}@media (min-width: 768px){.yt-hide-mobile{display:block}.yt-hide-desktop{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.yt-btn:focus-visible,.yt-input:focus-visible{outline:2px solid var(--yt-accent);outline-offset:2px}.yt-page{min-height:100vh;background-color:var(--yt-bg-primary);color:var(--yt-text-primary);font-family:var(--yt-font-system);display:flex;flex-direction:column}.yt-container{width:100%;max-width:var(--yt-container-max-width);margin:0 auto;padding:0 var(--yt-container-padding);box-sizing:border-box}@media (max-width: 768px){.yt-container{padding:0 var(--yt-container-padding-mobile)}}@media (max-width: 480px){.yt-container{padding:0 var(--yt-container-padding-small)}}.yt-container-fluid{max-width:none;width:100%}.yt-container-narrow{max-width:800px}.yt-container-wide{max-width:1400px}.yt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--yt-z-modal-backdrop);animation:yt-fade-in .3s ease;padding:var(--yt-space-lg)}.yt-modal{position:relative;z-index:var(--yt-z-modal);max-width:90vw;max-height:90vh;overflow:auto;animation:yt-slide-up .3s ease}.notification-container{position:fixed;top:var(--yt-space-lg);right:var(--yt-space-lg);z-index:var(--yt-z-popover);display:flex;flex-direction:column;gap:var(--yt-space-sm);max-width:400px;pointer-events:none}@media (max-width: 768px){.notification-container{top:var(--yt-space-md);right:var(--yt-space-md);left:var(--yt-space-md);max-width:none}}@keyframes yt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yt-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes yt-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes yt-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-contrast: high){:root{--yt-bg-primary: #000000;--yt-bg-secondary: #1a1a1a;--yt-bg-card: #2a2a2a;--yt-text-primary: #ffffff;--yt-text-secondary: #cccccc;--yt-accent: #ff3333}}@media (pointer: coarse){.yt-btn{min-height:var(--yt-touch-target-large)}.yt-tab{min-height:var(--yt-touch-target)}.yt-btn:active,.yt-team-card:active,.yt-highlight-card:active{transform:scale(.98);transition:transform .1s ease}}.yt-touchable{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.yt-haptic-light,.yt-haptic-medium,.yt-haptic-heavy{will-change:transform}.yt-scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.yt-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.yt-keyboard-safe{min-height:calc(100vh - env(keyboard-inset-height,0px))}.yt-safe-area{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}@supports (-webkit-appearance: none){.yt-input{-webkit-appearance:none;border-radius:var(--yt-border-radius-small)}.yt-btn{-webkit-appearance:none}}@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 767px){.yt-input{font-size:16px}}@media (prefers-color-scheme: dark){.yt-bg-auto{background:var(--yt-bg-primary);color:var(--yt-text-primary)}}@media (prefers-color-scheme: light){:root{--yt-bg-primary: var(--yt-light-bg);--yt-text-primary: var(--yt-light-text)}.yt-bg-auto{background:var(--yt-light-bg);color:var(--yt-light-text)}}:root{--yt-animation-duration-fast: .15s;--yt-animation-duration-normal: .3s;--yt-animation-duration-slow: .6s;--yt-animation-easing-standard: cubic-bezier(.4, 0, .2, 1);--yt-animation-easing-decelerate: cubic-bezier(0, 0, .2, 1);--yt-animation-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--yt-line-height-tight: 1.1;--yt-line-height-normal: 1.5;--yt-line-height-relaxed: 1.75;--yt-letter-spacing-tight: -.02em;--yt-letter-spacing-normal: 0;--yt-letter-spacing-wide: .02em;--yt-space-xs: .25rem;--yt-space-sm: .5rem;--yt-space-md: 1rem;--yt-space-lg: 1.5rem;--yt-space-xl: 2rem;--yt-space-2xl: 3rem;--yt-space-3xl: 4rem;--yt-space-4xl: 6rem;--yt-radius-xs: 2px;--yt-radius-sm: 4px;--yt-radius-md: 8px;--yt-radius-lg: 12px;--yt-radius-xl: 16px;--yt-radius-2xl: 24px;--yt-radius-full: 9999px;--yt-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--yt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--yt-shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--yt-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--yt-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--yt-shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--yt-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--yt-transform-gpu: translateZ(0);--yt-will-change-transform: transform;--yt-will-change-opacity: opacity;--yt-will-change-scroll: scroll-position}.yt-gpu-accelerated{transform:var(--yt-transform-gpu);will-change:var(--yt-will-change-transform)}.yt-opacity-transition{will-change:var(--yt-will-change-opacity)}.yt-scroll-optimized{will-change:var(--yt-will-change-scroll);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.yt-landing-grid{display:grid;grid-template-columns:1fr;gap:var(--yt-space-xl);max-width:var(--yt-container-max-width);margin:0 auto;padding:0 var(--yt-space-lg)}@media (min-width: 768px){.yt-landing-grid{grid-template-columns:repeat(12,1fr);gap:var(--yt-space-2xl)}}.yt-flex{display:flex}.yt-flex-col{flex-direction:column}.yt-flex-row{flex-direction:row}.yt-items-center{align-items:center}.yt-items-start{align-items:flex-start}.yt-items-end{align-items:flex-end}.yt-justify-center{justify-content:center}.yt-justify-between{justify-content:space-between}.yt-justify-around{justify-content:space-around}.yt-gap-xs{gap:var(--yt-space-xs)}.yt-gap-sm{gap:var(--yt-space-sm)}.yt-gap-md{gap:var(--yt-space-md)}.yt-gap-lg{gap:var(--yt-space-lg)}.yt-gap-xl{gap:var(--yt-space-xl)}.yt-animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--yt-animation-duration-slow) var(--yt-animation-easing-decelerate),transform var(--yt-animation-duration-slow) var(--yt-animation-easing-decelerate)}.yt-animate-on-scroll.yt-in-view{opacity:1;transform:translateY(0)}.yt-stagger-children>*{animation-delay:calc(var(--yt-stagger-delay, .1s) * var(--yt-child-index, 0))}.yt-hover-lift{transition:transform var(--yt-animation-duration-normal) var(--yt-animation-easing-standard)}.yt-hover-lift:hover{transform:translateY(-4px)}.yt-hover-scale{transition:transform var(--yt-animation-duration-normal) var(--yt-animation-easing-standard)}.yt-hover-scale:hover{transform:scale(1.05)}.yt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yt-sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.yt-focus-ring{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--yt-animation-duration-fast) var(--yt-animation-easing-standard)}.yt-focus-ring:focus-visible{outline-color:var(--yt-accent)}@container (min-width: 768px){.yt-container-responsive{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--yt-space-lg)}}@media (min-width: 320px){.yt-responsive-text{font-size:clamp(var(--yt-font-size-sm),2.5vw,var(--yt-font-size-base))}}@media (min-width: 768px){.yt-responsive-text{font-size:clamp(var(--yt-font-size-base),2vw,var(--yt-font-size-lg))}}@media (min-width: 1024px){.yt-responsive-text{font-size:clamp(var(--yt-font-size-lg),1.5vw,var(--yt-font-size-xl))}}.yt-landing-layout{display:grid;grid-template-areas:"header" "hero" "features" "cta" "footer";gap:var(--yt-space-xl)}@media (min-width: 1024px){.yt-landing-layout{grid-template-areas:"header header" "hero features" "cta cta" "footer footer";grid-template-columns:1fr 1fr}}.yt-landing-header{grid-area:header}.yt-landing-hero{grid-area:hero}.yt-landing-features{grid-area:features}.yt-landing-cta{grid-area:cta}.yt-landing-footer{grid-area:footer}@supports (grid-template-rows: subgrid){.yt-subgrid-item{display:grid;grid-template-rows:subgrid;grid-row:span 3}}@media (prefers-color-scheme: dark){:root{--yt-bg-primary: #0f0f0f;--yt-bg-secondary: #1a1a1a;--yt-text-primary: #ffffff;--yt-text-secondary: #b3b3b3}}[data-theme=dark]{--yt-bg-primary: #0f0f0f;--yt-bg-secondary: #1a1a1a;--yt-text-primary: #ffffff;--yt-text-secondary: #b3b3b3}[data-theme=light]{--yt-bg-primary: #ffffff;--yt-bg-secondary: #f8f9fa;--yt-text-primary: #212529;--yt-text-secondary: #6c757d}@media print{.yt-no-print{display:none!important}.yt-print-optimize{color:#000!important;background:#fff!important;box-shadow:none!important;text-shadow:none!important}.yt-page-break-before{page-break-before:always}.yt-page-break-after{page-break-after:always}.yt-page-break-avoid{page-break-inside:avoid}}.yt-critical-loading{content-visibility:auto;contain-intrinsic-size:300px}.yt-lazy-load{content-visibility:auto;contain-intrinsic-size:200px 300px}@supports (-webkit-touch-callout: none){.yt-ios-fix{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.yt-ios-input-fix{font-size:16px}}@-moz-document url-prefix(){.yt-firefox-fix{scrollbar-width:thin;scrollbar-color:var(--yt-text-tertiary) var(--yt-bg-secondary)}}@supports not (display: grid){.yt-grid-fallback{display:flex;flex-wrap:wrap}.yt-grid-fallback>*{flex:1 1 300px;margin:var(--yt-space-sm)}}.yt-m-0{margin:0}.yt-m-auto{margin:auto}.yt-mx-auto{margin-left:auto;margin-right:auto}.yt-my-auto{margin-top:auto;margin-bottom:auto}.yt-p-0{padding:0}.yt-px-sm{padding-left:var(--yt-space-sm);padding-right:var(--yt-space-sm)}.yt-py-sm{padding-top:var(--yt-space-sm);padding-bottom:var(--yt-space-sm)}.yt-text-center{text-align:center}.yt-text-left{text-align:left}.yt-text-right{text-align:right}.yt-font-bold{font-weight:700}.yt-font-medium{font-weight:500}.yt-font-normal{font-weight:400}.yt-uppercase{text-transform:uppercase}.yt-lowercase{text-transform:lowercase}.yt-capitalize{text-transform:capitalize}.yt-block{display:block}.yt-inline-block{display:inline-block}.yt-inline{display:inline}.yt-hidden{display:none}.yt-relative{position:relative}.yt-absolute{position:absolute}.yt-fixed{position:fixed}.yt-sticky{position:sticky}.yt-overflow-hidden{overflow:hidden}.yt-overflow-auto{overflow:auto}.yt-overflow-scroll{overflow:scroll}.yt-hero-enhanced{background:linear-gradient(135deg,var(--yt-bg-secondary) 0%,var(--yt-bg-elevated) 50%,var(--yt-bg-secondary) 100%);position:relative;overflow:hidden}.yt-hero-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.5;pointer-events:none}.yt-cta-enhanced{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--yt-accent),var(--yt-accent-hover));transition:all var(--yt-animation-duration-normal) var(--yt-animation-easing-standard)}.yt-cta-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--yt-animation-duration-slow) var(--yt-animation-easing-standard)}.yt-cta-enhanced:hover:before{left:100%}.yt-card-enhanced{background:var(--yt-bg-card);border-radius:var(--yt-radius-lg);padding:var(--yt-space-lg);box-shadow:var(--yt-shadow-sm);border:1px solid transparent;transition:all var(--yt-animation-duration-normal) var(--yt-animation-easing-standard);position:relative;overflow:hidden}.yt-card-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--yt-accent),var(--yt-success),var(--yt-warning));transform:scaleX(0);transform-origin:left;transition:transform var(--yt-animation-duration-normal) var(--yt-animation-easing-standard)}.yt-card-enhanced:hover{box-shadow:var(--yt-shadow-lg);border-color:var(--yt-accent-light);transform:translateY(-2px)}.yt-card-enhanced:hover:after{transform:scaleX(1)}