:root{--ink:#143830;--deep:#102f29;--paper:#fffdf9;--muted:#707a74;--line:#e2e5dd;--gold:#e9bf75;--accent:#c66a41;--ui:'Noto Naskh Arabic',serif;--urdu:'Noto Naskh Arabic',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.85}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--urdu);font-weight:500}h2{font-size:27px;line-height:2.3}button{border:0;background:none}.container{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.topline{background:var(--deep);color:#d6e0d6;padding:7px 48px;display:flex;justify-content:space-between;font-size:12px}.header{padding:20px 48px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;gap:12px}.brand b{font-family:var(--ui);font-size:32px;letter-spacing:-1.8px;display:block;line-height:1.1}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:11px;margin-top:6px}.brand-mark{font-family:var(--urdu);font-size:28px;display:grid;place-items:center;background:var(--ink);color:var(--gold);width:48px;height:54px;border-radius:14px 3px 14px 3px;padding-bottom:14px}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:14px}.desktop-nav a{padding:10px 0}.desktop-nav .active{color:var(--accent);border-bottom:2px solid var(--accent)}.header-actions{margin-inline-start:auto;display:flex;gap:20px;align-items:center}.icon-button{font-family:var(--ui);font-size:30px;min-width:44px;min-height:44px;line-height:1}.plain{font-size:14px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;padding:12px 24px;border-radius:6px;min-height:48px;font-size:15px}.button:hover{background:#245548}.button.small{font-size:14px;padding:10px 20px}.button.cream{background:#f1d8a4;color:var(--deep)}.button.cream:hover{background:#fbe7be}.intro{display:flex;justify-content:space-between;align-items:center;padding-block:29px 25px}.eyebrow{font-size:12px;color:var(--muted)}h1{font-size:30px;line-height:2.3}.edition{font-size:12px;text-align:left;color:var(--muted)}.edition b{display:block;font-family:var(--ui);font-size:11px;letter-spacing:2px;margin-top:10px}.hero{display:grid;grid-template-columns:1fr 1.07fr;min-height:410px;background:var(--deep);border-radius:12px;overflow:hidden;color:white}.hero-copy{padding:36px 44px}.pill{font-size:12px;color:#f0d098;display:inline-block;border:1px solid #70806b;border-radius:30px;padding:3px 16px}.hero h2{font-size:49px;line-height:2.4;margin-top:6px}.hero-description{color:#d3ddd5;font-size:15px;max-width:430px;line-height:2.1}.hero-author{font-size:13px;color:#d0d8cf;margin:19px 0}.hero-author span{padding:0 10px;color:#839e8a}.hero-buttons{display:flex;gap:14px}.hero-save{width:49px;height:49px;border:1px solid #688074;border-radius:5px;color:white;font-size:25px}.hero-meta{display:flex;gap:22px;font-size:12px;color:#b8cabd;margin-top:24px}.hero-art{position:relative;background:linear-gradient(135deg,#243c4e,#162e33 50%,#936d46);min-height:400px;background-size:cover;background-position:center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,22,23,.6),transparent 60%)}.art-caption{position:absolute;bottom:39px;right:36px;z-index:1;text-shadow:0 2px 15px #142421}.art-caption span{font-family:var(--ui);font-size:10px;letter-spacing:4px;color:#e4c999}.art-caption b{font-family:var(--urdu);font-size:31px;font-weight:400;line-height:2.4;display:block}.art-caption small{font-size:12px;color:#e3d6bc}.art-index{position:absolute;bottom:30px;left:28px;z-index:1;letter-spacing:3px;font:11px var(--ui)}.genre-strip{display:flex;gap:10px;align-items:center;overflow:auto;padding-block:24px;border-bottom:1px solid var(--line);scrollbar-width:thin}.muted{color:var(--muted);font-size:14px}.genre-strip>.muted{white-space:nowrap;margin-inline-end:15px}.genre{padding:8px 18px;border:1px solid var(--line);border-radius:30px;font-size:14px;white-space:nowrap;min-height:44px}.genre.selected{background:var(--ink);color:white;border-color:var(--ink)}.genre:hover{border-color:var(--ink)}.section{padding-block:38px 8px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.accent{color:var(--accent);font-family:var(--ui);font-size:27px}.text-button{font-size:14px;color:var(--ink);border-bottom:1px solid #a5b4a6;padding:7px 0}.story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.story-card{min-width:0}.cover-button{padding:0;width:100%;text-align:inherit;display:block}.cover{height:242px;border-radius:6px;position:relative;padding:17px 15px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;transition:transform .2s;box-shadow:inset -5px 0 0 #0002;background:var(--cover,#224b48)}.cover-button:hover .cover{transform:translateY(-4px)}.cover:before{content:'';position:absolute;inset:9px;border:1px solid #ffffff36;pointer-events:none}.cover small{font-size:9px;letter-spacing:1px;direction:ltr;text-align:center;opacity:.8}.cover h3{font-size:27px;line-height:2.4;text-align:center;padding:10px 0}.cover footer{font-family:var(--urdu);font-size:12px;text-align:center;margin-bottom:10px;background:none;padding:0;color:inherit;border:0}.cover-number{font:52px var(--ui);color:#ffffff21;position:absolute;bottom:33px;left:17px}.cover-tag{position:absolute;top:0;left:0;font-size:10px;background:#ead2a0;color:#203c32;padding:3px 9px;border-radius:0 0 5px 0}.story-card>h3{font-size:18px;line-height:2.5;margin-top:7px}.story-card>p{font-size:12px;color:var(--muted)}.story-meta{font-size:11px;color:#63746a;display:flex;justify-content:space-between;gap:5px;margin-top:8px}.story-meta b{font-family:var(--ui);font-weight:400}.sample-note{font-size:12px;color:var(--muted);margin-top:19px}.mobile-menu,.bottom-nav{display:none}.mobile-links{padding:15px 24px;background:#edf1e9}.mobile-links a{margin-inline-end:20px}.skip{position:fixed;top:-80px;right:16px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 28px));max-height:88dvh;padding:25px 35px}dialog::backdrop{background:#08221dcc;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:8px;z-index:20;font-size:14px;display:none;max-width:90vw}.empty{padding:30px;background:#edf1e9;border-radius:8px;grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #aab8ad;border-radius:6px;padding:12px;background:#fff;color:var(--ink)}label{display:block;margin:15px 0 7px}textarea{min-height:220px;resize:vertical}.reader-text{font-family:var(--urdu);font-size:20px;line-height:2.9;margin:24px 0}.reader-text p{margin-bottom:25px}.reader-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.reader-tools button{border:1px solid var(--line);border-radius:6px;padding:8px 15px}.reader-tools button[aria-pressed=true]{background:var(--ink);color:white}.night{background:#11241f;color:#e7e4d6}.night .muted{color:#b9c8c0}.night .reader-tools button{color:#e7e4d6}dialog h2{font-size:29px}.dialog-note{background:#eef0e6;padding:13px 18px;border-radius:6px;font-size:14px;margin:20px 0}.search-results{display:grid;gap:10px;margin-top:20px}.search-result{display:flex;justify-content:space-between;text-align:right;border-bottom:1px solid var(--line);padding:12px}.search-result small{color:var(--muted)}
@media(min-width:1500px){.header,.topline{padding-inline:calc((100vw - 1280px)/2)}}
@media(max-width:1100px){.header{gap:24px;padding-inline:30px}.desktop-nav{gap:18px}.header-actions{gap:8px}.header-actions .plain{display:none}.container{width:calc(100% - 60px)}.hero-copy{padding:30px}.story-grid{gap:17px}.cover{height:210px}.cover h3{font-size:22px}.hero h2{font-size:42px}.genre{padding:7px 14px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:block}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.cover{height:260px}.cover h3{font-size:28px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:25px}.hero h2{font-size:34px}.hero-description{font-size:14px}.hero-meta{gap:12px;font-size:11px}.art-caption b{font-size:26px}.art-caption{right:25px}.edition{display:none}}
@media(max-width:560px){.topline{padding:6px 20px;font-size:10px}.topline span:last-child{display:none}.header{padding:16px 20px;gap:15px}.brand b{font-size:27px}.brand-mark{width:40px;height:46px;font-size:23px}.brand small{font-size:10px}.header-actions .button{display:none}.container{width:calc(100% - 36px)}.intro{padding-block:20px 18px}h1{font-size:23px}.eyebrow{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:27px 25px}.hero h2{font-size:40px}.hero-description{font-size:15px}.hero-art{min-height:245px;grid-row:1}.art-caption{bottom:22px}.art-caption b{font-size:23px;line-height:2.2}.art-caption small{display:none}.hero-meta{font-size:12px;gap:18px}.genre-strip{padding-block:19px;gap:8px}.genre-strip>.muted{display:none}.section{padding-top:27px}.section-heading{margin-bottom:18px}h2{font-size:22px}.text-button{font-size:12px;white-space:nowrap}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.cover{height:237px}.cover h3{font-size:26px}.story-card>h3{font-size:17px}.bottom-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fffdf9f5;border-top:1px solid var(--line);justify-content:space-around;z-index:10;padding:6px 0 max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;align-items:center;font:22px var(--ui);padding:5px 18px}.bottom-nav span{font:11px var(--ui);margin-top:4px}body{padding-bottom:75px}#toast{bottom:85px}dialog{padding:20px}.reader-text{font-size:18px}.hero-buttons .button{font-size:14px}.header-actions{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-art{background-image:url("lahore.png");background-position:center center}
.originals{margin-block:40px 5px;display:grid;grid-template-columns:1.2fr 1fr;position:relative;background:var(--deep);color:#f8f5e9;border-radius:9px;overflow:hidden;padding:38px 44px}.originals-copy .eyebrow{color:#ddc28b;font-family:var(--ui);letter-spacing:3px;font-size:10px}.originals h2{font-size:29px}.originals-copy p{font-size:14px;color:#c6d5c9;margin:10px 0 25px}.originals-quote{border-right:1px solid #698075;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 20px;text-align:center}.originals-quote>span{font:70px var(--ui);color:#d8b97b;line-height:.6}.originals-quote p{font-family:var(--urdu);font-size:27px;line-height:2.6}.originals-quote small{font-size:11px;color:#aabeb0}.originals-label{position:absolute;left:22px;top:21px;font:10px var(--ui);letter-spacing:2px;color:#9bb4a3}.novel-tabs{display:flex;gap:5px;border:1px solid var(--line);padding:4px;border-radius:7px}.novel-tabs button{padding:7px 20px;font-size:14px;border-radius:5px}.novel-tabs .selected{background:var(--ink);color:white}.novel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.novel-item{display:flex;gap:17px;text-align:right;padding:0;align-items:center}.mini-cover{width:82px;min-width:82px;height:116px;border-radius:3px;color:#f5e9cb;display:grid;place-items:center;font:16px/2.5 var(--urdu);text-align:center;padding:10px;box-shadow:inset -4px 0 0 #0002}.novel-item h3{font-size:17px;line-height:2.7}.novel-item p,.novel-item small{font-size:11px;color:var(--muted)}.novel-item .eyebrow{font-size:10px;color:var(--accent)}.ad-slot{margin-top:38px;border:1px dashed #cdd5c9;min-height:116px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#708071;background:#f3f4ed;border-radius:5px}.ad-slot>span{font-size:10px;letter-spacing:2px}.ad-slot p{font-size:15px}.ad-slot small{font-size:10px}.coming{font-size:12px;border:1px solid #b4c2b2;border-radius:20px;padding:4px 15px;color:#5f7462}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audio-card{display:flex;align-items:center;text-align:right;gap:20px;padding:26px;background:#e9ede4;border-radius:8px}.audio-card.second{background:#efebe5}.audio-icon{display:grid;place-items:center;border:1px solid #8a9c85;width:52px;height:52px;border-radius:50%;font:26px var(--ui);flex-shrink:0}.audio-card h3{font-size:23px;line-height:2.4}.audio-card p{font-size:12px;color:var(--muted)}.wave{margin-inline-start:auto;color:#79917f;letter-spacing:2px;font:24px var(--ui);direction:ltr}.writers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.writer{text-align:center;padding:23px;background:#f7f7f1;border:1px solid var(--line);border-radius:7px}.avatar{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;margin:0 auto 12px;background:var(--avatar);color:#f2dcb2;font:18px/2 var(--urdu);padding-bottom:10px}.writer h3{font-size:19px;line-height:2.5}.writer p{font-size:12px;color:var(--muted)}.writer-link{display:inline-block;margin-top:14px;font-size:12px;border-bottom:1px solid #b9c5b6}.invitation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:43px}.contest,.studio-cta{padding:30px 34px;border-radius:8px}.contest{background:#f2e4c9}.studio-cta{background:#e9eee5}.contest .eyebrow,.studio-cta .eyebrow{font:10px var(--ui);letter-spacing:2px}.contest h2,.studio-cta h2{font-size:26px;margin:8px 0}.contest p,.studio-cta p{font-size:14px;color:#637262}.contest-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:15px}.contest-bottom>span{font-size:11px;color:#7f745d}.studio-cta .button{margin-top:24px}.premium-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 36px;gap:24px}.premium-strip>div{display:flex;gap:20px;align-items:center}.coin{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c5a25a;border-radius:50%;background:#f4e4ba;color:#877032;font:26px var(--ui);flex-shrink:0}.premium-strip h3{font-size:20px;line-height:2.5}.premium-strip p{font-size:13px;color:var(--muted)}.site-footer{background:#eff1e9;padding:40px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-brand b{font-size:33px;letter-spacing:-1px}.footer-grid p{font-size:13px;line-height:2.2;color:var(--muted);margin-top:17px}.footer-grid h4{font-size:14px;font-weight:600;margin:0 0 15px}.footer-grid a:not(.brand),.footer-grid button{display:block;padding:4px 0;font-size:12px;text-align:right;color:#5a705f}.footer-bottom{border-top:1px solid #d5ddcf;margin-top:32px;padding:17px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.plans>div{padding:22px;border:1px solid var(--line);border-radius:8px}.plans h3{font-size:22px;line-height:2.5}.plans p{font-size:14px}.night .dialog-note{background:#233d31;color:#dce5db}
@media(max-width:1100px){.wave{display:none}.novel-grid{grid-template-columns:1fr 1fr;gap:25px}.originals h2{font-size:26px}.originals-quote p{font-size:24px}}
@media(max-width:800px){.originals{padding:30px}.originals-quote{margin:0;padding-right:15px}.originals h2{font-size:23px}.originals-quote p{font-size:21px}.audio-card{padding:20px;gap:12px}.audio-card h3{font-size:19px}.writers-grid{grid-template-columns:1fr 1fr}.invitation-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.premium-strip h3{font-size:17px}}
@media(max-width:560px){.originals{grid-template-columns:1fr;padding:28px 25px;margin-top:30px}.originals-quote{display:none}.originals-label{display:none}.originals h2{font-size:24px}.novel-tabs button{padding:6px 12px;font-size:12px}.novel-grid{gap:22px 14px}.novel-item{gap:10px}.mini-cover{width:59px;min-width:59px;height:99px;font-size:13px}.novel-item h3{font-size:14px}.novel-item p,.novel-item small{font-size:10px}.audio-grid{grid-template-columns:minmax(0,1fr)}.audio-card{padding:23px;min-width:0}.audio-card h3{font-size:23px}.wave{display:none}.writer{padding:20px 12px}.writer h3{font-size:17px}.invitation-grid{margin-block:30px;gap:20px}.contest,.studio-cta{padding:27px 24px}.contest h2,.studio-cta h2{font-size:23px}.premium-strip{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:25px}.premium-strip h3{font-size:18px}.premium-strip p{font-size:12px}.premium-strip>div{gap:13px}.footer-grid{gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:12px;flex-direction:column}.site-footer{padding-top:30px}.plans{grid-template-columns:1fr}.reader-text{overflow-wrap:anywhere}}