:root{--bg:#f9edff;--rose:#ed6a9a;--blue:#4c99c4;--gold:#eab947;--mint:#66bca0;--lav:#9e86db;--border:#e6d8ef}
body{background:radial-gradient(circle at 12% 10%,#ffebbf 0%,transparent 27%),radial-gradient(circle at 87% 22%,#dbf8fa 0%,transparent 30%),radial-gradient(circle at 50% 72%,#f8dbf6 0%,transparent 42%),#f6f0ff}
.header{background:#ffffffcc;border-radius:0 0 19px 19px;padding:14px 18px}.hero{background:linear-gradient(120deg,#fffefa,#ffeef7);border:2px solid #f3d5f0}.catalog-section{background:#fffefaeb;border:2px solid #eadbee;border-radius:28px;padding:24px;margin:30px auto;box-shadow:0 12px 32px #865d9d12;position:relative}.section-heading{display:flex;align-items:center;gap:17px;margin-bottom:18px}.section-heading>span{font-size:40px}.section-heading h2{margin:0;color:#985bb0;font-size:clamp(23px,3vw,31px)}.section-heading p{color:#776b7c;margin:4px 0;font-size:15px}.level-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.level-pill{border:2px solid transparent;background:color-mix(in srgb,var(--level-color) 30%,white);border-radius:17px;padding:14px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:126px;color:#56485d}.level-pill span{font-size:24px}.level-pill strong{font-size:16px}.level-pill small{font-size:13px;line-height:1.5}.level-pill.active{border-color:#9c5ac1;box-shadow:0 0 0 3px #d9c6ee,0 7px 16px #9c75ab29;transform:translateY(-3px)}.level-summary{margin:18px auto;padding:16px;background:#fff8ee;border:1px dashed #e7c698;border-radius:18px;display:flex;align-items:flex-start;gap:14px}.level-summary .level-num{border-radius:10px;padding:12px;flex-shrink:0;font-weight:bold}.level-summary strong{color:#814d8d;font-size:23px}.level-summary p{margin:7px 0 13px;line-height:1.8}.topic-tags{display:flex;gap:7px;flex-wrap:wrap}.topic-tags span{background:#fff;border:1px solid #efdfcb;padding:5px 9px;border-radius:99px;font-size:13px}.story-topics-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.story-topics-header h3{margin:4px 0 10px;color:#a45183;font-size:23px}.story-topics-header small{color:#8c7e88}.story-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-topic-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:#fff;border:1px solid #eadde5;border-radius:20px;padding:16px 12px;min-height:188px}.story-topic-card.available{border:2px solid #eab6d4;background:#fff9fb}.story-topic-card img{height:130px;object-fit:contain}.story-sequence{position:absolute;top:7px;right:8px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:bold}.story-symbol{font-size:47px;padding:19px}.story-topic-card strong{font-size:18px;color:#765181}.story-topic-card small{font-size:12px;color:#8b7987}.coming-label{font-size:12px;background:#f8eefa;border-radius:99px;padding:7px 14px;color:#9877a2}.collection-grid,.store-items,.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.collection-card,.shopping-summary,.contact-section .feedback-grid article{border:1px solid #f0dfe5;background:#fff;border-radius:20px;padding:18px}.collection-card h3{color:#9d5da1;margin:8px 0}.collection-card p{line-height:1.85}.collection-symbol{font-size:48px}.small-upload{display:block;margin:12px 0;padding:12px;background:#f4ebfc;border-radius:13px}.small-upload input{display:block;width:100%;font-size:13px;margin-top:7px}.collection-card video{display:block;width:100%;max-height:270px;margin:10px auto;border-radius:12px}.collection-card video[hidden]{display:none}.shop-book{background:#fff;border-radius:20px;border:1px solid #f0dfe5;display:flex;gap:15px;padding:18px;align-items:center}.shop-book img{width:115px;height:160px;object-fit:contain}.shop-book p{font-size:14px}.shop-caution{font-size:13px;color:#77646d;line-height:1.7}.contact-section a{max-width:440px}.feedback-grid{margin-top:16px}.feedback-grid h3{margin:0 0 10px}.feedback-grid textarea{width:100%;resize:vertical;padding:13px;border:2px solid #e5d4e9;border-radius:10px;min-height:90px;background:#fffefd;display:block;margin-bottom:10px}.comment-list p{margin:10px 0;border-radius:12px;padding:9px;background:#f7f0fa}.feedback-grid small,.subtle-label{color:#7d707a;font-size:13px;line-height:1.7}.printed-prep{margin-bottom:17px;background:#fff;border:2px dashed #e4d5eb;border-radius:20px;padding:15px;text-align:center}.printed-prep h2{color:#945f99}.printed-prep p{color:#87738a}.prep-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:auto;align-items:start}.prep-page-grid img{max-height:520px;width:100%;object-fit:contain;box-shadow:0 6px 16px #7c5d7642;border:1px solid #ede1ed;border-radius:7px}.letter-choice-grid{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px auto}.sounding-letter{border:2px solid #d5c4e9;border-radius:13px;padding:9px 12px;background:linear-gradient(135deg,#f8f0ff,#e3f8fc);font-size:23px;font-weight:bold;color:#66547f;min-width:63px;min-height:54px}.sounding-letter:disabled{opacity:.3}.sounding-letter:hover{background:#fbe1f0}.blend-quiz-head{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:12px}.practice-number{color:#996aa6;font-weight:bold}.audio-accuracy-note{display:block;color:#846f79;line-height:1.8;font-size:13px;margin:12px 0}.talent-select-box{background:linear-gradient(110deg,#fef4db,#f4e9fe);padding:15px;border-radius:18px;margin-bottom:15px}.talent-select-box label{font-size:19px;font-weight:bold;color:#8e5d95}.talent-select-box select{width:100%;margin-top:9px}.talent-select-box p{font-size:14px;color:#856e82;margin-bottom:0}.plate-wrap{position:relative}.creative-plate{position:absolute;inset:0;z-index:2;border-radius:50%;width:min(100%,430px);aspect-ratio:1/1;margin:auto;background:radial-gradient(circle at center,#fffefa 0 59%,#e7f4fa 60% 67%,#fff 68%);box-shadow:inset 0 0 18px #6b9aa547,0 10px 21px #96848e26}.creative-food{position:absolute;inset:10%;border-radius:50%}.plate-goal{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:100px;opacity:.10}.plate-ingredient{position:absolute;font-size:clamp(48px,7vw,90px);z-index:3;filter:drop-shadow(1px 3px 2px #84677140)}.plate-entry{animation:pop-food .45s ease-out}.plate-finished{position:absolute;font-size:88px;bottom:5%;left:40%;animation:pop-food .6s}@keyframes pop-food{from{opacity:0;scale:.2}to{opacity:1;scale:1}}.ingredient-emoji{font-size:68px;display:block}.talent-choice{width:auto;min-width:110px;flex:1}.talent-choices{display:flex;flex-wrap:wrap;gap:7px}.floating-decor{position:fixed;z-index:0;pointer-events:none;inset:0;overflow:hidden}.floating-decor span{position:absolute;color:#dbb4e8;opacity:.30;font-size:27px;animation:floatstars 9s infinite ease-in-out}.floating-decor span:nth-child(1){left:4%;top:18%}.floating-decor span:nth-child(2){left:88%;top:26%;animation-delay:1.2s}.floating-decor span:nth-child(3){left:67%;top:65%;animation-delay:3s}.floating-decor span:nth-child(4){left:14%;top:81%;animation-delay:2s}.floating-decor span:nth-child(5){left:92%;top:90%;animation-delay:4s}@keyframes floatstars{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-28px) rotate(35deg)}}.app{position:relative;z-index:1}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:950px){.level-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.story-library{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid,.store-items,.feedback-grid{grid-template-columns:1fr}.prep-page-grid{grid-template-columns:1fr}.prep-page-grid img{max-height:600px}.catalog-section{padding:14px}.level-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.level-summary{flex-direction:column}.story-topic-card{min-height:170px}.ingredient-emoji{font-size:49px}}@media(prefers-reduced-motion:reduce){.floating-decor span,.plate-entry{animation:none}}

.assembled-food{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 4px #92736c24)}

/* EL-BOUCHRA V8 QR-linked subpages */
.integrated-pages{max-width:1100px;margin:28px auto;padding:24px;background:linear-gradient(120deg,#fffefa,#e8f9f4);border:2px solid #d3eae3;border-radius:24px;box-shadow:0 10px 28px #38765d13}
.interactive-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.interactive-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;background:white;border:2px solid #ebdfbf;border-radius:20px;text-align:center;text-decoration:none;color:#29544e;padding:18px 12px;box-shadow:0 5px 10px #3331}
.interactive-tile span{font-size:40px}.interactive-tile strong{font-size:18px}.interactive-tile small{color:#786b57;font-size:13px}
.interactive-tile:hover,.interactive-tile:focus-visible{outline:0;border-color:#4da88b;background:#effff5;transform:translateY(-3px)}
.qr-publisher-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.interactive-tiles{grid-template-columns:1fr}.interactive-tile{min-height:110px}.integrated-pages{padding:15px}}