@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap";:root{--bg-main: #f3ebd5;--card-main: #fffaec;--text-main: #2f2f2f;--accent-orange: #f4826f;--icon-film: #ff8e72;--icon-audio: #ffe072;--icon-stage: #bfff72;--icon-text: #72ffc7;--page-max: 860px;--content-max: 680px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text-main)}#root{min-height:100vh}.page{min-height:100dvh;display:flex;justify-content:center;padding:0}.page.audio-open,.page.video-open{overflow:hidden}.story-screen{width:100%;max-width:var(--page-max);min-height:100dvh;position:relative;padding:20px 17px calc(34px + env(safe-area-inset-bottom)) 18px;display:flex;flex-direction:column;align-items:center}.top-bar{position:relative;width:100%;max-width:var(--content-max);min-height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.round-btn{position:absolute;left:0;width:56px;height:56px;border:0;border-radius:50%;background:var(--card-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.round-btn img{width:24px;height:24px;display:block}.title{margin:0;font-family:Inter,Segoe UI,sans-serif;font-weight:600;font-size:24px;line-height:28.8px;letter-spacing:-.264px;color:#2f2f2f;width:224px;text-align:center}.overview-grid{width:100%;max-width:var(--content-max);display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.hero-card{margin:0;border-radius:20px;overflow:hidden;width:100%;height:200px}.hero-image{width:100%;height:100%;display:block;object-fit:cover}.description-card{margin:0;border-radius:20px;padding:20px;background:var(--card-main);width:100%;min-height:159px;transition:min-height .32s ease}.description-text{margin:0;font-size:16px;line-height:19.2px;font-weight:500;letter-spacing:-.176px;color:#2f2f2f;max-height:96px;overflow:hidden;position:relative;transition:max-height .32s ease}.description-text:after{content:"";position:absolute;inset:auto 0 0;height:38px;background:linear-gradient(to bottom,#fffaec00,#fffaec 70%);opacity:1;transition:opacity .22s ease}.description-text.expanded{max-height:1000px}.description-text.expanded:after{opacity:0}.expand-link{margin-top:4px;padding:0;border:0;background:transparent;font-family:Inter,Segoe UI,sans-serif;color:#ff6770;font-size:16px;line-height:19.2px;letter-spacing:0;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.expand-link.expanded img{transform:rotate(180deg)}.expand-link img{width:18px;height:19px;display:block;transition:transform .22s ease}.menu-list{display:grid;gap:8px;width:100%;max-width:var(--content-max)}.menu-item{display:flex;align-items:center;width:100%;border:0;border-radius:20px;background:var(--card-main);padding:10px;height:70px;text-align:left;cursor:pointer}.menu-item.active{box-shadow:inset 0 0 0 2px #ff42424d}.menu-icon{width:50px;height:50px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;flex:0 0 auto}.menu-icon img{width:24px;height:24px;display:block}.menu-icon.film{background:var(--icon-film);color:#ab4d36}.menu-icon.audio{background:var(--icon-audio);color:#8f7818}.menu-icon.stage{background:var(--icon-stage);color:#5a8a1e}.menu-icon.text{background:var(--icon-text);color:#009057}.menu-label{font-family:Inter,Segoe UI,sans-serif;font-size:16px;line-height:19.2px;letter-spacing:0;font-weight:500;color:#2f2f2f}.menu-arrow{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.menu-arrow img{width:20px;height:20px;display:block}.catalog-page{background:#f3ebd5;overflow-x:hidden}.catalog-screen{width:100%;max-width:var(--page-max);min-height:100dvh;margin:0 auto;padding:0 17px calc(20px + env(safe-area-inset-bottom)) 18px}.catalog-hero{width:100vw;margin:0 calc(50% - 50vw) 18px;height:278px;overflow:hidden}.catalog-hero picture{display:block;width:100%;height:100%}@media(min-width:450px){.catalog-hero{height:auto;overflow:visible}.catalog-hero picture{height:auto}.catalog-hero-image{height:auto;object-fit:contain}}.catalog-hero-image{width:100%;height:100%;object-fit:cover;display:block}.catalog-about{margin-bottom:16px}.catalog-title{margin:0 0 12px;font-size:24px;line-height:30px;letter-spacing:-.18px;color:#2f2f2f;font-weight:600}.catalog-title span{font-size:13px;line-height:16px;color:#ff4242}.catalog-description{margin:0 0 16px;color:#2f2f2f;font-size:16px;line-height:19.2px;letter-spacing:-.176px;font-weight:400}.catalog-info-card{background:#fffaec;border-radius:20px;padding:12px;display:flex;align-items:flex-start;gap:12px}.catalog-info-badge{width:56px;height:56px;display:block;object-fit:contain;flex:0 0 auto}.catalog-info-card p{margin:0;font-size:14px;line-height:15.6px;color:#2f2f2f;font-weight:500}.catalog-list-wrap{margin-bottom:20px}.catalog-list{display:grid;gap:8px}.catalog-card{width:100%;min-height:82px;border-radius:20px;background:#fffaec;padding:12px;border:0;display:flex;align-items:center;gap:12px}.catalog-card.is-link{cursor:pointer;text-align:left}.catalog-card span{color:#2f2f2f;font-size:18px;line-height:19.2px;letter-spacing:-.176px;font-weight:500}.catalog-thumb{width:100px;height:64px;border-radius:12px;object-fit:cover;flex:0 0 auto}.catalog-footer{border-radius:20px;background:#fffaec;padding:12px;display:flex;align-items:center;gap:12px}.catalog-footer-logo{width:46px;height:46px;display:block;object-fit:contain;flex:0 0 auto}.catalog-footer p{margin:0;font-size:13px;line-height:15.6px;color:#2f2f2f}.audio-dim{position:fixed;inset:0;border:0;margin:0;padding:0;background:#000c;z-index:10;cursor:pointer;opacity:0;transition:opacity .32s ease}.audio-dim.is-open{opacity:1}.hero-card.audio-focus{position:relative;z-index:12}.audio-sheet{position:fixed;left:0;right:0;bottom:0;transform:translateY(calc(100% + env(safe-area-inset-bottom)));width:100%;border-radius:32px 32px 0 0;background:#fffaec;box-shadow:0 -8px 16px #00000014;z-index:15;display:flex;flex-direction:column;align-items:center;padding:24px 17.5px calc(24px + env(safe-area-inset-bottom));transition:transform .32s cubic-bezier(.22,1,.36,1)}.audio-sheet.is-open{transform:translateY(0)}.audio-sheet-handle{display:block;width:80px;height:4px;border-radius:999px;background:#ddd4ba}.audio-sheet-grab-zone{flex:0 0 auto;align-self:stretch;width:100%;min-height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;cursor:ns-resize;touch-action:none}.audio-title{margin:0 0 12px;width:100%;font-size:18px;line-height:21.6px;letter-spacing:-.2px;font-weight:600;color:#2f2f2f}.audio-progress{position:relative;width:100%;height:4px;border:0;padding:0;margin:0;background:transparent;border-radius:42px;cursor:pointer}.audio-progress-track,.audio-progress-fill{position:absolute;left:0;top:0;height:4px;border-radius:42px}.audio-progress-track{width:100%;background:#f3ebd5}.audio-progress-fill{background:#ff4242}.audio-time-row{margin-top:12px;width:100%;display:flex;justify-content:space-between}.audio-time-chip{min-width:57px;padding:8px 10px;border-radius:35px;background:#fff4d4;font-size:14px;line-height:14px;font-weight:600;color:#2f2f2f;text-align:center;-webkit-backdrop-filter:blur(6.6px);backdrop-filter:blur(6.6px)}.audio-controls{margin-top:0;width:100%;max-width:232px;display:flex;align-items:center;justify-content:center;gap:20px}.audio-story{position:relative;margin-top:24px;width:100%;min-height:273px;flex:1 1 auto;overflow:hidden}.audio-story-content{width:100%;height:100%;overflow-y:auto;padding-right:12px;padding-bottom:24px;white-space:pre-wrap;font-size:16px;line-height:19.2px;letter-spacing:-.176px;font-weight:400;color:#2f2f2f}.audio-story-content::-webkit-scrollbar{width:4px}.audio-story-content::-webkit-scrollbar-track{background:#f3ebd5;border-radius:42px}.audio-story-content::-webkit-scrollbar-thumb{background:#ff4242;border-radius:42px}.audio-control{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.audio-control-light{width:56px;height:56px;border-radius:999px;background:#ff42421f}.audio-control-primary{width:80px;height:80px;border-radius:999px;background:#ff4242}.audio-icon{position:relative;display:inline-block}.audio-control-icon{display:block;width:20px;height:20px}.audio-control-icon.prev{transform:scaleX(-1)}.audio-control-icon.pause,.audio-control-icon.play{width:32px;height:32px}.audio-icon.play-triangle{width:0;height:0;margin-left:3px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid #fffaec}.audio-text-link{margin-top:24px;margin-bottom:24px;width:100%;min-height:56px;padding:18.5px 20px;border:0;border-radius:12px;background:#ffe4d7;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,Segoe UI,sans-serif;font-size:16px;line-height:19.2px;font-weight:500;font-synthesis:none;color:#ff4242;cursor:pointer}.audio-sheet.text-mode .audio-text-link{margin-top:0}.audio-sheet.is-expanded .audio-text-link{margin-bottom:0}.audio-sheet audio{display:none}.video-overlay{position:fixed;inset:0;z-index:30;background:#000;overflow:hidden}.video-viewport{position:absolute;inset:0}.video-frame{width:100%;height:100%;object-fit:cover;display:block}.video-layer{position:absolute;inset:0;background:#0000006b}.video-topbar{position:absolute;top:calc(18px + env(safe-area-inset-top));left:19px;right:19px;display:flex;align-items:center;justify-content:space-between}.video-topbar,.video-center-btn,.video-bottombar{transition:opacity .22s ease}.video-topbar.hidden,.video-center-btn.hidden,.video-bottombar.hidden{opacity:0;pointer-events:none}.video-topbar h2{margin:0;color:#f6f1df;font-size:18px;line-height:21.6px;font-weight:600}.video-close-btn{width:56px;height:56px;border:0;border-radius:999px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.video-close-icon{display:block;width:56px;height:56px}.video-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:0;border-radius:999px;background:#ff4242;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.video-center-btn img{width:32px;height:32px;display:block}.video-bottombar{position:absolute;left:19px;right:19px;bottom:calc(20px + env(safe-area-inset-bottom))}.video-time-chip{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:22px;background:#2f2f2f94;color:#f6f1df;font-size:14px;line-height:14px;font-weight:600;margin-bottom:16px}.video-progress{position:relative;width:100%;height:10px;border:0;border-radius:42px;background:transparent;padding:0;cursor:pointer;touch-action:none}.video-progress-track,.video-progress-fill{position:absolute;left:0;top:0;height:100%;border-radius:42px}.video-progress-track{width:100%;background:#f6f1df}.video-progress-fill{background:#ff4242}.video-orientation-guard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000db;z-index:40}.video-orientation-guard p{margin:0;padding:0 24px;text-align:center;color:#f6f1df;font-size:24px;line-height:30px;font-weight:600}@media(min-width:500px){.description-card{min-height:auto}.description-text{max-height:none;overflow:visible}.description-text:after{display:none}.expand-link{display:none}}@media(min-width:768px){.story-screen{padding:28px 24px calc(40px + env(safe-area-inset-bottom))}.hero-card{height:260px}}@media(max-width:430px)and (min-height:820px){.story-screen{padding-inline:12px;gap:2px}.top-bar,.overview-grid,.menu-list{max-width:100%}.top-bar{min-height:52px}.round-btn{width:52px;height:52px}.title{font-size:22px;line-height:26px;width:100%;padding-inline:58px}.hero-card{height:min(31dvh,250px)}.description-card{padding:16px}.menu-item{height:66px;border-radius:18px}}@media(min-width:850px)and (max-width:1100px)and (min-height:700px){:root{--page-max: 980px;--content-max: 920px}.story-screen{padding-inline:28px}.overview-grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:12px}.hero-card{height:280px}.description-card{display:flex;flex-direction:column;justify-content:center;min-height:280px}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-item{min-height:76px;height:auto}}