/* Hekayatna visual refresh */
body{background:#110a12;background-image:radial-gradient(ellipse at 80% -30%,#391b2d66,transparent 55%)}.wrap{max-width:1280px}.nav{min-height:84px}.brand{font-size:34px}.links a{transition:color .2s}.hero{min-height:530px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#160c17 4%,#1c0c19d9 47%,#160a15c0 100%),radial-gradient(circle at 20% 65%,#b777444f,transparent 43%),linear-gradient(130deg,#592b3a,#130913);}.hero:after{content:"✦";position:absolute;inset:auto 8% 10% auto;color:#b98963;opacity:.12;font-size:270px;pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero h1{font-family:Georgia,Tahoma,serif;font-size:clamp(38px,5vw,69px);letter-spacing:-1.5px;line-height:1.35}.hero p{max-width:690px}.hero .pill{background:#3c1b28aa}.section{padding:54px 0}.section h2{border-right:3px solid #dda974;padding-right:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{position:relative;overflow:hidden;box-shadow:0 10px 30px #0002;transition:transform .22s,border-color .22s}.card:hover{transform:translateY(-4px)}.card h3{font-size:21px}.card p{font-size:14px}.pill{background:#3a1c2b}.story-card{padding:0}.story-card .story-art{height:175px;display:flex;align-items:center;justify-content:center;font-size:74px;background:radial-gradient(circle at 75% 15%,#ad755655,transparent 55%),linear-gradient(140deg,#4e273c,#1c1325);border-bottom:1px solid #68434b}.story-card .story-info{padding:20px}.story-card .pill{margin-bottom:12px}.story-card h3{margin:7px 0}.section-intro{color:#cbb5b5;margin-top:-12px;margin-bottom:24px}.category-card:before{content:"";position:absolute;right:0;top:0;width:6px;height:100%;background:#c28e6a}.category-card h3{font-size:23px}.reading-progress{background:#3c2330;height:7px;border-radius:20px;margin:15px 0}.reading-progress span{display:block;background:#e4af7c;height:100%;border-radius:20px}.paper{box-shadow:0 12px 35px #0003}.page-title{font-family:Georgia,Tahoma,serif;font-size:38px}footer{background:#1a0c16}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:440px}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{min-height:400px}.nav{justify-content:center}.brand{width:100%;text-align:center}.links{justify-content:center}.hero h1{font-size:35px}}
/* V3: artwork and mobile clarity */
.brand-icon{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;border:1px solid #c89a66;border-radius:10px;font-size:24px;vertical-align:middle}.hero{isolation:isolate;background:linear-gradient(90deg,#140a14 0%,#1c0d1ae8 50%,#2b1223ba 100%),radial-gradient(ellipse at 15% 45%,#b8795680,transparent 55%),linear-gradient(145deg,#221221,#100b15)}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 250px 250px at 14% 55%,#9c63473a,transparent),repeating-linear-gradient(90deg,transparent 0 110px,#ad7a5410 111px 113px,transparent 114px 230px);mask-image:linear-gradient(to right,#000,transparent 65%)}.hero:after{content:"✧";font-size:260px;color:#b58b65;opacity:.13;right:8%;bottom:6%;inset:auto 8% 6% auto}.story-art{position:relative;overflow:hidden}.story-art::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 65% 45%,#cf94763d,transparent 36%),linear-gradient(145deg,#5a2738,#100c1d);transform:rotate(-9deg)}.story-art::after{content:"";position:absolute;inset:0;border:1px solid #ffffff13;background:linear-gradient(180deg,transparent 55%,#110c18aa)}.art-romance::before{background:radial-gradient(circle at 60% 40%,#da9c75a8,transparent 32%),linear-gradient(145deg,#792e4e,#22111c)}.art-confessions::before{background:radial-gradient(ellipse at 45% 30%,#bca38e88,transparent 35%),linear-gradient(135deg,#493143,#140f1a)}.art-horror-mystery::before{background:radial-gradient(circle at 75% 30%,#e8dfb68a,transparent 19%),linear-gradient(140deg,#29334a,#0c0f1b)}.art-social::before{background:linear-gradient(140deg,#9a685a,#4d3348 55%,#171020)}.art-novels::before{background:radial-gradient(circle at 45% 20%,#e2bb7970,transparent 35%),linear-gradient(125deg,#5a3232,#161020)}.cover-mark{position:relative;z-index:1;font:italic 88px Georgia,serif;color:#ffe3b788;text-shadow:0 8px 20px #120a15}.cover-label{position:absolute;bottom:13px;right:15px;z-index:2;font-size:11px;letter-spacing:.5px;color:#ecd5bf}.category-symbol{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b58e6a;color:#eec493;border-radius:50%;width:37px;height:37px;font-size:13px;margin-left:8px}.category-card{min-height:136px}.category-card h3{font-size:20px}.category-card p{margin-top:13px}.story-card .story-art{height:205px}.story-card .story-info{min-height:185px}.hero .wrap{max-width:1250px}.hero h1{font-size:clamp(40px,4.7vw,66px)}@media(max-width:600px){header{position:relative}.nav{justify-content:space-between;gap:12px}.brand{width:auto;text-align:right;font-size:27px}.brand-icon{width:31px;height:31px;font-size:19px}.links{width:100%;order:3;justify-content:center;gap:16px}.nav>.btn{font-size:12px;padding:8px 11px}.hero{min-height:360px;padding:52px 0}.hero h1{font-size:33px;letter-spacing:0}.hero p{font-size:15px}.section{padding:35px 0}.section h2{font-size:24px}.story-card .story-art{height:170px}.story-card .story-info{min-height:unset}.category-card{min-height:103px}.category-card h3{font-size:19px}}
/* v4: richer hero, browse cards, reader */
.hero{background:linear-gradient(90deg,#120a14 0%,#1c0d1aeb 48%,#26111bc9 100%),radial-gradient(ellipse at 19% 45%,#ad76578a,transparent 48%),#1c101a}.hero:before{background:radial-gradient(circle at 16% 47%,#d1a17545 0 7%,transparent 25%),linear-gradient(130deg,transparent 14%,#c38e5917 14.3%,transparent 14.8%),linear-gradient(15deg,transparent 32%,#a676541d 32.3%,transparent 33%),repeating-linear-gradient(90deg,transparent 0 108px,#c1955e12 109px 112px,transparent 113px 205px);opacity:.95;mask-image:linear-gradient(to right,#000 0%,#0008 45%,transparent 75%)}.hero .wrap:after{content:"";position:absolute;left:7%;top:15%;height:270px;width:220px;border-radius:120px 120px 12px 12px;border:2px solid #d4ad7840;background:radial-gradient(ellipse at 50% 70%,#f2ab7040,transparent 60%),linear-gradient(180deg,#4d2d3777,#160d19aa);box-shadow:0 0 55px #b9854740,inset 0 0 32px #c3986045;z-index:-1}.reader-toolbar{max-width:900px;display:flex;justify-content:space-between;align-items:center;background:#2a1823;border:1px solid #68424b;border-radius:13px 13px 0 0;padding:9px 17px;color:#e8c79f}.reader-control{border:1px solid #926a57;background:transparent;color:#ffe2b8;font-size:20px;padding:1px 12px;border-radius:7px;margin:0 3px}.reader-paper{max-width:900px;border-radius:0 0 13px 13px}.reader-paper p{font-size:19px;line-height:2.55;text-align:right}.story-card .story-info{display:flex;flex-direction:column;align-items:flex-start}.story-card .story-info small{margin-top:auto}.story-card .story-info h3{line-height:1.45}.story-card .story-info p{line-height:1.85}@media(max-width:750px){.hero .wrap:after{width:110px;height:170px;left:-4%;top:23%;opacity:.4}.reader-paper p{line-height:2.3}.reader-toolbar{max-width:100%}}
.story-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.story-card:hover .story-cover{transform:scale(1.035);transition:transform .3s}