:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef0f2;font-family:Noto Sans Thai,Noto Sans JP,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef0f2;min-width:320px;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{justify-content:center;padding:0;display:flex}.phone-frame{background:#fff;width:100%;max-width:430px;min-height:100vh}.screen{flex-direction:column;gap:18px;padding:20px 16px 32px;display:flex}.landing-screen{gap:24px}.hero-banner,.hero-panel{background:linear-gradient(#fdfdfd 0%,#f4f5f6 100%);border:1px solid #eceff1;border-radius:20px;overflow:hidden}.hero-banner__content,.hero-panel__body{padding:22px 18px}.hero-panel__image,.showcase-gallery .image-gallery-slide img{aspect-ratio:16/9;object-fit:cover;background:#f5f5f5;width:100%;display:block}.showcase-gallery .image-gallery-content,.showcase-gallery .image-gallery-slide-wrapper,.showcase-gallery .image-gallery-swipe,.showcase-gallery .image-gallery-slides{border-radius:20px}.showcase-gallery .image-gallery-bullets{bottom:14px}.showcase-gallery .image-gallery-bullet{box-shadow:none;background:#ffffff80;border:none}.showcase-gallery .image-gallery-bullet.active,.showcase-gallery .image-gallery-bullet:hover{background:#fff;transform:scale(1.05)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;text-align:center;margin:0;font-size:36px;line-height:1.1}.hero-copy,.hero-panel__description,.body-copy,.section-subtitle,.state-card p,.empty-state p{color:#5b6470;font-size:18px;line-height:1.6}.content-card,.state-card{background:#fff;border-radius:18px;padding:18px 16px}.audio-card{background:#fff;border:1px solid #e8eaed;border-radius:24px;padding:22px 18px;box-shadow:0 14px 34px #0f172a14}.content-card--media{padding:10px}.section-heading{margin-bottom:12px}.section-title{text-align:center;margin:0 0 6px;font-size:28px;font-weight:700}.locale-grid,.locale-switcher{flex-wrap:wrap;gap:10px;display:flex}.locale-option,.locale-pill,.audio-play,.secondary-button,.speed-select{background:#fff;border:1px solid #dadfe5;border-radius:14px;min-height:44px}.locale-option{text-align:left;width:100%;padding:14px 16px;font-weight:600}.locale-pill{padding:10px 14px;font-size:14px}.is-active{background:#f3f4f6;border-color:#1d1d1f}.toolbar{flex-direction:column;gap:12px;display:flex}.toolbar__row{justify-content:space-between;gap:12px;display:flex}.toolbar--stacked{gap:14px}.text-link{color:#4b5563;font-size:14px}.icon-link-button{color:#0f172a;background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.item-list{flex-direction:column;display:flex}.item-row{border-bottom:1px solid #eef1f4;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.item-row:last-child{border-bottom:none}.item-row__thumb,.item-row__thumb img,.item-row__thumb--empty{border-radius:14px;width:64px;height:64px}.item-row__thumb img{object-fit:cover;display:block}.item-row__thumb--empty{background:#f3f4f6}.item-row__content{flex-direction:column;gap:4px;display:flex}.item-row__index{color:#9ca3af;font-size:12px}.item-row__title{font-size:15px;font-weight:600}.item-row__chevron{color:#9ca3af;font-size:28px;line-height:1}.detail-header{flex-direction:column;gap:8px;display:flex}.detail-artwork{object-fit:cover;border-radius:14px;width:100%;display:block}.audio-card{flex-direction:column;gap:18px;display:flex}.audio-card__header,.audio-card__controls,.audio-times{display:flex}.audio-card__header{text-align:center;flex-direction:column;align-items:center;gap:8px}.audio-card__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:12px;font-weight:700}.audio-card__title{color:#0f172a;margin:0;font-size:22px;font-weight:700;line-height:1.2}.audio-progress{flex-direction:column;gap:10px;display:flex}.audio-times{color:#6b7280;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600}.audio-play{color:#fff;background:#1db954;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:inline-flex;box-shadow:0 14px 30px #1db9544d}.audio-play__icon{justify-content:center;align-items:center;font-size:28px;line-height:1;display:inline-flex}.audio-card input[type=range]{accent-color:#1db954;width:100%;margin:0}.audio-card__controls{justify-content:flex-start;align-items:center;min-height:72px;position:relative}.audio-card__speed{justify-content:flex-start;align-items:center;display:flex}.audio-card__transport{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.secondary-button{color:#0f172a;background:#f8fafc;border-color:#0000;width:44px;min-width:44px;height:44px;padding:0}.secondary-button--icon{justify-content:center;align-items:center;display:inline-flex}.speed-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:68px;min-height:44px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.control-icon-badge{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.audio-card--empty{color:#6b7280}.transcript-block{margin-top:18px}.transcript-block h3{margin:0 0 8px;font-size:18px}.nav-card{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nav-card__link{flex-direction:column;gap:6px;display:flex}.nav-card__link--next{text-align:right}.nav-card__label{text-transform:uppercase;color:#9ca3af;letter-spacing:.08em;font-size:12px}.state-card,.empty-state{text-align:center}.state-card--error h2{margin:0 0 8px;font-size:18px}.spinner{border:3px solid #d1d5db;border-top-color:#1d1d1f;border-radius:999px;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=431px){.app-shell{padding:24px 16px}.phone-frame{border-radius:28px;min-height:calc(100vh - 48px);box-shadow:0 18px 50px #0f172a14}}.image-gallery-icon{color:#fff;appearance:none;cursor:pointer;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a);background-color:#0000;border:0;outline:none;transition:all .3s ease-out;position:absolute}@media (hover:hover) and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{padding:20px;bottom:0}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:28px;height:28px}@media (width<=768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:24px;height:24px}}@media (width<=480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:16px;height:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{width:90px;height:120px}@media (width<=768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{width:48px;height:72px}}@media (width<=480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{width:36px;height:48px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:60px;height:120px}@media (width<=768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:36px;height:72px}}@media (width<=480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:24px;height:48px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;user-select:none;-o-user-select:none;-webkit-tap-highlight-color:#0000;position:relative}.image-gallery.fullscreen-modal{z-index:5;background:#000;width:100%;height:100%;position:fixed;inset:0}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 110px);display:inline-block}@media (width<=768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{white-space:nowrap;text-align:center;touch-action:none;line-height:0;position:relative;overflow:hidden}.image-gallery-slide{width:100%;position:absolute;top:0;left:0}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{color:#fff;white-space:normal;background:#0006;padding:10px 20px;line-height:1;position:absolute;bottom:70px;left:0}@media (width<=768px){.image-gallery-slide .image-gallery-description{padding:8px 15px;font-size:.8em;bottom:45px}}.image-gallery-bullets{z-index:4;width:80%;margin:0 auto;position:absolute;bottom:20px;left:0;right:0}.image-gallery-bullets .image-gallery-bullets-container{text-align:center;margin:0;padding:0}.image-gallery-bullets .image-gallery-bullet{appearance:none;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:50%;outline:none;margin:0 5px;padding:5px;transition:all .2s ease-out;display:inline-block;box-shadow:0 2px 2px #1a1a1a}@media (width<=768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (width<=480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media (hover:hover) and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{width:auto;inset:50% auto auto 20px;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:12px 0;display:block}@media (width<=768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (width<=480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{vertical-align:top;width:100px;display:inline-block}@media (width<=768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{margin-right:0;padding:0;display:block}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-top:2px;margin-left:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (width<=768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{padding:5px 0;overflow:hidden}@media (width<=768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:0 0;border:4px solid #0000;width:100px;padding:0;transition:border .3s ease-out;display:inline-block}@media (width<=768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media (width<=768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover:hover) and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media (hover:hover) and (pointer:fine) and (width<=768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;text-shadow:0 2px 2px #1a1a1a;white-space:normal;width:100%;padding:5%;font-size:1em;line-height:1em;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{color:#fff;z-index:4;background:#0006;padding:10px 20px;line-height:1;position:absolute;top:0;right:0}@media (width<=768px){.image-gallery-index{padding:5px 10px;font-size:.8em}}