:root{--brown:#663b27;--deep:#432417;--blue:#bfe9ff;--blue2:#eaf8ff;--pink:#ffd7df;--cream:#fff7ea;--red:#df5861;--shadow:0 18px 45px rgba(86,58,40,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);font-family:"Nunito","Noto Sans SC",sans-serif;background:#fffdf9}.announcement{height:34px;background:linear-gradient(90deg,#ffe5e7,#fff6df,#dff4ff);display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.3px}.announcement button{border:0;background:transparent;color:#8c462e;font-weight:900;margin-left:10px}.nav-shell{height:82px;display:flex;align-items:center;gap:38px;padding:0 max(4vw,28px);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-bottom:1px solid #eee2d9}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);text-decoration:none;white-space:nowrap}.brand strong{display:block;font-size:20px;line-height:18px;font-weight:900}.brand small{font-weight:900;letter-spacing:4px}.mini-cloud{width:57px;height:33px;border:3px solid #1682bf;border-radius:25px;background:white;position:relative;display:grid;place-items:center;color:#e95c6f;font-size:11px}.mini-cloud i{position:absolute;width:20px;height:20px;border:3px solid #1682bf;background:#fff;border-radius:50%;top:-11px}.mini-cloud i:nth-child(1){left:7px}.mini-cloud i:nth-child(2){left:20px;top:-16px}.mini-cloud i:nth-child(3){right:5px}nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}nav a{color:#382b25;text-decoration:none;font-size:14px;font-weight:700;padding:10px 12px;border-radius:999px}nav a:hover,nav a.active{background:#e8f6ff;color:#146d9e}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions button,.primary,.flavor button,.pill{border:0;font-family:inherit;font-weight:900;cursor:pointer}.search{font-size:26px;background:transparent}.order,.primary{color:white;background:linear-gradient(135deg,#8a5135,#542718);padding:12px 22px;border-radius:999px;box-shadow:0 8px 16px #6a3d2430}.menu{display:none;background:transparent;font-size:24px}.hero{min-height:650px;overflow:hidden;position:relative;display:grid;grid-template-columns:43% 57%;background:linear-gradient(180deg,#94d7ff 0%,#dff5ff 58%,#fff5e8 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-70px;height:130px;background:#fff;border-radius:50% 50% 0 0/35% 35% 0 0}.hero-copy{position:relative;z-index:5;padding:112px 20px 80px max(7vw,40px)}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.3px;color:#4e87a5}.hero h1{font-family:"Ma Shan Zheng",cursive;font-weight:400;font-size:clamp(48px,5vw,78px);line-height:1.05;margin:15px 0;color:#572814;transform:rotate(-2deg)}.hero-copy>p{font-family:"Ma Shan Zheng",cursive;font-size:25px;margin:16px 0 30px}.hero-buttons{display:flex;align-items:center;gap:22px}.primary{font-size:15px;padding:15px 25px}.play{border:0;background:transparent;font-weight:900;color:var(--deep);display:flex;align-items:center;gap:9px;cursor:pointer}.play span,.big-play{border-radius:50%;display:grid;place-items:center;color:#fff;background:#75442b}.play span{width:40px;height:40px}.hero-world{position:relative;min-height:650px}.sun{position:absolute;width:220px;height:220px;border-radius:50%;background:#fff4c6;right:80px;top:45px;filter:blur(3px);box-shadow:0 0 90px #fff9dd}.shop{width:420px;height:360px;position:absolute;right:90px;bottom:75px;border-radius:48% 48% 12px 12px;background:linear-gradient(#fffef8,#f8d9b0);border:8px solid white;box-shadow:var(--shadow)}.awning{position:absolute;top:115px;left:-25px;right:-25px;height:80px;display:flex}.awning i{flex:1;background:#fff7ec;border-radius:0 0 50% 50%;border:2px solid #f4d9bf}.awning i:nth-child(even){background:#c4ebfc}.shop-sign{position:absolute;top:58px;left:72px;font-size:29px;transform:rotate(3deg)}.window{position:absolute;left:35px;right:35px;top:215px;height:90px;border:8px solid #a97350;background:#d3f1ff;display:flex;align-items:center;justify-content:space-evenly;font-size:32px}.door{position:absolute;bottom:0;right:38px;width:70px;height:120px;background:#8abdd0;border:7px solid white;border-bottom:0;border-radius:30px 30px 0 0}.mascot{position:absolute;text-align:center;z-index:5}.main-mascot{left:35px;bottom:90px}.mascot .hat{font-size:92px;line-height:75px}.mascot .face{width:125px;height:125px;border-radius:45%;background:#ffd5bd;border:10px solid #51311e;display:grid;place-items:center;font-size:32px;font-weight:900;box-shadow:inset 0 0 0 10px #2b1811;color:#4b2e24}.mascot .body{width:150px;height:120px;padding-top:35px;margin:-4px 0 0 -13px;border-radius:50% 50% 30% 30%;background:#d8f2ff;color:#35789a;font-weight:900}.float-note{position:absolute;right:32px;top:170px;padding:18px 24px;background:#fffdf8;border-radius:50%;font-family:"Ma Shan Zheng";font-size:20px;transform:rotate(-8deg);box-shadow:var(--shadow)}.cloud{position:absolute;width:190px;height:70px;background:#fff;border-radius:70px;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:80px;height:80px;left:35px;top:-38px}.cloud:after{width:105px;height:105px;right:22px;top:-55px}.c1{left:30%;top:90px;transform:scale(.6)}.c2{left:-70px;bottom:120px}.c3{right:-70px;top:70px;transform:scale(.7)}.ground-cloud{position:absolute;background:#fff;border-radius:50%;filter:drop-shadow(0 8px 18px #8ec8db30)}.gc1{width:350px;height:130px;bottom:15px;left:-40px}.gc2{width:550px;height:140px;bottom:0;right:-80px}.section{max-width:1320px;margin:0 auto;padding:75px 38px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading.centered{justify-content:center;text-align:center}.section-heading h2{font-size:27px;margin:0}.section-heading h2 span{font-weight:700;font-size:20px}.section-heading p{color:#9a8274;margin:6px 0 0}.tiny-cloud{font-size:40px}.pill{padding:10px 18px;border-radius:999px;background:#d8f2ff;color:#28759e}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flavor{min-height:290px;border-radius:28px;padding:26px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.flavor:hover{transform:translateY(-7px)}.strawberry{background:linear-gradient(135deg,#fff1f2,#ffcbd3)}.chocolate{background:linear-gradient(135deg,#f8eee5,#dab798)}.original{background:linear-gradient(135deg,#fff9ef,#fce6c3)}.flavor h3{font-size:27px;margin:0}.flavor small{font-weight:900}.flavor p{font-size:13px}.flavor button{background:#714029;color:#fff;border-radius:999px;padding:10px 16px}.tag{position:absolute;right:20px;top:18px;background:#fff;color:#dc5b65;font-size:11px;padding:6px 10px;border-radius:999px}.food-art{height:180px;display:grid;place-items:center;position:relative}.cup{width:130px;height:120px;background:#fffaf2;border-radius:20px 20px 45px 45px;box-shadow:0 16px 20px #77442c25;display:grid;place-items:center;font-size:35px;color:#58a4c7;border-top:13px solid #fff}.topping{position:absolute;top:8px;right:4px;font-size:55px;filter:drop-shadow(0 7px 5px #55281725)}.friend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.friend{padding:16px;text-align:center;border-radius:24px;min-height:260px;position:relative}.friend .avatar{height:125px;display:grid;place-items:center;font-size:76px;background:#ffffff9e;border-radius:18px}.friend h3{margin:12px 0 5px}.friend p{font-size:13px;line-height:1.5}.friend button{border:0;color:#fff;border-radius:50%;width:30px;height:30px;background:#a46c53}.blue{background:#e1f4ff}.pink{background:#ffe5eb}.brown{background:#f2e4d9}.cream{background:#fff0da}.green{background:#e0f3df}.story-passport{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;max-width:none;background:#fbf8f3}.featured-story{height:340px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffcfa5 0%,#f49b76 45%,#815038 100%)}.story-scene{font-size:96px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:30px}.big-play{position:absolute;width:65px;height:65px;border:3px solid #fff;background:#6a3c2fbb;top:50%;left:50%;transform:translate(-50%,-50%)}.story-caption{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;background:linear-gradient(transparent,#31180fd9);display:flex;flex-direction:column}.episode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.episode-row article div{height:90px;border-radius:14px;background:#ffe2dc;display:grid;place-items:center;font-size:32px}.episode-row b,.episode-row small{display:block;padding-top:5px}.episode-row small{color:#9b8579}.passport{background:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow)}.passport-card{background:#fbebd8;border:1px solid #dbbda1;transform:rotate(-2deg);padding:25px;border-radius:12px;min-height:270px;position:relative;background-image:radial-gradient(#ceac8c 1px,transparent 1px);background-size:16px 16px}.passport-title{display:flex;gap:12px;font-size:20px}.passport-title span{font-size:45px}.stamps{display:flex;gap:16px;margin-top:35px}.stamps i{width:58px;height:58px;border:2px dashed #bd7d54;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#fff8ed}.passport-mascot{font-size:70px;position:absolute;right:15px;bottom:5px}.passport li{margin:16px 0}.find{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.find h2{font-size:38px;margin:10px 0}.store-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow);gap:20px}.store-visual{min-height:180px;border-radius:17px;background:linear-gradient(155deg,#78c6ed,#eaf9ff);display:grid;place-items:center;text-align:center;font-weight:900;color:#6d422e}.store-visual span{font-size:58px}.socials{display:flex;gap:10px}.socials i{width:32px;height:32px;color:#fff;background:#3999ce;border-radius:50%;display:grid;place-items:center}footer{padding:55px 6vw;text-align:center;background:#fff4e9;border-top:1px solid #eeded0}footer .brand{justify-content:center;margin-bottom:15px}footer>div{display:flex;gap:28px;justify-content:center;margin:28px 0}footer a{color:#61402f;text-decoration:none;font-weight:800}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);opacity:0;background:#593421;color:white;padding:14px 22px;border-radius:999px;z-index:50;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1000px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px;box-shadow:var(--shadow);flex-direction:column;gap:4px}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px;padding-bottom:0}.hero-world{min-height:520px}.friend-grid{grid-template-columns:repeat(3,1fr)}.story-passport{grid-template-columns:1fr}.flavor{grid-template-columns:1fr;text-align:center}.food-art{height:145px}}
@media(max-width:650px){.announcement{font-size:10px}.nav-shell{height:68px;padding:0 16px}.brand strong{font-size:16px}.brand small{font-size:10px}.order,.search{display:none}nav{top:68px}.hero h1{font-size:45px}.hero-copy{padding:58px 24px 5px}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-world{min-height:440px;transform:scale(.78);transform-origin:50% 100%;width:128%;margin-left:-14%;margin-top:-20px}.section{padding:52px 18px}.flavor-grid,.friend-grid,.find{grid-template-columns:1fr}.friend-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:22px}.section-heading .pill{display:none}.featured-story{height:260px}.story-scene{font-size:58px}.episode-row{overflow-x:auto}.episode-row article{min-width:150px}.store-card{grid-template-columns:1fr}.find h2{font-size:30px}}
.brand-logo{width:138px;height:70px;object-fit:cover;object-position:50% 42%;border-radius:12px}.official-art>*:not(.official-hero-img){display:none}.official-art{display:flex;align-items:flex-end;justify-content:center;padding:18px 18px 0}.official-hero-img{width:100%;height:610px;object-fit:cover;object-position:46% 50%;border-radius:42% 42% 8% 8%;filter:drop-shadow(0 24px 28px rgba(61,76,79,.18));mix-blend-mode:multiply}.friend .avatar{height:155px;overflow:hidden}.friend .avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;transition:transform .35s}.friend:hover .avatar img{transform:scale(1.05)}@media(max-width:650px){.brand-logo{width:108px;height:56px}.official-hero-img{height:430px}}.lang-switch{display:flex;background:#f3eee9;border-radius:999px;padding:3px}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:6px 8px;font:700 11px Nunito;cursor:pointer;color:#735847}.lang-switch button.active{background:#fff;color:#1682bf;box-shadow:0 2px 8px #54321d20}.upload-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#e8f7ff,#fff2f4);border:1px dashed #85cbed;border-radius:18px;padding:14px 18px;margin-bottom:20px}.upload-bar b,.upload-bar small{display:block}.upload-bar small{color:#8e776a;margin-top:3px}.upload-trigger{border:0;border-radius:999px;background:#1689c5;color:#fff;padding:11px 18px;font-weight:900;white-space:nowrap;cursor:pointer}.passport{background:linear-gradient(145deg,#fffefb,#f7efe5);border:1px solid #ecd8c5}.passport-card{background:linear-gradient(135deg,#f8e3c8,#fff6e9 52%,#edd0ad);border:1px solid #cda67e;box-shadow:0 18px 40px #6a402b26,inset 0 0 0 5px #ffffff66;transform:rotate(-1deg);overflow:hidden}.passport-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,#fff 0 2px,transparent 3px);background-size:25px 25px;opacity:.35}.passport-top,.passport-owner,.stamp-label,.stamps,.passport-progress,.passport-code{position:relative;z-index:1}.passport-top{display:flex;align-items:center;gap:10px;border-bottom:1px dashed #b98760;padding-bottom:12px}.passport-top img{width:48px;height:48px;object-fit:cover;border-radius:13px}.passport-top b,.passport-top small{display:block}.passport-top b{font-size:21px}.passport-top em{margin-left:auto;font:700 10px monospace;color:#9a6b4e}.passport-owner{display:flex;justify-content:space-between;margin:15px 0 12px;font-size:11px}.passport-owner strong{letter-spacing:1.5px}.stamp-label{display:flex;justify-content:space-between;font-size:12px}.passport .stamps{margin-top:10px;gap:10px}.passport .stamps i{width:62px;height:62px;display:flex;flex-direction:column;font-style:normal}.passport .stamps i small{font-size:8px;margin-top:1px}.passport .stamps .earned{border-style:solid;background:#fff9f2;box-shadow:0 5px 12px #80542f20}.passport .stamps .locked{filter:grayscale(1);opacity:.4}.passport-progress{height:6px;background:#dfc5aa;border-radius:9px;margin-top:14px;overflow:hidden}.passport-progress span{display:block;width:75%;height:100%;background:linear-gradient(90deg,#ee8f93,#e0a15f)}.passport-code{text-align:center;font:700 9px monospace;letter-spacing:2px;margin-top:12px}.passport-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.passport-benefits>div{display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border-radius:14px}.passport-benefits i{width:35px;height:35px;border-radius:50%;background:#e7f6ff;display:grid;place-items:center;color:#1682bf}.passport-benefits b,.passport-benefits small{display:block}.passport-benefits small{color:#927a6a;font-size:10px;margin-top:2px}.modal{position:fixed;inset:0;background:#43241799;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.modal.open{display:flex}.modal-card{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;background:#fffdf9;border-radius:28px;padding:30px;box-shadow:0 30px 80px #31170f55}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}.modal-card h2{margin:0}.modal-card>p{color:#8f7768}.drop-zone{min-height:170px;border:2px dashed #8acbe9;border-radius:20px;background:#edf9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.drop-zone span{font-size:50px}.drop-zone b{color:#187cae}.drop-zone small{margin-top:8px;color:#8d7a6e}.video-preview video{width:100%;max-height:260px;border-radius:16px;background:#111}.video-preview>div{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.remove-video{border:0;background:#ffe6e7;color:#b9444d;border-radius:99px;padding:7px 10px}.publish-fields{display:grid;gap:10px;margin:12px 0}.publish-fields input,.publish-fields textarea{border:1px solid #e5d8cf;border-radius:12px;padding:12px;font:inherit}.publish-fields textarea{min-height:80px;resize:vertical}.publish-video{width:100%}.publish-video:disabled{opacity:.45;cursor:not-allowed}.privacy-note{display:block;text-align:center;color:#9d8b80;margin-top:8px}.search-panel{position:fixed;top:105px;right:5vw;z-index:60;padding:12px;background:white;border-radius:16px;box-shadow:var(--shadow);display:none}.search-panel.open{display:flex}.search-panel input{border:1px solid #e5d8cf;border-radius:999px 0 0 999px;padding:10px 14px}.search-panel button{border:0;background:#1682bf;color:#fff;border-radius:0 999px 999px 0;padding:0 14px}.clickable{cursor:pointer}@media(max-width:760px){.lang-switch button{padding:5px}.upload-bar{align-items:flex-start;flex-direction:column}.passport-benefits{grid-template-columns:1fr}.nav-actions{gap:4px}.search{display:none}}
.product-price{display:flex;align-items:baseline;gap:6px;margin:10px 0 12px}.product-price strong{font-size:24px;color:#9a4c32}.product-price span{font-size:10px;font-weight:900;letter-spacing:1px;color:#967c6d}@media(max-width:1000px){.product-price{justify-content:center}}
.food-art{height:220px;border-radius:22px;overflow:hidden;box-shadow:0 14px 26px rgba(74,40,24,.18)}.food-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.flavor:hover .food-art img{transform:scale(1.06)}@media(max-width:1000px){.food-art{height:260px;width:100%}}
.friend .avatar{height:270px;background:rgba(255,255,255,.45)}.friend .avatar img{object-fit:contain;object-position:center top}.official-hero-img{object-fit:contain;object-position:center bottom}.friend{overflow:hidden}@media(max-width:1000px){.friend .avatar{height:300px}}@media(max-width:650px){.friend .avatar{height:225px}.friend{padding:10px}.friend h3{font-size:17px}.friend p{font-size:12px;min-height:54px}.official-hero-img{width:100%;height:430px;object-fit:contain}}
.announcement{display:none!important;height:0!important;padding:0!important;overflow:hidden!important}
.episode-row{gap:16px;margin-top:18px}.episode-row article{min-width:0;cursor:pointer}.episode-row article>div.episode-thumb{height:165px;padding:0;display:block;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 10px 24px rgba(74,40,24,.13);isolation:isolate}.episode-thumb:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(48,24,14,.68));z-index:1}.episode-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 27%;transition:transform .4s ease}.episode-row article:hover .episode-thumb img{transform:scale(1.07)}.berry-episode{background:linear-gradient(145deg,#ffd5df,#fff1f4)}.coco-episode{background:linear-gradient(145deg,#e4c4aa,#f7e9dd)}.tang-episode{background:linear-gradient(145deg,#d8edce,#f4faef)}.episode-no{position:absolute;left:10px;bottom:10px;z-index:2;color:#fff;background:rgba(74,37,24,.74);font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px}.episode-thumb i{position:absolute;right:10px;bottom:9px;z-index:2;width:28px;height:28px;border-radius:50%;background:#fff;color:#75432f;display:grid;place-items:center;font-style:normal;font-size:10px}.episode-row article>b{display:block;padding:10px 3px 0;font-size:14px}.episode-row article>small{padding:4px 3px 0;display:flex;justify-content:space-between;gap:8px;color:#9b8579;font-size:10px}.episode-row article>small em{font-style:normal;color:#6e4d3d;font-weight:900}@media(max-width:650px){.episode-row article>div.episode-thumb{height:150px}.episode-row{grid-template-columns:repeat(3,190px);padding-bottom:8px}}
/* Reference-aligned story layout */
.stories-panel{min-width:0}.official-story{height:330px;background:linear-gradient(180deg,#ffd1aa 0%,#f2a075 48%,#75422f 100%);border:1px solid #ead6c9}.official-story>img{position:absolute;width:68%;height:108%;right:2%;bottom:-8%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 12px 14px rgba(60,28,18,.22))}.story-clouds{position:absolute;inset:0;background:radial-gradient(circle at 12% 28%,#fff8 0 40px,transparent 42px),radial-gradient(circle at 28% 18%,#fff6 0 55px,transparent 57px),linear-gradient(135deg,#ffd5ae,#e88a68);z-index:0}.official-story .big-play{z-index:3;left:50%;top:46%}.official-story .story-caption{z-index:2;padding:55px 20px 17px;display:block}.official-story .story-caption strong{display:block;font-size:16px}.official-story .story-caption strong span{background:#fff;color:#633721;padding:4px 7px;border-radius:6px;margin-right:7px}.official-story .story-caption small{display:block;margin-top:7px;color:#f9eae2}.official-story .story-caption em{position:absolute;right:16px;bottom:17px;font-style:normal;font-size:11px;background:#3f241db8;padding:5px 8px;border-radius:99px}.episode-row article>small span{display:none}.episode-row article>small{justify-content:flex-start}.episode-row article>small em{color:#9b8579;font-weight:700}.episode-row article>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-row article>div.episode-thumb{height:118px;border-radius:14px}.episode-thumb img{object-position:center 23%}.story-passport{align-items:start;padding-top:58px}.passport{position:sticky;top:102px}@media(max-width:1000px){.passport{position:static}.official-story{height:310px}}@media(max-width:650px){.official-story{height:245px}.official-story>img{width:78%;right:-5%}.episode-row{grid-template-columns:repeat(3,155px)}.episode-row article>div.episode-thumb{height:105px}}
.flavor{grid-template-columns:minmax(145px,44%) minmax(0,1fr);column-gap:22px;padding:26px}.flavor>div:last-child{min-width:0;position:relative;z-index:2}.food-art{width:100%;max-width:190px;height:auto;aspect-ratio:1/1;align-self:center;justify-self:center;border-radius:24px}.food-art img{object-fit:cover;object-position:center}.flavor h3{font-size:25px;line-height:1.15;white-space:normal}.flavor p{line-height:1.45}.product-price{white-space:nowrap}.flavor button{white-space:nowrap}@media(max-width:1000px){.flavor{grid-template-columns:1fr;row-gap:18px}.food-art{width:100%;max-width:none;height:auto;aspect-ratio:4/3}.flavor>div:last-child{text-align:center}}@media(max-width:650px){.flavor-grid{gap:18px}.flavor{padding:16px}.food-art{aspect-ratio:16/10;border-radius:18px}.flavor h3{font-size:24px}}
.video-story{background:#2a1711}.video-story>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#2a1711}.video-story .story-caption{pointer-events:none;transition:opacity .25s}.video-story.playing .story-caption{opacity:0}.video-story .big-play{transition:opacity .2s,transform .2s}.video-story.playing .big-play{opacity:0;pointer-events:none}.video-story:hover.playing .big-play{opacity:.85;pointer-events:auto}.video-story:hover.playing .story-caption{opacity:.82}
.featured-story.official-story.video-story{height:auto;aspect-ratio:16/9;max-height:none}.video-story>video{object-fit:contain;background:#1f1511}@media(max-width:1000px){.featured-story.official-story.video-story{height:auto;aspect-ratio:16/9}}@media(max-width:650px){.featured-story.official-story.video-story{height:auto;aspect-ratio:16/9;border-radius:18px}}
.promo-videos .episode-thumb img{object-fit:cover;object-position:center}.promo-videos article.active .episode-thumb{outline:3px solid #4ca9d4;outline-offset:2px}
/* Cloud Passport long-term rewards */
.story-passport{grid-template-columns:minmax(0,1.3fr) minmax(420px,.9fr)}.passport{position:static}.passport-stamp-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.passport-stamp-grid i{aspect-ratio:1;border:1px dashed #bd8a63;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;color:#a88973;background:#fff6}.passport-stamp-grid i.earned{background:#fff;border:2px solid #e37f84;color:#d75f67;font-weight:900;box-shadow:0 3px 8px #8a523022}.reward-ladder{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.reward-stage{position:relative;display:grid;grid-template-columns:44px 38px 1fr;align-items:center;text-align:left;gap:7px;border:1px solid #ead9cc;background:#fff;border-radius:16px;padding:12px 10px;color:#543322;cursor:pointer;transition:.25s}.reward-stage:hover{transform:translateY(-2px);box-shadow:0 10px 20px #67412414}.reward-stage.reached{border-color:#ef9ba1;background:#fff4f5}.reward-stage.grand{border-color:#d4a66f;background:linear-gradient(135deg,#fff8e9,#f8e4c7)}.reward-count{font-size:24px;font-weight:900;color:#a0523c}.reward-count small{font-size:10px;margin-left:1px}.reward-stage>i{width:34px;height:34px;border-radius:50%;background:#e7f6ff;color:#2183b4;display:grid;place-items:center;font-style:normal}.reward-stage b,.reward-stage div small{display:block}.reward-stage b{font-size:13px}.reward-stage div small{font-size:10px;color:#947d6e;margin-top:3px}.figure-collection{margin-top:16px;padding:16px;background:#fff;border:1px solid #eddfd5;border-radius:20px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.collection-heading b,.collection-heading small{display:block}.collection-heading small{font-size:10px;color:#967f71;margin-top:2px}.collection-heading>span{font-weight:900;color:#2386b4;background:#e4f6ff;border-radius:999px;padding:5px 9px}.figure-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.figure-options button{min-width:0;border:1px solid #eadfd8;background:#fffaf6;border-radius:12px;padding:5px;cursor:pointer;position:relative;transition:.2s}.figure-options button.selected{border:2px solid #2698cc;background:#eaf8ff;transform:translateY(-2px)}.figure-options img{width:100%;aspect-ratio:1/1.15;object-fit:cover;object-position:center 28%;border-radius:8px;display:block}.figure-options b{display:block;font-size:10px;margin-top:4px;overflow:hidden}.figure-options small{position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#a88976}.figure-options button.selected small{background:#2698cc;color:#fff}.badge-note{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0 0;color:#76513e}.badge-note span{font-size:20px;color:#d9964f}.ultimate-reward{margin-top:14px;display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;border-radius:20px;padding:16px;background:linear-gradient(135deg,#51301f,#8c5736);color:#fff;box-shadow:0 14px 30px #54301f26}.gift-icon{width:60px;height:60px;border-radius:18px;background:#fff3d7;display:grid;place-items:center;font-size:32px}.ultimate-reward small{color:#ffd9a2}.ultimate-reward h3{margin:2px 0;font-size:17px}.ultimate-reward p{margin:0;color:#f2dccc;font-size:11px}.set-progress{display:flex;gap:6px;margin-top:9px}.set-progress i{width:20px;height:6px;border-radius:99px;background:#fff4}.reward-guide{margin-top:12px;border:1px solid #ead8ca;border-radius:15px;background:#fff;overflow:hidden}.reward-guide summary{padding:12px 15px;cursor:pointer;font-size:12px;font-weight:900;color:#8a5238}.reward-guide img{width:100%;display:block;border-top:1px solid #ead8ca}@media(max-width:1100px){.story-passport{grid-template-columns:1fr}.passport{max-width:680px;margin:auto}}@media(max-width:650px){.reward-ladder{grid-template-columns:1fr}.reward-stage{grid-template-columns:44px 38px 1fr}.figure-options{overflow-x:auto;grid-template-columns:repeat(5,92px);padding-bottom:5px}.figure-options img{height:104px}.ultimate-reward{grid-template-columns:54px 1fr}.gift-icon{width:50px;height:50px}}
/* Merchandise showcase */
.merch-section{max-width:none;padding-left:max(4vw,38px);padding-right:max(4vw,38px);background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}.merch-heading{max-width:1320px;margin-left:auto;margin-right:auto}.merch-feature{max-width:1320px;margin:0 auto 22px;min-height:460px;position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#bfe8ff}.merch-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.merch-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,24,16,.72) 0%,rgba(43,24,16,.32) 38%,transparent 68%)}.merch-feature-copy{position:relative;z-index:2;width:min(430px,48%);padding:70px 45px;color:#fff}.merch-feature-copy>small{font-weight:900;letter-spacing:2px;color:#d9f3ff}.merch-feature-copy h3{font-size:38px;line-height:1.15;margin:10px 0}.merch-feature-copy p{font-size:15px;line-height:1.7;color:#fff}.merch-feature-copy>div{display:flex;gap:10px;margin-top:24px}.outline-btn{border:1px solid #fff;background:#ffffff20;color:#fff;border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer;backdrop-filter:blur(8px)}.merch-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.merch-card{grid-column:span 2;background:#fff;border:1px solid #e8e0da;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(72,44,28,.09);transition:transform .3s,box-shadow .3s}.merch-card.wide{grid-column:span 3}.merch-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(72,44,28,.15)}.merch-image{aspect-ratio:16/10;overflow:hidden;background:#dff3ff}.merch-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.merch-card:hover img{transform:scale(1.035)}.merch-meta{padding:18px 20px 21px}.merch-meta>span{display:inline-block;padding:5px 9px;border-radius:99px;background:#e6f5ff;color:#207da9;font-size:10px;font-weight:900}.merch-meta h3{font-size:20px;margin:9px 0 5px}.merch-meta p{font-size:13px;line-height:1.5;color:#8c776b;margin:0}@media(max-width:980px){.merch-feature{min-height:400px}.merch-feature-copy{width:60%;padding:50px 32px}.merch-card,.merch-card.wide{grid-column:span 3}}@media(max-width:650px){.merch-section{padding-left:18px;padding-right:18px}.merch-feature{min-height:500px;border-radius:22px}.merch-feature>img{object-position:58% center}.merch-feature:after{background:linear-gradient(0deg,rgba(43,24,16,.82),rgba(43,24,16,.05) 75%)}.merch-feature-copy{position:absolute;left:0;right:0;bottom:0;width:auto;padding:70px 22px 24px}.merch-feature-copy h3{font-size:29px}.merch-feature-copy p{font-size:14px}.merch-grid{grid-template-columns:1fr}.merch-card,.merch-card.wide{grid-column:auto}.merch-image{aspect-ratio:16/9}}
/* Friendly Khmer typography */
html[lang="km"] body{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif;line-height:1.55}
html[lang="km"] button,
html[lang="km"] input,
html[lang="km"] textarea,
html[lang="km"] select{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif}
html[lang="km"] .hero h1{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif;font-size:clamp(38px,4.35vw,66px);font-weight:800;line-height:1.42;letter-spacing:-.025em;transform:none;margin:10px 0 16px;text-wrap:balance}
html[lang="km"] .hero-copy>p{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif;font-size:21px;font-weight:600;line-height:1.5}
html[lang="km"] .hero-copy{padding-top:86px}
html[lang="km"] nav{gap:12px}
html[lang="km"] nav a{font-size:13px;padding-left:9px;padding-right:9px}
html[lang="km"] .lang-switch button[data-lang="km"]{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif;font-weight:700}
html[lang="km"] .section-heading h2,
html[lang="km"] .merch-feature-copy h3,
html[lang="km"] .find h2{font-family:"Kantumruy Pro","Khmer UI","Noto Sans Khmer",sans-serif;font-weight:800;line-height:1.45}
html[lang="km"] .primary,
html[lang="km"] .pill,
html[lang="km"] .order,
html[lang="km"] .upload-trigger{font-weight:700;line-height:1.45}
@media(max-width:650px){html[lang="km"] .hero h1{font-size:36px;line-height:1.5;letter-spacing:-.02em}html[lang="km"] .hero-copy{padding-top:45px}html[lang="km"] .hero-copy>p{font-size:18px}}
.hero:after{height:76px;bottom:-40px;border-radius:50% 50% 0 0/42% 42% 0 0}.flavor-section{padding-top:26px}.flavor-section .section-heading{margin-bottom:20px}.flavor-section .tiny-cloud{display:inline-block;font-size:32px;line-height:1;margin-bottom:4px}@media(max-width:650px){.hero:after{height:48px;bottom:-25px}.flavor-section{padding-top:18px}}
/* Physical reward photos and character stamps */
.passport-stamp-grid{gap:8px}.passport-stamp-grid i{position:relative;overflow:hidden;border:1px dashed #c89a78;background:#fff8ef;padding:0}.passport-stamp-grid i img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;object-position:center 35%;border-radius:50%;opacity:.18;filter:grayscale(.65);mix-blend-mode:multiply}.passport-stamp-grid i b{position:relative;z-index:2;width:19px;height:19px;border-radius:50%;background:#fffbeeee;display:grid;place-items:center;font-size:8px;color:#967663}.passport-stamp-grid i.earned{border:2px solid #e87982;background:#fff;box-shadow:0 4px 10px #8a523026}.passport-stamp-grid i.earned img{opacity:1;filter:none}.passport-stamp-grid i.earned b{position:absolute;right:1px;bottom:1px;background:#e56f79;color:#fff}.reward-stage{grid-template-columns:42px 74px minmax(0,1fr);padding:9px}.reward-photo{width:70px;height:62px;border-radius:12px;overflow:hidden;background:#edf7ff;border:1px solid #eadbce;display:block}.reward-photo img{width:100%;height:100%;object-fit:cover;display:block}.reward-stage.reached .reward-photo{border-color:#ef9ba1}.reward-stage.grand .reward-photo{border-color:#d6ad7e}.reward-stage>i{display:none}@media(max-width:650px){.reward-stage{grid-template-columns:42px 82px minmax(0,1fr)}.reward-photo{width:78px;height:66px}.passport-stamp-grid{gap:6px}}
/* Marshmallow-style ultimate reward */
.ultimate-reward{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:112px 1fr;gap:18px;min-height:142px;margin-top:18px;padding:18px 20px;background:linear-gradient(135deg,#cdecff 0%,#fff8f1 46%,#ffdce7 100%);color:#633723;border:5px solid rgba(255,255,255,.9);border-radius:34px;box-shadow:0 14px 32px rgba(92,63,44,.12),inset 0 -8px 18px rgba(240,163,185,.13),inset 0 7px 14px rgba(255,255,255,.9)}
.ultimate-reward:before{content:"";position:absolute;z-index:-1;width:210px;height:88px;right:-25px;top:-30px;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:-130px 105px 0 10px rgba(255,255,255,.36),-245px -4px 0 -9px rgba(255,255,255,.5)}
.ultimate-reward:after{content:"☁";position:absolute;right:16px;top:5px;color:rgba(255,255,255,.78);font-size:58px;line-height:1;filter:drop-shadow(0 5px 6px rgba(109,151,173,.12));z-index:-1}
.ultimate-reward .gift-icon{width:108px;height:108px;padding:5px;border-radius:31px;background:linear-gradient(145deg,#fff,#fff7fb);border:3px solid #fff;box-shadow:0 9px 18px rgba(94,65,47,.13),inset 0 0 0 1px #efdde2;overflow:hidden}
.ultimate-reward .gift-icon img{width:100%;height:100%;object-fit:cover;border-radius:24px;display:block}
.ultimate-reward small{display:inline-block;color:#b15c78;font-weight:900;letter-spacing:.04em;background:#fff8;padding:4px 9px;border-radius:999px}
.ultimate-reward h3{font-size:19px;margin:7px 0 4px;color:#663725;text-shadow:0 1px 0 #fff}
.ultimate-reward p{color:#8d6c5c;font-size:12px;line-height:1.55;margin:0}
.ultimate-reward .set-progress{display:flex;gap:8px;margin-top:12px}
.ultimate-reward .set-progress i{width:24px;height:16px;border-radius:50% 50% 48% 52%;background:linear-gradient(180deg,#fff,#f3e8e2);border:2px solid #fff;box-shadow:0 3px 7px rgba(106,69,48,.13)}
.ultimate-reward .set-progress i:nth-child(1){background:linear-gradient(#91d6ff,#68b7ec)}
.ultimate-reward .set-progress i:nth-child(2){background:linear-gradient(#ffb9c9,#ed869f)}
.ultimate-reward .set-progress i:nth-child(3){background:linear-gradient(#d5ae8b,#a97550)}
.ultimate-reward .set-progress i:nth-child(4){background:linear-gradient(#fff4d8,#efd3a0)}
.ultimate-reward .set-progress i:nth-child(5){background:linear-gradient(#c8e9ad,#8dc56b)}
.reward-guide{margin-top:14px;border:4px solid #fff;border-radius:24px;background:linear-gradient(110deg,#fff9f5,#edf9ff);box-shadow:0 8px 20px rgba(88,61,44,.08),inset 0 0 0 1px #eddcd2;overflow:hidden}
.reward-guide summary{position:relative;padding:15px 18px 15px 46px;color:#865039;font-size:12px;font-weight:900;list-style:none}
.reward-guide summary::-webkit-details-marker{display:none}
.reward-guide summary:before{content:"☁";position:absolute;left:15px;top:8px;font-size:25px;color:#6ab9e3;filter:drop-shadow(0 3px 4px #8ab8ca33)}
.reward-guide summary:after{content:"⌄";position:absolute;right:18px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ca7188;box-shadow:0 3px 8px #9b6a5b1a;transition:.25s}
.reward-guide[open] summary:after{transform:rotate(180deg)}
.reward-guide img{border-top:4px solid #fff}
@media(max-width:650px){.ultimate-reward{grid-template-columns:84px 1fr;padding:14px;border-radius:28px;gap:13px}.ultimate-reward .gift-icon{width:82px;height:82px;border-radius:24px}.ultimate-reward .gift-icon img{border-radius:18px}.ultimate-reward h3{font-size:16px}.ultimate-reward:after{font-size:42px}.reward-guide summary{padding-right:48px}}
/* Refined store and contact card */
.find{gap:70px}.find-copy{padding-left:18px}.store-card{grid-template-columns:42% 58%;padding:10px;border:1px solid #e9ded6;border-radius:32px;background:linear-gradient(145deg,#fff,#fffaf5);box-shadow:0 20px 48px rgba(76,47,31,.13);overflow:hidden}.store-brand-panel{position:relative;min-height:320px;border-radius:24px;overflow:hidden;background:linear-gradient(155deg,#a8ddfa,#e9f8ff 65%,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.store-brand-panel:after{content:"";position:absolute;width:220px;height:90px;left:-35px;bottom:-38px;border-radius:50%;background:#fff9;box-shadow:150px 14px 0 4px #fff8}.store-brand-panel>img{width:180px;height:165px;object-fit:cover;object-position:center 42%;border-radius:24px;position:relative;z-index:2;box-shadow:0 12px 25px rgba(56,115,145,.12)}.store-brand-panel>small{position:relative;z-index:2;margin-top:14px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#337da2}.store-status{position:absolute;top:16px;left:16px;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:#fffddd;box-shadow:0 5px 12px #3f6e8120;font-size:10px;color:#47723c}.store-status i{width:8px;height:8px;border-radius:50%;background:#68b755;box-shadow:0 0 0 4px #8ccd7930}.store-details{padding:26px 25px}.store-kicker{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#4394bd}.store-details h3{font-size:25px;margin:7px 0 20px}.store-line{display:flex;align-items:center;gap:12px;margin:12px 0}.store-line>i{width:36px;height:36px;border-radius:13px;background:#e5f5ff;color:#2589ba;display:grid;place-items:center;font-style:normal;font-size:19px}.store-line span small,.store-line span b{display:block}.store-line span small{color:#998174;font-size:10px}.store-line span b{font-size:13px;margin-top:2px}.contact-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px;padding-top:15px;border-top:1px dashed #e4d6cd}.contact-head b{font-size:13px}.contact-head small{font-size:10px;color:#a18c7f}.contact-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.contact-channels button{border:1px solid #dcecf4;background:#f2faff;color:#218bc0;border-radius:13px;min-height:48px;font-size:18px;font-weight:900;cursor:pointer;transition:.2s}.contact-channels button:hover{background:#dff4ff;transform:translateY(-2px)}.contact-channels span{display:block;font-size:8px;color:#688897;font-weight:700;margin-top:2px}.music-toggle{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:8px;border:3px solid #fff;background:linear-gradient(135deg,#83cff5,#ffd5e1);color:#57301f;border-radius:999px;padding:10px 14px;box-shadow:0 10px 28px rgba(66,42,27,.18);cursor:pointer}.music-toggle b{font-size:12px}.music-toggle small{font-size:9px;font-weight:900;background:#fff9;border-radius:99px;padding:3px 6px}.music-bars{display:flex;align-items:end;gap:2px;height:16px}.music-bars i{display:block;width:3px;border-radius:3px;background:#267fa8;animation:musicBounce .8s ease-in-out infinite alternate}.music-bars i:nth-child(1){height:8px}.music-bars i:nth-child(2){height:15px;animation-delay:.2s}.music-bars i:nth-child(3){height:11px;animation-delay:.4s}.music-toggle.off{filter:grayscale(.6);background:#eee}.music-toggle.off .music-bars i{animation-play-state:paused;height:3px}.music-toggle.video-paused{opacity:.7}@keyframes musicBounce{to{height:4px}}@media(max-width:900px){.find{gap:30px}.store-card{grid-template-columns:1fr}.store-brand-panel{min-height:230px}.store-details{padding:20px}}@media(max-width:650px){.find-copy{padding-left:0}.store-card{border-radius:24px}.store-brand-panel{min-height:210px}.store-brand-panel>img{width:155px;height:140px}.contact-channels{grid-template-columns:repeat(2,1fr)}.music-toggle{right:12px;bottom:12px}.music-toggle b{display:none}}
/* Background music manager */
.music-settings-btn{position:fixed;right:174px;bottom:25px;z-index:71;width:42px;height:42px;border:3px solid #fff;border-radius:50%;background:#fff7ed;color:#874e34;font-size:18px;box-shadow:0 9px 24px rgba(66,42,27,.16);cursor:pointer;transition:.25s}.music-settings-btn:hover{transform:rotate(35deg) scale(1.06);background:#fff}.music-modal-card{width:min(540px,100%);background:linear-gradient(180deg,#f7fcff,#fffaf7);border:5px solid #fff;box-shadow:0 30px 80px #25130d66,inset 0 0 0 1px #dcecf3}.music-modal-heading{display:flex;gap:13px;align-items:center}.music-modal-heading>span{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#a7def9,#ffd7e3);display:grid;place-items:center;font-size:24px;color:#5d3828}.music-modal-heading h2{font-size:23px}.music-modal-heading p{margin:3px 0 0;color:#8c786c;font-size:12px}.current-track{display:grid;grid-template-columns:64px 1fr 42px;gap:13px;align-items:center;padding:13px;margin-top:22px;border-radius:20px;background:#fff;box-shadow:0 8px 22px #58372213}.album-cloud{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#bceaff,#fff0f5);display:grid;place-items:center;font-size:35px}.current-track small,.current-track b,.current-track span{display:block}.current-track small{font-size:9px;color:#998176}.current-track b{font-size:15px;margin:2px 0}.current-track span{font-size:10px;color:#6290a6}.current-track>button{width:40px;height:40px;border:0;border-radius:50%;background:#73442e;color:#fff;cursor:pointer}.music-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-size:11px;font-weight:900;color:#9c8274}.music-divider:before,.music-divider:after{content:"";height:1px;background:#e8ddd6;flex:1}.music-upload-zone{min-height:105px;padding:18px;border:2px dashed #8ecce9;border-radius:19px;background:#eef9ff;display:flex;align-items:center;gap:15px;cursor:pointer}.music-upload-zone>span{width:46px;height:46px;border-radius:16px;background:#fff;display:grid;place-items:center;color:#268fc1;font-size:26px;box-shadow:0 5px 13px #4e8ca51a}.music-upload-zone b,.music-upload-zone small{display:block}.music-upload-zone b{color:#39758e}.music-upload-zone small{font-size:10px;color:#8799a0;margin-top:4px}.music-file-ready{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#fff3f6;margin-top:10px}.music-file-ready>span{width:40px;height:40px;border-radius:13px;background:#ffd7e2;display:grid;place-items:center}.music-file-ready b,.music-file-ready small{display:block;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-file-ready small{font-size:10px;color:#967e72}.music-file-ready button{border:0;border-radius:99px;padding:7px 10px;background:#fff;color:#a4576b}.music-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.outline-action{border:1px solid #d9c8bd;background:#fff;color:#704530;border-radius:999px;font-weight:900}.music-modal-actions .primary:disabled{opacity:.45;cursor:not-allowed}.music-privacy{text-align:center;font-size:10px;color:#a18d82;margin:10px 0 0}@media(max-width:650px){.music-settings-btn{right:112px;bottom:15px;width:38px;height:38px}.music-modal-actions{grid-template-columns:1fr}.music-modal-actions button{min-height:43px}.music-file-ready b{max-width:170px}}