:root{--pink:#f70083;--pink2:#ff3c98;--peach:#ffead9;--peach2:#ffcfaa;--ink:#16111a;--text2:#706977;--gold:#e9a900;--line:#f2dacf;--white:#fff;--shadow:0 10px 28px #cc71932a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(155deg,#ffeddf,#fffaf5 56%,#ffdfd2);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a{color:var(--pink);text-decoration:none}img{display:block;max-width:100%}.shell{min-height:100dvh;max-width:1120px;margin:0 auto;background:#fffaf6;box-shadow:0 6px 50px #9d53651c;position:relative;padding-bottom:82px}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px;padding:9px 20px;background:#fff5edee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{width:180px;object-fit:contain;max-height:57px}.topbutton{border:0;background:transparent;color:#1a1520;padding:9px;border-radius:12px;min-width:40px;position:relative}.topbutton:hover{background:#ffdfeb}.topbutton .bubble{position:absolute;right:1px;top:0;border-radius:30px;background:var(--pink);color:#fff;font-size:10px;padding:0 5px}.content{max-width:1080px;margin:auto;padding:18px 18px 110px}.narrow{max-width:600px;margin:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--text2)}.tiny{font-size:12px}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,4vw,35px);line-height:1.16}h2{font-size:22px}h3{font-size:17px}p{line-height:1.58}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;gap:12px}.sectionTitle a{font-weight:800;font-size:13px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1120px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:50;background:#fffdfdf0;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #ad6e8422}.navbtn{background:none;border:0;color:#554b51;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;padding:3px}.navbtn .ni{font-size:20px;line-height:1.2}.navbtn.active{color:var(--pink);font-weight:900}.btn{background:linear-gradient(110deg,var(--pink2),var(--pink));border:0;border-radius:15px;padding:15px 19px;color:white;font-weight:850;box-shadow:0 9px 18px #f7008333;display:inline-flex;justify-content:center;align-items:center;gap:9px;text-align:center}.btn:focus-visible,.chip:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #eaa400;outline-offset:3px}.btn.secondary{background:#ffe5ec;color:#c80069;box-shadow:none}.btn.outline{background:#fff;color:var(--pink);box-shadow:none;border:1px solid var(--pink)}.btn.dark{background:#231b22;box-shadow:none}.btn.full{width:100%}.linkbtn{border:0;background:transparent;color:var(--pink);padding:5px;font-weight:800}.panel,.card{background:#fff;border:1px solid #f4ded6;border-radius:22px;box-shadow:0 5px 16px #c76e6a10}.card{overflow:hidden}.panel{padding:18px}.searchWrap{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e8d8cd;border-radius:15px;box-shadow:0 5px 12px #b36d6030;padding:0 14px;height:49px}.searchWrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#24212a}.searchWrap input:focus-visible{outline:none}.hero{display:grid;grid-template-columns:1.35fr .85fr;min-height:245px;align-items:center;background:linear-gradient(125deg,#ffe2ce,#ffd6bc 55%,#ffbfd0);border-radius:22px;padding:28px;overflow:hidden;margin:15px 0;position:relative}.hero h1{font-size:clamp(24px,4.3vw,41px)}.hero p{margin:10px 0 16px;color:#50313e}.hero::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:#ffefcf88;right:-75px;top:-140px}.heroArt{font-size:86px;text-align:center;filter:drop-shadow(0 13px 9px #b8697777);position:relative;white-space:nowrap}.heroArt span{font-size:47px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.benefit{padding:12px 6px;text-align:center;background:#fff;border-radius:14px;font-size:11px;font-weight:750;border:1px solid #f5e3d9}.benefit i{display:block;font-style:normal;font-size:22px;margin-bottom:4px;color:var(--pink)}.gridCats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:124px;gap:7px;text-align:center;border:1px solid #f5e3d8;border-radius:18px;background:linear-gradient(#fff,#fff7ef);padding:10px;color:var(--ink);font-weight:700;font-size:12px}.cat:hover,.product:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.cat .em{font-size:41px;display:grid;place-items:center;width:70px;height:68px;border-radius:20px;background:#ffebed}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{transition:transform .15s,box-shadow .15s;background:#fff;border-radius:19px;overflow:hidden;border:1px solid var(--line);min-width:0}.productArt{height:150px;display:flex;justify-content:center;align-items:center;background:linear-gradient(150deg,var(--cover),#ffffffbb);position:relative}.productArt .pic{font-size:74px;filter:drop-shadow(0 7px 7px #5d313133)}.bookCover{background:linear-gradient(135deg,var(--cover),#141726);border-radius:5px 12px 12px 5px;min-width:98px;width:105px;height:130px;box-shadow:6px 7px 9px #40202d55,-5px 0 #faf3e64d inset;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:3px;padding:10px;transform:rotate(-4deg);text-align:center;color:#fff}.bookCover small{font-size:9px;letter-spacing:.15em;opacity:.85}.bookCover strong{font-size:12px;line-height:1.15;word-break:break-word}.bookCover b{font-size:26px}.productInfo{padding:11px}.productInfo h3{font-size:14px;min-height:21px;line-height:1.3}.price{color:#ed007a;font-weight:900;font-size:19px}.strike{color:#92888d;text-decoration:line-through;font-size:12px;font-weight:500}.discount{font-size:10px;color:#b70062;background:#ffe0ef;padding:3px 6px;border-radius:8px;font-weight:850}.chips{display:flex;gap:9px;overflow:auto;padding:5px 2px 15px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #efdad1;background:#fff;color:#342b31;padding:7px 12px;border-radius:30px;font-weight:700;font-size:12px}.chip.active{background:var(--pink);border-color:var(--pink);color:#fff}.booklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.line{height:1px;background:var(--line);margin:16px 0}.field{width:100%;border:1px solid #e7b146;border-radius:14px;padding:15px 16px;outline:0;background:white;color:var(--ink)}.field:focus{border-color:var(--pink);box-shadow:0 0 0 3px #f7008311}label.formLabel{font-size:12px;color:#6f5a5e;font-weight:800;display:block;margin:0 0 7px}.formBlock{margin:13px 0}.authBg,.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:38px 17px;background:radial-gradient(ellipse at top left,#ffb6b2 0,transparent 41%),radial-gradient(ellipse at bottom right,#ffb8c4,transparent 42%),linear-gradient(130deg,#ffe8d5,#fff6e7 52%,#ffd9bc)}.authInner{width:min(100%,460px);text-align:center}.authLogo{width:min(89%,360px);height:auto;max-height:155px;object-fit:contain;margin:0 auto 25px}.authTitle{font-weight:850;font-size:20px;margin:0 0 18px}.authFields{display:flex;flex-direction:column;gap:14px}.authFields .field{height:62px;box-shadow:0 9px 22px #c44f6014;font-size:16px}.authFooter{font-size:12px;margin-top:21px;line-height:1.9}.splashLogo{width:min(90%,440px)}.loader{width:42px;height:42px;border-radius:100%;border:4px solid #f7cad0;border-top-color:var(--pink);margin:100px auto 15px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screenHead{display:flex;gap:12px;align-items:center;margin:0 0 20px}.screenHead .back{background:#ffe5ea;border:0;border-radius:12px;padding:9px;color:var(--pink);font-size:18px}.screenHead h1{font-size:25px}.productDetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:25px;align-items:start}.detailArt{height:360px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(150deg,var(--cover),#fff3e5)}.detailArt .bookCover{transform:rotate(-5deg) scale(1.7)}.detailArt .bigEmoji{font-size:145px}.detailInfo h1{margin:12px 0}.detailInfo .price{font-size:31px}.qty{display:inline-flex;border:1px solid var(--line);border-radius:14px;align-items:center;overflow:hidden;background:#fff}.qty button{background:#fff;border:0;color:var(--pink);padding:9px 13px;font-size:20px}.qty span{min-width:25px;text-align:center}.cartRow{display:grid;grid-template-columns:92px 1fr auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cartRow .miniArt{height:94px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,var(--cover),#fff);font-size:49px}.cartRow .miniArt .bookCover{transform:scale(.57);margin:-20px}.summary{background:#fff2e8;border-radius:19px;padding:17px;margin:15px 0}.summary .row{margin:9px 0}.summary .total{font-size:19px;font-weight:900}.radio{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:15px;margin:12px 0;font-weight:800}.radio:has(input:checked){border-color:var(--pink);background:#fff0f7}.radio input{accent-color:var(--pink);width:18px;height:18px}.warning{padding:15px;border-radius:13px;background:#fff0d6;color:#785019;font-size:13px}.success{padding:15px;border-radius:13px;background:#e9f8ed;color:#215832;font-size:13px}.info{padding:15px;border-radius:13px;background:#fce8f0;color:#8b2352;font-size:13px}.profileItem{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:#20151f;text-align:left;font-weight:750}.profileItem .pi{color:var(--pink);font-size:21px;width:31px;display:inline-block}.orderBox{margin:13px 0;padding:16px;border:1px solid var(--line);border-radius:17px;background:white}.status{display:inline-block;font-size:11px;padding:3px 8px;background:#fff0ce;color:#8f5b00;border-radius:30px;font-weight:850}.privacy{background:#fff;padding:26px;border:1px solid var(--line);border-radius:19px;line-height:1.8}.privacy h2{font-size:18px;margin:20px 0 5px}.privacy ul{padding-left:20px}.privacy p{margin:10px 0}.privacy address{font-style:normal}.copy{border:1px solid #f5bcd7;padding:8px 12px;color:var(--pink);background:#fff;border-radius:10px}.empty{text-align:center;padding:40px 15px;background:#fff;border:1px dashed #eac9ca;border-radius:23px}.empty span{display:block;font-size:52px}.foot{max-width:1080px;margin:45px auto 0;padding:22px 19px;color:#64545b;font-size:12px;text-align:center;border-top:1px solid var(--line)}.foot a{margin:0 6px}.pill{color:var(--pink);border:1px solid #ffd3e5;background:#ffeef5;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800}.mark{background:#ffe3f1;color:#e00070;border-radius:6px;padding:1px 6px}.miniBanner{background:linear-gradient(110deg,#ffe1c7,#ffebed);padding:16px;border-radius:18px;margin:17px 0;display:flex;align-items:center;gap:12px}.miniBanner b{color:var(--pink)}.skip{margin-top:10px}.fixedBox{position:sticky;bottom:84px;background:#fffdfaee;padding:14px 0;border-top:1px solid var(--line)}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:100;max-width:90vw;min-width:200px;text-align:center;background:#29202c;color:white;border-radius:15px;padding:13px 18px;display:none;box-shadow:0 6px 20px #0003}#toast.show{display:block}.coverbadge{background:#fff9e8;color:#735928;font-size:12px;font-weight:800;padding:8px 12px;border-radius:99px}.contactLinks a{display:inline-block;margin:6px 8px 0 0}.smallBtn{background:white;color:#d00070;border:1px solid #f6c5d9;padding:8px 12px;border-radius:12px}.oneCol{max-width:650px;margin:auto}.largeEmoji{font-size:62px}.sidebarColumns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}input[type=number]{appearance:textfield}@media(max-width:750px){.hero{grid-template-columns:1.2fr .8fr;padding:18px;min-height:210px}.heroArt{font-size:53px}.heroArt span{font-size:28px}.gridCats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.productGrid,.booklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productArt{height:150px}.content{padding:15px 14px 100px}.top{height:61px;padding:7px 12px}.brand{width:158px}.productDetail,.sidebarColumns{grid-template-columns:1fr}.detailArt{height:280px}.benefits{gap:4px}.benefit{font-size:9px;padding:8px 1px}.benefit i{font-size:19px}.cartRow{grid-template-columns:72px 1fr auto;gap:8px}.cartRow .miniArt{height:77px}.foot{margin-top:20px}.authInner{width:min(100%,425px)}}@media(max-width:390px){.hero h1{font-size:21px}.heroArt{font-size:42px}.gridCats{grid-template-columns:repeat(3,1fr)}.cat{min-height:102px;font-size:11px}.cat .em{font-size:33px;width:54px;height:50px}.productArt{height:132px}.bookCover{transform:scale(.83) rotate(-4deg)}.productInfo h3{font-size:12px}.authFields .field{height:56px}}

/* 2026 update: vivid illustrated book artwork and unified registration screen */
.bookArt { background:radial-gradient(ellipse at 50% 20%,#fff8ef 12%,#fff0e9 80%); padding:13px; overflow:hidden; }
.bookArt .bookImg { width:auto; height:100%; max-width:92%; object-fit:contain; border-radius:8px; box-shadow:5px 8px 13px rgba(43,14,30,.26); transform:rotate(-3deg); }
.product:hover .bookImg { transform:translateY(-3px) rotate(-1deg); transition:transform .2s ease; }
.detailArt.bookArt { padding:30px; background:radial-gradient(circle,#fffaf1,#ffe5db); }
.detailArt.bookArt .bookImg { max-height:325px; max-width:90%; transform:rotate(-3deg); box-shadow:10px 16px 25px rgba(45,20,32,.25); }
.miniArt img.miniBook { display:block; height:90%; width:auto; max-width:90%; object-fit:contain; border-radius:4px; box-shadow:2px 4px 8px #2c172844; }
.authHint { margin:13px auto 0;max-width:410px;font-size:12px;color:#74616b;line-height:1.55; }
.authFooter { margin-top:18px; }
@media(max-width:380px){.bookArt { padding:10px; }.authHint{font-size:11px}}