/* Mobile-first learning app preview. Visual references inform layout and color only. */
:root{--app-green:#00b837;--app-green-dark:#087843;--app-blue:#21528f;--app-navy:#40586e;--app-ink:#243448;--app-soft:#f5f8fa;--app-line:#e4eaf0;--app-red:#e35f60;--app-gold:#ffbd57;--brand:#00b837;--brand-d:#087843;--ink:#243448;--bg:#f5f8fa;--line:#e4eaf0;--muted:#637386}
html{scroll-behavior:smooth}body{background:var(--app-soft);color:var(--app-ink)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffbf4f;outline-offset:3px}.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}
.sidebar{background:#fff}.sidebar .brand{color:var(--app-ink)}.sidebar #navigation a.active{background:#e9f8ef;color:var(--app-green-dark)}.sidebar-note{background:linear-gradient(145deg,#e8fbef,#eaf3ff)}.sidebar-bottom{color:var(--app-navy)}.workspace{background:var(--app-soft);min-height:100vh}.topbar{background:#fff;box-shadow:0 2px 14px #263e5910;border-color:var(--app-line);position:sticky;top:0;z-index:15}.topbar .cart-trigger{color:var(--app-blue)}.topbar .cart-trigger b{background:var(--app-red);color:#fff}.preview-note{background:#fff7e8;border-bottom:1px solid #f0e2c7;color:#735523}.preview-note>span{background:#ffdf9a;border-radius:50px;padding:2px 8px}.app-menu-button,.app-logo,.app-drawer-close,.app-bottom-nav,.app-scrim{display:none}
#main{max-width:1380px;margin:0 auto}.page-heading h1{color:var(--app-ink)}.btn.mint,.app-primary{background:var(--app-green)!important;color:#fff!important;border-color:var(--app-green)!important}.btn.mint:hover,.app-primary:hover{background:var(--app-green-dark)!important}.filter-tabs button.selected{background:var(--app-green-dark);color:#fff}.site-footer{background:#182333}.site-footer a:hover{color:#9eebbb}
.app-home{display:grid;gap:20px}.app-search-wrap{position:relative;background:#fff;border:2px solid #0a7e58;border-radius:16px;height:54px;display:flex;align-items:center;margin-bottom:1px}.app-search-wrap label{padding:0 14px;color:var(--app-green-dark);display:flex}.app-search-wrap svg{width:24px;height:24px}.app-search-wrap input{border:0;outline:0;box-shadow:none;width:100%;height:100%;background:transparent;font:inherit;color:var(--app-ink)}.app-search-wrap input::placeholder{color:#94a0aa}.app-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:12;background:#fff;border:1px solid var(--app-line);border-radius:14px;box-shadow:0 18px 35px #18345425;overflow:hidden}.app-search-results[hidden]{display:none}.app-search-results a{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--app-line);color:var(--app-ink)}.app-search-results a:hover{background:#f2fbf5}.app-search-results svg{width:18px;height:18px;color:var(--app-green-dark)}.app-search-results p{padding:15px;color:var(--muted)}
.app-hero{min-height:325px;border-radius:24px;overflow:hidden;position:relative;background:#183149;color:#fff;box-shadow:0 12px 28px #112f4424}.app-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.app-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102c49f2 0%,#18436cc7 35%,#18436c08 80%)}.app-hero-copy{position:relative;z-index:1;max-width:56%;padding:39px}.app-hero-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#a9f5c2}.app-hero h1{font-size:clamp(30px,4vw,57px);line-height:1.14;margin:12px 0;color:#fff}.app-hero h1 em{font-style:normal;color:#bbf6cb}.app-hero p{line-height:1.6;margin:0 0 22px;color:#f0f8ff}.app-primary{display:inline-flex;align-items:center;gap:10px;padding:11px 19px;border-radius:50px;font-weight:800}.app-primary svg{width:17px;height:17px}.app-hero-note{display:block;font-size:11px;margin-top:11px;color:#daeaf2}
.app-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;background:#fff;border-radius:20px;padding:18px 10px;box-shadow:0 5px 18px #213c5510}.app-shortcut{text-align:center;display:grid;justify-items:center;align-content:start;gap:9px;color:var(--app-ink);font-size:12px;font-weight:700;line-height:1.35}.app-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#e6f8ed;color:#0a9851;box-shadow:inset 0 -4px #0000000a,0 4px 11px #20374c12}.app-icon svg{width:29px;height:29px}.app-icon.blue{background:#e6efff;color:#2465b4}.app-icon.peach{background:#fff0e5;color:#df814b}.app-icon.yellow{background:#fff4cd;color:#d78a00}.app-icon.lilac{background:#f0e9ff;color:#8159bd}.app-icon.pink{background:#ffeaf0;color:#d85b82}.app-icon.sky{background:#e4f5ff;color:#257fba}.app-icon.lime{background:#eff9d8;color:#72a51e}.app-shortcut:hover .app-icon{transform:translateY(-3px);transition:transform .18s}.app-highlight{display:flex;align-items:center;gap:15px;background:#e8f8ed;border:1px solid #c9edcf;border-radius:18px;padding:14px 18px}.app-highlight-icon{color:var(--app-green-dark);background:#fff;border-radius:13px;width:44px;height:44px;display:grid;place-items:center;flex:none}.app-highlight-icon svg{width:25px}.app-highlight>div:nth-child(2){display:grid;gap:3px;flex:1}.app-highlight b{color:#12623e}.app-highlight span{font-size:12px;color:#466a5a}.app-highlight a{font-size:33px;color:#176b42}
.app-section-bar{background:var(--app-blue);color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;min-height:48px}.app-section-bar h2{font-size:18px;line-height:1.25;margin:0;color:#fff}.app-section-bar a{color:#fff;white-space:nowrap;font-size:13px}.app-section-bar a span{font-size:23px;vertical-align:-2px;margin-left:2px}.app-section-note{font-size:12px;color:var(--muted);margin:-13px 4px -8px}
.app-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.app-feature{min-height:175px;border-radius:19px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;color:#fff;isolation:isolate}.app-feature:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-55px;bottom:-100px;background:#ffffff1b;z-index:-1}.app-feature.blue{background:linear-gradient(125deg,#245a9f,#3783ca)}.app-feature.green{background:linear-gradient(125deg,#007f64,#1fc58a)}.app-feature>span:first-child{font-size:12px;font-weight:700;opacity:.85}.app-feature strong{font-size:23px;line-height:1.3;margin:11px 0}.app-feature small{font-size:12px;opacity:.94}.app-feature-emoji{position:absolute;right:24px;bottom:18px;font-size:64px;font-weight:900;color:#ffffff5b;transform:rotate(-12deg)}
.app-book-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.app-book{min-width:0;background:#fff;border:1px solid var(--app-line);border-radius:15px;overflow:hidden;box-shadow:0 3px 11px #23344812}.app-book-art{height:145px;background:linear-gradient(145deg,#f3f8ff,#eaf4ef);display:grid;place-items:center;padding:14px}.app-book-art .book-cover{height:115px;width:78px;min-width:0;padding:8px;box-shadow:5px 7px 10px #1d35503b;transform:rotate(-6deg);border-radius:4px}.app-book-art .book-cover small{font-size:5px}.app-book-art .book-cover strong{font-size:14px;line-height:1.05}.app-book-art .book-cover>span{font-size:4px}.app-book-copy{padding:12px;min-height:133px;display:flex;flex-direction:column}.app-book-copy>span{font-size:10px;color:var(--app-green-dark);font-weight:800}.app-book-copy h3{font-size:13px;line-height:1.35;margin:4px 0 3px}.app-book-copy p{font-size:10px;color:var(--muted);line-height:1.35;margin:0 0 11px}.app-book-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:auto}.app-book-bottom strong{color:#b34634;font-size:14px}.app-book-bottom button{width:26px;height:26px;border-radius:8px;background:var(--app-green);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center}
.app-news-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.app-news-list a{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:13px;color:var(--app-ink)}.app-news-date{width:49px;height:52px;background:#e9f6ed;color:#0d7d43;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;flex:none}.app-news-date b{font-size:20px}.app-news-list a>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.app-news-list small{color:#118457;font-size:10px}.app-news-list strong{font-size:13px;line-height:1.3}.app-news-list em{font-size:11px;font-style:normal;color:var(--muted)}.app-news-list a>span:last-child{font-size:25px;color:var(--muted)}.app-affiliate-strip{display:flex;align-items:center;gap:14px;padding:15px;background:#fff6de;border:1px solid #f4dfaa;border-radius:16px;color:#493b20}.app-affiliate-strip>span:nth-child(2){display:grid;gap:3px;flex:1}.app-affiliate-strip b{font-size:14px}.app-affiliate-strip small{font-size:11px}.app-affiliate-strip>span:last-child{font-size:26px}
.shop-banner{background:linear-gradient(110deg,#184975,#286c9e)}.shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-cover-wrap{background:linear-gradient(145deg,#eaf6ef,#e8f2ff)}.shop-product{box-shadow:0 5px 16px #23344812}.shop-product-buy>strong,.cart-grand strong{color:#bd4e38}.cart-page-qty button{border-radius:50%;border:1px solid var(--app-line);background:#fff}.empty-cart{background:#fff;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-cart>div{background:#f0f4f7;border-radius:100px;width:86px;height:86px;display:grid;place-items:center}.empty-cart>div svg{color:#a7b5be}
@media(max-width:1250px){.app-shortcuts{grid-template-columns:repeat(4,1fr);row-gap:16px}.app-book-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{background:#fff}.workspace{margin-left:0!important;background:#fff}.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(82vw,350px)!important;height:100dvh!important;padding:62px 20px 18px!important;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;z-index:45!important;box-shadow:14px 0 30px #14263b24}.app-drawer-open .sidebar{transform:translateX(0)}.app-scrim{display:block;position:fixed;inset:0;background:#15283b85;border:0;width:100%;height:100%;z-index:44;opacity:0;pointer-events:none;transition:opacity .2s}.app-drawer-open .app-scrim{opacity:1;pointer-events:auto}.sidebar .brand{display:block!important}.sidebar #navigation{display:grid!important;gap:2px}.sidebar .nav-caption{display:block!important}.sidebar .sidebar-note{display:block!important}.app-drawer-close{display:grid;place-items:center;position:absolute;right:14px;top:13px;width:38px;height:38px;border-radius:11px;background:#e9f8ef;color:var(--app-green-dark)}.app-drawer-close svg{width:23px}.topbar{height:70px!important;padding:0 16px!important;justify-content:space-between!important}.topbar .breadcrumb{display:none}.topbar .account-trigger{display:none}.topbar .desktop-label{display:none}.app-menu-button{display:grid;place-items:center;background:none;color:var(--app-green-dark);width:42px;height:42px}.app-menu-button svg{width:27px;height:27px}.app-logo{display:flex;position:absolute;left:50%;transform:translateX(-50%);gap:5px;align-items:center;color:#1d466d;white-space:nowrap}.app-logo-mark{font-size:29px;font-weight:900;line-height:1;position:relative;color:#176aa0}.app-logo-mark span{position:absolute;font-size:10px;color:#ef884f;right:-7px;top:-2px}.app-logo>span:last-child{display:flex;flex-direction:column;line-height:1}.app-logo strong{font-size:15px;letter-spacing:-.03em}.app-logo small{font-size:10px;margin-top:3px;color:#0d8b4c;font-weight:700}.top-actions{margin-left:auto}.cart-trigger{padding:8px}.cart-trigger svg{width:25px;height:25px}.preview-note{font-size:10px;text-align:center}.site-footer{padding-bottom:96px!important}#main{padding-bottom:88px!important}.app-bottom-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #dce5e9;box-shadow:0 -5px 17px #122b4212;padding:7px max(4px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-right))}.app-bottom-nav a,.app-bottom-nav button{color:#425261;background:none;display:grid;justify-items:center;align-content:center;gap:3px;font-size:10px;min-height:48px;position:relative}.app-bottom-nav svg{height:23px;width:23px}.app-bottom-nav .active{color:var(--app-green-dark);font-weight:800}.app-bottom-nav i{position:absolute;top:-3px;left:54%;font-style:normal;background:#e33f3e;color:#fff;border-radius:50%;font-size:10px;min-width:17px;height:17px;display:grid;place-items:center}.app-bottom-nav i[hidden]{display:none}}
@media(max-width:600px){#main{padding:17px 14px 100px!important}.app-home{gap:15px}.app-search-wrap{height:47px;margin-bottom:1px}.app-hero{min-height:265px;border-radius:18px}.app-hero img{object-position:62% center}.app-hero:after{background:linear-gradient(90deg,#102c49f5 0%,#183f60cf 49%,#183f6033 100%)}.app-hero-copy{max-width:79%;padding:23px 19px}.app-hero-kicker{font-size:8px;letter-spacing:.09em}.app-hero h1{font-size:31px;margin:10px 0 8px}.app-hero p{font-size:12px;margin-bottom:15px}.app-primary{padding:9px 15px;font-size:12px}.app-hero-note{font-size:9px}.app-shortcuts{grid-template-columns:repeat(4,1fr);gap:15px 4px;border-radius:15px;padding:17px 6px}.app-icon{width:49px;height:49px;border-radius:15px}.app-icon svg{width:25px;height:25px}.app-shortcut{font-size:11px;gap:6px}.app-highlight{padding:11px;gap:10px}.app-highlight-icon{width:36px;height:36px}.app-highlight b{font-size:12px}.app-highlight span{font-size:10px}.app-section-bar{padding:8px 14px;min-height:40px}.app-section-bar h2{font-size:14px}.app-section-bar a{font-size:11px}.app-feature-grid{gap:9px}.app-feature{min-height:156px;padding:15px;border-radius:14px}.app-feature strong{font-size:16px;margin:9px 0}.app-feature small{font-size:10px}.app-feature-emoji{font-size:43px;right:9px;bottom:9px}.app-book-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding:1px 1px 11px;margin-right:-14px}.app-book{flex:0 0 39%;scroll-snap-align:start}.app-book-art{height:130px}.app-book-copy{min-height:125px}.app-news-list{grid-template-columns:1fr}.app-affiliate-strip .app-icon{width:42px;height:42px;flex:none}.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.shop-cover-wrap{height:155px}.shop-cover-wrap .book-cover{height:126px;width:87px;padding:9px}.shop-cover-wrap .book-cover small{font-size:5px}.shop-cover-wrap .book-cover strong{font-size:14px}.shop-cover-wrap .book-cover>span{font-size:4px}.shop-product-body{padding:11px}.shop-product-body h2{font-size:13px;line-height:1.3}.shop-product-body p{font-size:10px;min-height:50px}.shop-product-buy{display:grid;gap:6px;margin-top:10px}.shop-product-buy>strong{font-size:15px}.shop-product-buy .btn{font-size:10px;padding:8px 5px}.shop-product-buy .btn svg{width:13px}.shop-banner{padding:18px}.shop-banner h2{font-size:21px}.cart-page-row{grid-template-columns:51px 1fr auto;gap:9px}.cart-page-info h2{font-size:13px}.cart-page-row>strong{font-size:13px}.empty-cart{min-height:60vh}.site-footer{gap:16px!important}.site-footer section{font-size:12px}}
.app-bottom-nav a span{display:block!important}
/* Reference palette: Cerise #DE3163 and Champagne #F7E7CE. */
:root{--champagne:#F7E7CE;--rose-white:#FFF9F3;--light-pink:#FAD4DC;--muted-rose:#C96F85;--wine-red:#8B2E4A;--cerise:#DE3163;--cerise-dark:#B62553;--palette-ink:#402931;--palette-line:#E7C7CB;--app-green:#B62553;--app-green-dark:#8B2E4A;--app-blue:#8B2E4A;--app-navy:#693347;--app-ink:#402931;--app-soft:#FFF9F3;--app-line:#E7C7CB;--app-red:#DE3163;--app-gold:#F7E7CE;--bg:#FFF9F3;--card:#FFF9F3;--ink:#402931;--muted:#70545D;--line:#E7C7CB;--brand:#B62553;--brand-d:#8B2E4A;--brand-l:#FAD4DC;--accent:#C96F85;--accent-l:#FCE6EB;--gold:#FAD4DC;--gold-l:#FFF0F1;--red:#B62553}
body,.workspace{background:var(--champagne);color:var(--palette-ink)}
.sidebar,.topbar,.app-bottom-nav{background:var(--rose-white)}
.sidebar #navigation a.active,.app-bottom-nav .active{background:var(--light-pink);color:var(--wine-red)}
.sidebar-note{background:linear-gradient(145deg,var(--light-pink),var(--champagne))}
.brand-name em,.app-logo small,.app-logo-mark,.topbar .cart-trigger,.app-menu-button{color:var(--cerise-dark)}
.app-logo-mark span{color:var(--cerise)}
.topbar{box-shadow:0 2px 14px #8B2E4A1c}
.preview-note{background:#FFF1E6;border-color:var(--palette-line);color:var(--wine-red)}.preview-note>span{background:var(--light-pink)}
.app-search-wrap{background:var(--rose-white);border-color:var(--muted-rose)}
.app-search-wrap label,.app-search-results svg{color:var(--cerise-dark)}
.app-search-results{background:var(--rose-white);box-shadow:0 18px 35px #8B2E4A27}.app-search-results a:hover{background:#FFE8EC}
.app-hero{background:var(--wine-red);box-shadow:0 12px 28px #8B2E4A2b}
.app-hero:after{background:linear-gradient(90deg,#602139F5 0%,#8B2E4ACC 43%,#DE316340 100%)}
.app-hero-kicker,.app-hero h1 em{color:var(--light-pink)}.app-hero p{color:var(--rose-white)}.app-hero-note{color:#FFE5EA}
.btn.mint,.app-primary{background:var(--cerise-dark)!important;border-color:var(--cerise-dark)!important;color:#fff!important}
.btn.mint:hover,.app-primary:hover{background:var(--wine-red)!important}
.app-shortcuts,.app-book,.app-news-list a,.empty-cart{background:var(--rose-white)}
.app-icon{background:var(--light-pink);color:var(--wine-red);box-shadow:inset 0 -4px #8B2E4A12,0 4px 11px #8B2E4A16}
.app-icon.blue{background:#F7C5D0;color:#9C3158}.app-icon.peach{background:#FFE7E9;color:#B53A62}.app-icon.yellow{background:#FBE3DA;color:#9B4261}.app-icon.lilac{background:#F2D8E2;color:#853A64}.app-icon.pink{background:#F8C8D5;color:#A62E59}.app-icon.sky{background:#F9DBDC;color:#944D65}.app-icon.lime{background:#F7E7CE;color:#8B2E4A}
.app-highlight{background:#FAD4DC;border-color:#EDAFBE}.app-highlight-icon{color:var(--cerise-dark);background:var(--rose-white)}.app-highlight b,.app-highlight a{color:var(--wine-red)}.app-highlight span{color:#704252}
.app-section-bar{background:var(--wine-red)}
.app-feature.blue{background:linear-gradient(125deg,var(--cerise),var(--wine-red))}.app-feature.green{background:linear-gradient(125deg,var(--muted-rose),var(--wine-red))}
.app-book-art,.shop-cover-wrap{background:linear-gradient(145deg,var(--light-pink),var(--champagne))}
.app-book-bottom strong,.shop-product-buy>strong,.cart-grand strong{color:var(--wine-red)}.app-book-bottom button{background:var(--cerise-dark)}
.app-book-copy>span,.app-news-list small{color:var(--cerise-dark)}.app-news-date{background:var(--light-pink);color:var(--wine-red)}
.app-affiliate-strip{background:#FBE2E5;border-color:#EDB7C4;color:var(--wine-red)}
.shop-banner,.booking-hero{background:linear-gradient(120deg,var(--wine-red),var(--cerise))}.shop-banner .mini-label,.booking-hero .mini-label{color:#FFE3E9}.shop-banner p,.booking-hero p{color:var(--rose-white)}
.shop-product,.panel,.course-card,.teacher-card,.notice-card{background:var(--rose-white);border-color:var(--palette-line)}
.booking-hero li:before{background:var(--light-pink);color:var(--wine-red)}
.teacher-photo.mint,.teacher-photo.blue{background:linear-gradient(135deg,#DE6B91,#8B2E4A)}.teacher-photo.navy,.teacher-photo.purple{background:linear-gradient(135deg,#A64E70,#612442)}.teacher-photo.coral,.teacher-photo.rose{background:linear-gradient(135deg,#ED9DB0,#C96F85)}.teacher-photo.gold,.teacher-photo.orange{background:linear-gradient(135deg,#D9A4AB,#A55E78)}
.site-footer{background:#4B2335}.site-footer .footer-line{background:var(--cerise-dark)}.site-footer a:hover{color:var(--light-pink)}
.app-bottom-nav{border-color:var(--palette-line);box-shadow:0 -5px 17px #8B2E4A1a}.app-bottom-nav .active{color:var(--wine-red)}.app-bottom-nav i,.topbar .cart-trigger b{background:var(--cerise)}
@media(max-width:900px){body,.workspace{background:var(--champagne)}.sidebar{background:var(--rose-white)}.app-drawer-close{background:var(--light-pink);color:var(--wine-red)}.app-logo{color:var(--wine-red)}}
@media(max-width:600px){.app-hero:after{background:linear-gradient(90deg,#602139F6 0%,#8B2E4AD6 52%,#DE316359 100%)}}
/* Balanced photo-led palette: warm white carries content, Champagne frames it, Cerise marks actions. */
body,.workspace{background:var(--rose-white)}
.topbar,.sidebar,.app-bottom-nav{background:#fff}
.app-home{gap:24px}.app-search-wrap{background:#fff;border:1px solid #D9BFC0;box-shadow:0 3px 14px #8B2E4A0b}
.app-hero{display:grid;grid-template-columns:minmax(290px,43%) minmax(0,57%);min-height:350px;background:var(--champagne);border:1px solid #EBDAC9;box-shadow:0 14px 34px #6A4B3B17}
.app-hero:after{display:none}.app-hero img{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:55% center}
.app-hero-copy{grid-column:1;grid-row:1;max-width:none;padding:38px 42px;align-self:center}.app-hero-kicker{color:var(--wine-red)}
.app-hero h1{color:var(--palette-ink);font-size:clamp(31px,3.7vw,53px)}.app-hero h1 em{color:var(--cerise-dark)}.app-hero p{color:#604C49}.app-hero-note{color:#775C58}
.app-shortcuts{background:#fff;box-shadow:0 7px 25px #75544912}.app-icon{background:#FBE4DD;color:#963952}.app-icon.blue{background:#E8EFF1;color:#3E6574}.app-icon.peach{background:#F8E6D5;color:#9B5A37}.app-icon.yellow{background:#F9EAC7;color:#886121}.app-icon.lilac{background:#EEE5ED;color:#79546B}.app-icon.pink{background:#FADDE4;color:#A73961}.app-icon.sky{background:#E2EDED;color:#4A7580}.app-icon.lime{background:#EBEEDB;color:#6B7145}
.app-highlight{background:var(--champagne);border-color:#EBD5B7}.app-highlight-icon{background:#fff}.app-highlight span{color:#65534D}
.app-section-bar{background:transparent;color:var(--palette-ink);border-bottom:2px solid #E7D2CC;border-radius:0;padding:8px 2px 10px}.app-section-bar h2{color:var(--palette-ink);font-size:21px}.app-section-bar a{color:var(--cerise-dark);font-weight:700}
.app-feature{min-height:205px;color:var(--palette-ink);border:1px solid #EADCD2;box-shadow:0 6px 20px #75544915}.app-feature:after,.app-feature-emoji{display:none}
.app-feature.blue{background:linear-gradient(90deg,#FFF9F3 0%,#FFF9F3F2 48%,#FFF9F300 73%),url('assets/books-photo-v1.png') right center/auto 100% no-repeat #FFF9F3}
.app-feature.green{background:linear-gradient(90deg,#FFF9F3 0%,#FFF9F3F2 48%,#FFF9F300 73%),url('assets/tutor-photo-v1.png') right center/auto 100% no-repeat #FFF9F3}
.app-feature>span:first-child{color:var(--cerise-dark);opacity:1}.app-feature strong{max-width:62%;font-size:24px}.app-feature small{color:#684E52;opacity:1}
.app-book,.shop-product,.app-news-list a,.panel,.course-card,.teacher-card,.notice-card{background:#fff;border-color:#EADCD2;box-shadow:0 5px 18px #7554490e}
.app-book-art,.shop-cover-wrap{position:relative;padding:0;overflow:hidden;background:#EFE5D9}.app-book-photo,.shop-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.sample-photo-label{position:absolute;left:8px;bottom:8px;background:#FFF9F3E8;color:#603E45;border:1px solid #E2CEBF;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4}
.app-book-copy>span,.app-news-list small{color:var(--wine-red)}.app-book-bottom button{background:var(--cerise-dark)}.app-news-date{background:var(--champagne)}.app-affiliate-strip{background:var(--champagne);border-color:#E7D2B6}
.shop-banner{min-height:245px;color:var(--palette-ink);background:linear-gradient(90deg,#FFF9F3 0%,#FFF9F3F5 41%,#FFF9F300 75%),url('assets/books-photo-v1.png') right center/cover no-repeat;border:1px solid #EADCD2;box-shadow:0 7px 22px #75544912}
.shop-banner>div{max-width:55%}.shop-banner .mini-label{color:var(--wine-red)}.shop-banner h2{color:var(--palette-ink)}.shop-banner p{color:#685252}.shop-banner .btn{flex:none}
.shop-cover-wrap{height:235px}.cart-mini-photo{width:75px;height:92px;object-fit:cover;border-radius:7px}.shop-product-buy>strong,.cart-grand strong,.app-book-bottom strong{color:var(--wine-red)}
.booking-hero{background:var(--champagne);color:var(--palette-ink);border:1px solid #E8D6BB}.booking-hero-photo{grid-column:1/-1;width:100%;height:215px;object-fit:cover;object-position:center 45%;border-radius:14px}.booking-hero .mini-label{color:var(--wine-red)}.booking-hero h2{color:var(--palette-ink)}.booking-hero p,.booking-hero li span{color:#65534D}.booking-hero li:before{background:#fff;color:var(--cerise-dark)}
.teacher-photo.mint,.teacher-photo.blue{background:linear-gradient(135deg,#D9E4E1,#9CBEBB);color:#3C6770}.teacher-photo.navy,.teacher-photo.purple{background:linear-gradient(135deg,#E8D9DF,#B99FAE);color:#68445E}.teacher-photo.coral,.teacher-photo.rose{background:linear-gradient(135deg,#F9E2D8,#DDB9A6);color:#8B503E}.teacher-photo.gold,.teacher-photo.orange{background:linear-gradient(135deg,#EFE6CE,#C9B681);color:#806332}
.site-footer{background:#362930}.site-footer .footer-line{background:var(--cerise-dark)}
@media(max-width:900px){body,.workspace{background:var(--rose-white)}}
@media(max-width:700px){.app-hero{grid-template-columns:1fr;grid-template-rows:220px auto}.app-hero img{grid-column:1;grid-row:1;height:220px}.app-hero-copy{grid-column:1;grid-row:2;padding:24px}.app-feature strong{max-width:72%}.shop-banner>div{max-width:68%}}
@media(max-width:600px){.app-home{gap:17px}.app-hero{min-height:0;grid-template-rows:195px auto}.app-hero img{height:195px;object-position:center 44%}.app-hero-copy{padding:21px}.app-hero h1{font-size:32px}.app-hero p{font-size:13px}.app-hero-kicker{font-size:9px}.app-hero-note{font-size:10px}.app-feature{min-height:230px;padding:135px 13px 14px;background-size:100% 130px!important;background-position:top center!important}.app-feature.blue{background-image:url('assets/books-photo-v1.png')}.app-feature.green{background-image:url('assets/tutor-photo-v1.png')}.app-feature strong{font-size:16px;max-width:none;margin:6px 0}.app-feature small{font-size:10px}.app-section-bar h2{font-size:16px}.shop-banner{padding:165px 18px 20px;min-height:0;background-image:url('assets/books-photo-v1.png');background-size:100% 150px;background-position:top center;background-color:var(--rose-white)}.shop-banner>div{max-width:none}.shop-banner h2{font-size:22px}.shop-banner .btn{margin-top:16px}.shop-cover-wrap{height:155px}.cart-mini-photo{width:51px;height:76px}.booking-hero{background:var(--champagne)}}
@media(max-width:600px){.shop-banner{background-repeat:no-repeat}}
/* Approved Berry Red + Champagne + Navy palette (22 Sep 2026). */
:root{--berry-red:#C32148;--berry-dark:#9F1937;--champagne:#F7E7CE;--navy:#172A46;--rose-white:#FFFDF9;--light-pink:#F9E3E8;--muted-rose:#D78A9C;--wine-red:#172A46;--cerise:#C32148;--cerise-dark:#C32148;--palette-ink:#172A46;--palette-line:#E8D8C7;--app-green:#C32148;--app-green-dark:#9F1937;--app-blue:#172A46;--app-navy:#172A46;--app-ink:#172A46;--app-soft:#FFFDF9;--app-line:#E8D8C7;--app-red:#C32148;--app-gold:#F7E7CE;--bg:#FFFDF9;--card:#fff;--ink:#172A46;--muted:#667085;--line:#E8D8C7;--brand:#C32148;--brand-d:#9F1937;--brand-l:#F9E3E8;--accent:#D78A9C;--accent-l:#F9E3E8;--gold:#F7E7CE;--gold-l:#FFF7E9;--red:#C32148}
body,.workspace{background:var(--rose-white);color:var(--navy)}
.sidebar,.topbar,.app-bottom-nav{background:#fff;border-color:var(--palette-line)}
.sidebar #navigation a.active,.app-bottom-nav .active{background:var(--light-pink);color:var(--berry-red)}
.sidebar-note{background:linear-gradient(145deg,var(--champagne),#fff);border-color:#E3D2BE}.sidebar-note h3,.sidebar-bottom,.app-logo,.breadcrumb,.account-trigger{color:var(--navy)}
.brand-name em,.app-logo small,.app-logo-mark,.topbar .cart-trigger,.app-menu-button,.sidebar-note a{color:var(--berry-red)}
.topbar{box-shadow:0 4px 18px #172A460d}.app-search-wrap{border-color:#DCC8B4;box-shadow:0 3px 14px #172A460a}.app-search-wrap svg{color:var(--navy)}
.app-hero{background:var(--champagne);border-color:#E3D2BE;box-shadow:0 14px 34px #172A4614}.app-hero-kicker,.app-hero h1,.app-hero p,.app-hero-note{color:var(--navy)}.app-hero h1 em{color:var(--berry-red)}
.btn,.app-hero .btn,.app-book-bottom button,.shop-product button,.dialog-actions .primary{background:var(--berry-red);border-color:var(--berry-red);color:#fff}.btn:hover,.app-hero .btn:hover,.app-book-bottom button:hover,.shop-product button:hover{background:var(--berry-dark)}
.app-shortcuts{background:#fff;box-shadow:0 7px 25px #172A4610}.app-icon{background:var(--light-pink);color:var(--berry-red)}.app-icon.blue,.app-icon.sky{background:#E8EDF4;color:var(--navy)}.app-icon.peach,.app-icon.yellow,.app-icon.lime{background:var(--champagne);color:var(--navy)}.app-icon.lilac{background:#EEF0F5;color:var(--navy)}.app-icon.pink{background:#F5D6DE;color:var(--berry-red)}
.app-highlight{background:var(--champagne);border-color:#E3D2BE}.app-highlight-icon{background:#fff;color:var(--berry-red)}.app-highlight span{color:var(--navy)}
.app-section-bar{border-color:#E3D2BE}.app-section-bar h2,.app-section-bar{color:var(--navy)}.app-section-bar a{color:var(--berry-red)}
.app-feature{color:var(--navy);border-color:var(--palette-line);box-shadow:0 6px 20px #172A4610}.app-feature.blue,.app-feature.green{background-color:#fff}.app-feature>span:first-child{color:var(--berry-red)}.app-feature small{color:#536176}
.app-book,.shop-product,.app-news-list a,.panel,.course-card,.teacher-card,.notice-card{background:#fff;border-color:var(--palette-line);box-shadow:0 5px 18px #172A460d}
.sample-photo-label{background:#FFFFFFEB;color:var(--navy);border-color:#E3D2BE}.app-book-copy>span,.app-news-list small,.shop-banner .mini-label,.booking-hero .mini-label{color:var(--berry-red)}.app-book-bottom strong,.shop-product-buy>strong,.cart-grand strong{color:var(--navy)}.app-news-date,.app-affiliate-strip{background:var(--champagne);border-color:#E3D2BE}
.shop-banner{color:var(--navy);border-color:var(--palette-line);box-shadow:0 7px 22px #172A4610}.shop-banner h2,.shop-banner p{color:var(--navy)}
.booking-hero{background:var(--champagne);color:var(--navy);border-color:#E3D2BE}.booking-hero h2,.booking-hero p,.booking-hero li span{color:var(--navy)}.booking-hero li:before{background:#fff;color:var(--berry-red)}
.teacher-photo.mint,.teacher-photo.blue{background:linear-gradient(135deg,#F9E3E8,#C32148);color:#fff}.teacher-photo.navy,.teacher-photo.purple{background:linear-gradient(135deg,#405777,#172A46);color:#fff}.teacher-photo.coral,.teacher-photo.rose{background:linear-gradient(135deg,#F7E7CE,#D78A9C);color:var(--navy)}.teacher-photo.gold,.teacher-photo.orange{background:linear-gradient(135deg,#FFF7E9,#F7E7CE);color:var(--navy)}
.site-footer{background:var(--navy)}.site-footer .footer-line{background:var(--berry-red)}.site-footer a:hover{color:var(--champagne)}
.app-bottom-nav{box-shadow:0 -5px 17px #172A4614}.app-bottom-nav i,.topbar .cart-trigger b{background:var(--berry-red)}
.app-feature.blue{background-image:linear-gradient(90deg,#FFFFFE 0%,#FFFFFEF2 48%,#FFFFFE00 73%),url('assets/generated-books-study-v1.png')}.app-feature.green{background-image:linear-gradient(90deg,#FFFFFE 0%,#FFFFFEF2 48%,#FFFFFE00 73%),url('assets/generated-tutor-booking-v1.png')}.shop-banner{background-image:linear-gradient(90deg,#FFFFFE 0%,#FFFFFEF5 41%,#FFFFFE00 75%),url('assets/generated-books-study-v1.png')}
@media(max-width:900px){body,.workspace{background:var(--rose-white)}.app-drawer-close{background:var(--light-pink);color:var(--berry-red)}}
@media(max-width:600px){.app-feature.blue{background-image:url('assets/generated-books-study-v1.png')}.app-feature.green{background-image:url('assets/generated-tutor-booking-v1.png')}.shop-banner{background-image:url('assets/generated-books-study-v1.png')}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Mobile app icon grid: large touch targets and short labels. */
@media(max-width:600px){
  .app-shortcuts{grid-template-columns:repeat(4,1fr);gap:18px 4px;padding:19px 6px}
  .app-icon{width:56px;height:56px;border-radius:18px}
  .app-icon svg{width:29px;height:29px}
  .app-shortcut{gap:7px;font-size:11px;line-height:1.25}
}

/* Three clear starting points above the icon menu. */
.app-main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-main-actions>a{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid var(--palette-line);border-radius:18px;background:#fff;box-shadow:0 5px 18px #172A460d;color:var(--navy)}.app-main-actions>a>span:last-child{display:grid;gap:4px}.app-main-actions b{font-size:15px}.app-main-actions small{font-size:11px;line-height:1.3;color:#667085}.app-main-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:16px}.app-main-icon svg{width:27px;height:27px}.app-main-icon.berry{background:var(--light-pink);color:var(--berry-red)}.app-main-icon.navy{background:#E8EDF4;color:var(--navy)}.app-main-icon.champagne{background:var(--champagne);color:var(--navy)}
@media(max-width:600px){.app-main-actions{display:flex;overflow-x:auto;gap:10px;padding:1px 1px 5px;margin-right:-14px;scroll-snap-type:x mandatory}.app-main-actions>a{flex:0 0 78%;min-height:72px;padding:11px;border-radius:15px;scroll-snap-align:start}.app-main-actions b{font-size:14px}.app-main-actions small{font-size:10px}.app-main-icon{width:44px;height:44px;border-radius:14px}}