@font-face{font-display:swap;font-family:DuaArabic;font-style:normal;font-weight:400;src:url(../fonts/Amiri-Regular.ttf) format("truetype")}:root{--gold:#ddb66d;--gold-light:#f3d68e;--ink:#25180f;--cream:#f7eed7;--green:#102319}*{box-sizing:border-box}#__nuxt,body,html{background:#140904;color:#f8e7c2;font-family:Tahoma,Noto Sans Thai,system-ui,sans-serif;margin:0;min-height:100%;min-width:320px}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.home-page,.reader-page{min-height:100dvh;overflow:hidden;position:relative;width:100%}.home-page{background:#211006;height:100dvh;isolation:isolate;min-height:620px}.home-background{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:-1;-webkit-user-drag:none}.home-actions{display:flex;justify-content:space-between;left:clamp(16px,3.2vw,30px);pointer-events:none;position:absolute;right:clamp(16px,3.2vw,30px);top:max(18px,env(safe-area-inset-top));z-index:5}.action-group{display:flex;gap:clamp(8px,1.7vw,14px)}.round-button{aspect-ratio:1;background:#160e09d9;border:1.5px solid #d8a85d;border-radius:50%;box-shadow:0 5px 18px #0009,inset 0 0 0 1px #6e4725;color:#f5d28b;cursor:pointer;display:grid;font-size:clamp(25px,4.8vw,40px);line-height:1;place-content:center;pointer-events:auto;width:clamp(44px,8.4vw,72px)}.book-label:focus-visible,.digital-book:focus-visible,.nav-item:focus-visible,.round-button:focus-visible{outline:3px solid #f7cf77;outline-offset:3px}.menu-button{gap:5px}.menu-button span{background:#f5d28b;border-radius:2px;display:block;height:2px;width:clamp(19px,3.8vw,30px)}.home-title{color:#f2d397;left:14%;position:absolute;right:14%;text-align:center;text-shadow:0 3px 9px #000;top:clamp(58px,8.2vh,105px);z-index:3}.home-title h1{color:#f3cf83;font-family:DuaArabic,serif;font-size:clamp(54px,10vw,96px);line-height:.9;margin:0}.home-title h2{font-size:clamp(24px,4.6vw,42px);line-height:1.15;margin:7px 0 1px}.home-title p{color:#dfcfaa;font-size:clamp(13px,2.6vw,23px);margin:4px 0;white-space:nowrap}.title-ornament{align-items:center;color:#dbad5e;display:flex;gap:12px;justify-content:center;margin-top:10px}.title-ornament span{background:linear-gradient(90deg,transparent,#dcb269);height:1px;width:min(19vw,145px)}.title-ornament span:last-child{transform:scaleX(-1)}.title-ornament b{font-size:clamp(15px,2.8vw,26px);font-weight:400}.book-area{inset:0;pointer-events:none;position:absolute}.digital-book{aspect-ratio:379/568;border-radius:5px 9px 9px 5px;filter:drop-shadow(12px 18px 16px #000a);left:50%;pointer-events:auto;position:absolute;top:30.5%;transform:translate(-50%);transition:transform .32s ease,filter .32s ease;width:clamp(140px,max(31.5vw,18vh),300px);z-index:4}.digital-book:hover{filter:drop-shadow(15px 22px 19px #000c) brightness(1.04);transform:translate(-50%) translateY(-8px) rotateY(-3deg)}.digital-book-cover{background:url(../images/book-source.jpg) no-repeat 50.45% 44.84%/248% auto;border-radius:inherit;box-shadow:inset 0 0 0 1px #e4c78988,inset 7px 0 9px #06352666;inset:0;position:absolute}.book-label{align-items:center;background:#211007b8;border-bottom:1px solid #d2a963;border-top:1px solid #d2a963;color:#f2d7a4;display:grid;gap:6px;grid-template-columns:30px 1fr 22px;left:50%;min-height:54px;padding:8px 10px;pointer-events:auto;position:absolute;text-decoration:none;top:61.5%;transform:translate(-50%);width:min(74%,520px);z-index:4}.book-label b{font-size:clamp(14px,2.5vw,22px);font-weight:400;text-align:center;white-space:nowrap}.book-label i,.book-label span{color:#e2b667;font-size:clamp(20px,3.4vw,30px);font-style:normal}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17100ceb;border:1px solid #c39550;border-radius:clamp(28px,5vw,48px);bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 12px 30px #000b,inset 0 1px #efc47722;display:flex;height:clamp(76px,9.2vh,102px);justify-content:space-around;left:50%;padding:0 5px;position:fixed;transform:translate(-50%);width:min(calc(100% - 24px),900px);z-index:10}.nav-item{align-items:center;background:none;border:0;color:#c7b79c;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:3px;justify-content:center;min-width:0;text-decoration:none}.nav-item span{font-size:clamp(22px,3.8vw,34px);line-height:1}.nav-item b{font-size:clamp(12px,1.9vw,17px);font-weight:400;white-space:nowrap}.nav-item.active{color:#f1c66f}.nav-item.active:after{background:#f1c66f;border-radius:2px;content:"";height:2px;width:28px}.toast{background:#f1dfb5;border-radius:22px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 112px);box-shadow:0 8px 25px #0008;color:#2b1a0f;left:50%;max-width:calc(100% - 32px);padding:10px 18px;position:fixed;transform:translate(-50%);white-space:nowrap;z-index:30}.toast-enter-active,.toast-leave-active{transition:.25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,15px)}.reader-page{background:radial-gradient(circle at 50% 0,#244b36,#0d1b14 52%);overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.reader-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102219ed;box-shadow:0 2px 15px #0007;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:82px;padding:max(10px,env(safe-area-inset-top)) clamp(12px,3vw,22px) 9px;position:sticky;top:0;z-index:20}.reader-header>div{display:flex;flex-direction:column;min-width:0;text-align:center}.reader-header strong{font-size:clamp(13px,2.7vw,18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header small{color:#baa985;font-size:12px}.plain-button{background:none;border:0;color:#f0ce84;cursor:pointer;font-size:38px}.bookmark{font-size:29px}.reader-stage{display:flex;justify-content:center;padding:clamp(14px,3vw,28px);perspective:1800px}.paper{backface-visibility:hidden;background:radial-gradient(circle at 50% 15%,#fffaf0,var(--cream) 70%);border:1px solid #c29a53;box-shadow:0 13px 35px #0008;color:#2f241b;min-height:min(72dvh,760px);overflow:hidden;padding:13px;position:relative;transform-style:preserve-3d;width:min(100%,650px)}.paper:after,.paper:before{border:1px solid #d0ad69;content:"";inset:7px;pointer-events:none;position:absolute}.paper:after{border-color:#8f6a31;inset:11px}.paper-inner{border:1px solid #c29a53;min-height:inherit;padding:clamp(38px,6vw,58px) clamp(17px,5vw,42px) 30px;position:relative;text-align:center;z-index:1}.corner{color:#9b752e;font-size:25px;position:absolute;z-index:2}.tl{left:15px}.tl,.tr{top:13px}.tr{right:15px}.bl{left:15px}.bl,.br{bottom:13px}.br{right:15px}.arabic-content{font-family:DuaArabic,serif;font-variant-ligatures:common-ligatures;line-height:2;overflow-wrap:anywhere;text-align:center}.arabic-content p{margin:0 0 18px;white-space:pre-line}.secondary-text{color:#5f4b2c;font-size:.55em;line-height:1.7;margin-top:34px;white-space:pre-line}.secondary-text,.verification{font-family:Tahoma,system-ui,sans-serif}.verification{background:#fff7df;border:1px solid #b68c45;border-radius:10px;color:#785620;font-size:.44em;line-height:1.6;margin:28px auto 0;padding:12px}.paper-page-number{color:#39675e;display:grid;flex-shrink:0;height:52px;margin:30px auto 0;place-items:center;position:relative;width:40px}.page-number-frame{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.page-number-value{font-family:Tahoma,system-ui,sans-serif;font-size:16px;font-style:normal;font-variant-numeric:lining-nums tabular-nums;font-weight:400;line-height:1;position:relative;text-align:center}.page-controls,.reader-tools{align-items:center;display:flex;margin:0 auto;width:min(calc(100% - 28px),650px)}.reader-tools{background:#17110de6;border:1px solid #a98245;border-radius:16px;gap:10px;padding:9px 13px}.reader-tools input{accent-color:#d8b46b;flex:1;min-width:0}.page-controls button,.reader-tools button{background:#d8b46b;border:0;border-radius:10px;color:#26170d;cursor:pointer;font-weight:600;min-height:44px;padding:10px 16px;touch-action:manipulation}.page-controls{justify-content:space-between;padding:14px 0 5px}.page-controls button:disabled{cursor:not-allowed;opacity:.35}@media(max-width:480px){.home-title{left:10%;right:10%}.home-title p{font-size:12px}.digital-book{width:clamp(140px,max(39vw,18vh),190px)}.book-label{grid-template-columns:22px 1fr 18px;width:82%}.reader-stage{padding:12px 8px}.paper{padding:9px}.paper-inner{padding-inline:14px}.page-controls,.reader-tools{width:calc(100% - 16px)}}@media(max-height:740px){.home-title{top:52px}.home-title p,.title-ornament{display:none}.digital-book{top:28%;width:min(205px,max(28vw,17vh))}.book-label{min-height:46px;top:59%}.bottom-nav{height:68px}.toast{bottom:92px}}@media(orientation:landscape)and (max-height:600px){.home-background{-o-object-position:center 36%;object-position:center 36%}.home-title{left:20%;right:20%;top:18px}.home-title h1{font-size:45px}.home-title h2{font-size:20px}.home-actions{top:12px}.round-button{width:42px}.digital-book{top:18%;width:min(150px,20vh)}.book-label{top:58%;width:min(48%,440px)}.bottom-nav{flex-direction:column;height:calc(100% - 24px);inset:50% 12px auto auto;transform:translateY(-50%);width:78px}.nav-item b{font-size:11px}.reader-header{position:relative}.reader-stage{padding-top:12px}}@media(min-width:768px){.home-page{box-shadow:0 0 70px #000;margin:auto;width:min(100%,940px)}.digital-book{width:min(300px,max(29vw,18vh))}.paper{min-height:720px}.arabic-content{line-height:2.08}}@media(min-width:1200px){body{background:radial-gradient(circle at 50% 20%,#4b2a17,#100704 72%)}.home-page{border-inline:1px solid #704522}.reader-page{padding-inline:max(20px,calc(50vw - 450px))}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.reader-book-viewport{flex-shrink:0;height:max(clamp(420px,calc(100svh - 215px),860px),var(--reader-book-height,0px));position:relative;width:min(100%,650px)}.reader-book,.reader-book-mount{height:100%;width:100%}.reader-book-mount{opacity:0;transition:opacity .2s ease}.reader-book-viewport.is-ready .reader-book-mount{opacity:1}.reader-book{box-shadow:0 16px 35px #0006;cursor:grab}.reader-book:active{cursor:grabbing}.reader-book .stf__wrapper{height:100%;overflow:hidden;position:relative}.reader-book .stf__item{backface-visibility:visible;box-shadow:none;min-height:0}.reader-book .paper-inner,.reader-book-measure .paper-inner{display:flex;flex-direction:column;height:100%;min-height:0;padding-bottom:16px;padding-top:clamp(30px,5vw,44px)}.reader-book .arabic-content,.reader-book-measure .arabic-content{cursor:auto;flex:1 0 auto;overflow:visible;padding:8px 3px 12px;touch-action:pan-y}.reader-book .paper-page-number,.reader-book-measure .paper-page-number{margin-top:14px}.reader-drag-hint{color:#d3c4a6;font-size:12px;line-height:1.7;margin:0 auto;max-width:650px;padding:0 16px;text-align:center}.reader-loading{color:#f3d68e;display:grid;inset:0;margin:0;place-content:center;position:absolute}.reader-book .is-mirrored-turn .paper-inner,.reader-book .stf__block.is-mirrored-turn{transform:scaleX(-1)}.reader-book-measure{left:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%}.reader-book-measure .paper{min-height:0;width:100%}.reader-book-measure .paper-inner{height:auto}