@import "https://fonts.googleapis.com/css2?family=Protest+Guerrilla&display=swap";
@import "https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Athiti&display=swap";
@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap";
:root{--bg:#0f0101;--card-bg:#121212;--gold:#c2b280;--accent:#8b0000;--text:#e0e0e0}body{background-color:var(--bg);color:var(--text);scroll-behavior:smooth;cursor:url("/library/Cur_sor/cursor 1.3.png"),auto;margin:0;font-family:Inter,sans-serif;line-height:1.6}a:hover,button:hover,.card-link:hover,[role=button]:hover{cursor:url("/library/Cur_sor/cursor 1.4.png"),pointer}.navbar{background-color:var(--bg);border-top:0 solid #222;border-bottom:1px solid #222;justify-content:space-between;padding:20px 8%;display:flex}.navbar a{margin-left:20px;font-family:Mitr,sans-serif;font-size:1rem;text-decoration:none;transition:all .3s;color:#fff!important}.navbar a:hover{color:var(--gold)!important}.logo{text-transform:uppercase;letter-spacing:6px;color:var(--gold);font-family:Protest Guerrilla,sans-serif;font-size:3rem}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#0009),url("/library/Main_Background/Home page bg.png");background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:70vh;padding:40px 0;display:flex;box-shadow:0 -8px 20px #555b5280,0 8px 20px #555b5280}.hero-content h1{color:var(--gold);text-shadow:0 4px 8px #000c;margin-bottom:20px;font-family:Mitr,sans-serif;font-size:3.5rem;font-weight:400;line-height:1.3}.hero-content p{color:#ece2d0;margin-bottom:30px;font-family:IBM Plex Sans Thai,sans-serif;font-size:1rem;font-weight:300;line-height:1.6}.btn-main{letter-spacing:.5px;text-transform:none;margin-top:20px;padding:10px 35px;font-family:Alumni Sans,cursive;font-size:30px;text-decoration:none;display:inline-block;color:#d8e4f2!important}.btn-main:hover{border:2px solid var(--gold);background-color:#0000;transform:translateY(-3px);box-shadow:0 5px 15px #d4af3766;color:var(--gold)!important}.store{min-height:auto;padding:10px .5% 0 1%}.section-title{text-align:center;color:var(--gold);text-shadow:0 0 10px #c2b2804d;border-top:3px double var(--gold);border-bottom:3px double var(--gold);margin:20px auto 30px;padding:6px 10px;font-family:Athiti,sans-serif;font-size:1.4rem;font-weight:600;display:table}.book-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:url("/library/Cur_sor/cursor 1.3.png"),grab;flex-wrap:nowrap;justify-content:flex-start;gap:24px;padding:10px 2% 30px 0;scroll-padding-left:5%;display:flex;overflow-x:auto}.book-slider:active{cursor:url("/library/Cur_sor/cursor 1.4.png"),grabbing}.book-slider::-webkit-scrollbar{cursor:url("/library/Cur_sor/cursor 1.4.png"),grab;height:10px}.book-slider::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.book-slider::-webkit-scrollbar-thumb{background:var(--gold);cursor:url("/library/Cur_sor/cursor 1.4.png"),grab;border-radius:10px}.book-slider .card-link{scroll-snap-align:start;flex:0 0 200px;display:flex}.book-card{background:var(--card-bg);text-align:center;border:1px solid #222;border-radius:8px;flex-direction:column;width:100%;padding:8px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.cover-box{border-radius:4px;flex-shrink:0;width:100%;height:100px;overflow:hidden}.cover-box img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.book-card:hover{border-color:var(--gold);transform:translateY(-5px)}.status{color:#2ecc71;font-family:IBM Plex Sans Thai,sans-serif;font-size:.8rem;font-weight:300}.price{color:var(--gold);font-weight:700}.card-link,.card-link:visited,.card-link:active{display:block;color:#fff!important;text-decoration:none!important}.card-link h3{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-top:8px;margin-bottom:0;font-family:Libre Caslon;font-size:1.1rem;font-weight:400;line-height:1.3;transition:all .3s;display:-webkit-box;overflow:hidden}.card-link:hover h3{color:var(--gold)}.card-link p{text-transform:uppercase;margin-top:20px;margin-bottom:3px;font-family:Oswald,sans-serif;font-size:.95rem;font-weight:300;color:#bbb!important}.card-link .card-footer{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.badge-free-main{color:#2ecc71;background:#2ecc711a;border:1.1px solid #2ecc7147;border-radius:20px;padding:1px 8px;font-size:.9rem;text-decoration:none}.reader-body{background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1464802686167-b939a6910659?auto=format&fit=crop&w=1350&q=80);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;margin:0;padding-top:80px;display:flex}.page-container{justify-content:center;width:100%;display:flex}.reader-wrapper{background:#fffffffa;border-radius:10px;width:65%;max-width:500px;margin-bottom:60px;padding:5px;box-shadow:0 0 50px #000c}.story-title-top{color:#fff;text-align:center;margin-bottom:25px;font-family:Anuphan,sans-serif;font-size:2rem}.back-link-top{color:#fff;z-index:1000;border-radius:5px;margin-bottom:10px;padding:8px 15px;font-family:Mitr,sans-serif;text-decoration:none;display:inline-block;position:fixed;top:25px;left:25px}.pdf-box{aspect-ratio:3/4;background:#333;border:1px solid #ddd;border-radius:10px;width:100%;margin:0 auto;position:relative;overflow:hidden}.pdf-box iframe,.pdf-box embed{border:none;width:100%;height:100%;position:absolute;inset:0}:-webkit-any(#viewer-container:fullscreen,#viewer-container:-webkit-full-screen){aspect-ratio:unset;border-radius:0;width:100vw;height:100vh}:is(#viewer-container:fullscreen,#viewer-container:fullscreen){aspect-ratio:unset;border-radius:0;width:100vw;height:100vh}:-webkit-any(#viewer-container:fullscreen iframe,#viewer-container:-webkit-full-screen iframe){width:100%!important;height:100%!important}:is(#viewer-container:fullscreen iframe,#viewer-container:fullscreen iframe){width:100%!important;height:100%!important}.back-button-fixed{z-index:1000;position:fixed;top:25px}.custom-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff80;border-radius:30px;width:fit-content;margin:30px auto;padding:10px 20px;transition:all .3s;display:block}.custom-btn:hover{color:#000;background:#fff;transform:scale(1.05)}footer{text-align:center;background-color:var(--bg);border-top:1px solid #222;margin-top:20px;padding:10px 0}footer p{opacity:.6;margin:0;font-size:.8rem}
.navbar{background-color:#0f0101;border-top:2px solid #c2b280;box-shadow:0 -10px 20px #c2b280e6}.store-banner{text-align:center;background:#0f0101;border-bottom:3px solid #c2b280;padding:10px 8% 20px;box-shadow:0 -8px 20px #555b5280,inset 0 -10px 8px #555b5280}.store-banner h1{color:var(--gold);letter-spacing:2px;text-align:center;text-shadow:none;margin:0 0 10px;font-family:Mitr,sans-serif;font-size:2.9rem;font-weight:400}.store-banner p{color:#ece2d0;text-align:center;margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:.9rem}.store-controls{padding:28px 8% 16px}.controls-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-wrapper{flex:1;min-width:200px;position:relative}.search-wrapper svg{stroke:#555;pointer-events:none;fill:none;width:17px;height:17px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{box-sizing:border-box;background:var(--card-bg);color:#dfd7ac;border:1px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:12px 16px 12px 44px;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;transition:border-color .2s}.search-input::placeholder{color:#5d6658}.search-input:focus{border-color:var(--gold)}.store-page{background-color:#d1b399}.custom-select{-webkit-user-select:none;user-select:none;min-width:156px;position:relative}.custom-select-trigger{background:var(--card-bg);color:#dfd7ac;cursor:url("/library/Cur_sor/cursor 1.4.png"),pointer;border:1px solid #2a2a2a;border-radius:8px;align-items:center;padding:12px 40px 12px 16px;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;transition:border-color .2s;display:flex;position:relative}.custom-select-trigger:hover,.custom-select.open .custom-select-trigger{border-color:var(--gold)}.custom-select-arrow{pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.custom-select.open .custom-select-arrow{transform:translateY(-50%)rotate(180deg)}.custom-select-options{background:var(--card-bg);z-index:100;border:1px solid #2a2a2a;border-radius:8px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.custom-select.open .custom-select-options{display:block}.custom-select-option{color:#dfd7ac;cursor:url("/library/Cur_sor/cursor 1.4.png"),pointer;padding:10px 16px;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;transition:background .15s,color .15s}.custom-select-option:hover{color:#fff;background:#8e7174}.book-count{color:#19110c;text-align:center;margin-top:14px;font-family:IBM Plex Sans Thai,sans-serif;font-size:1rem}.book-count span{color:#19110c}.store-grid-wrapper{padding:30px 8% 60px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:24px;max-width:1200px;margin:0 auto;display:grid}.store-card-link,.store-card-link:visited,.store-card-link:active{color:var(--text);text-decoration:none;display:block}.store-card{background:var(--card-bg);border:1px solid #222;border-radius:10px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 4px 18px #00000073}.store-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 14px 38px #000000a6}.store-card-link:hover .store-card-title{color:var(--gold)}.store-cover{object-fit:cover;object-position:center top;background:#1a1a1a;flex-shrink:0;width:100%;height:150px;display:block}.store-card-body{padding:12px 12px 10px}.store-card-title{color:#fff;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.52em;margin:0 0 5px;font-family:Libre Caslon;font-size:1.1rem;font-weight:400;line-height:1.35;transition:color .25s;display:-webkit-box;overflow:hidden}.store-card-author{color:#777;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-family:Oswald,sans-serif;font-size:.96rem;font-weight:300;overflow:hidden}.store-card-footer{justify-content:flex-end;display:flex}.badge-free{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7147;border-radius:20px;padding:2px 10px;font-family:IBM Plex Sans Thai,sans-serif;font-size:.72rem;font-weight:500}.badge-paid{color:var(--gold);background:#c2b2801a;border:1px solid #c2b28047;border-radius:20px;padding:2px 10px;font-family:IBM Plex Sans Thai,sans-serif;font-size:.72rem;font-weight:600}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.skeleton-card{background:var(--card-bg);border:1px solid #1e1e1e;border-radius:10px;overflow:hidden}.skeleton-cover{aspect-ratio:2/3;background:linear-gradient(90deg,#1c1c1c 25%,#272727 50%,#1c1c1c 75%) 0 0/200% 100%;width:100%;animation:1.4s infinite shimmer}.skeleton-body{padding:12px}.skeleton-line{background:linear-gradient(90deg,#1c1c1c 25%,#272727 50%,#1c1c1c 75%) 0 0/200% 100%;border-radius:6px;height:11px;margin-bottom:8px;animation:1.4s infinite shimmer}.skeleton-line.short{width:65%}.skeleton-line.shorter{width:40%}.empty-state{text-align:center;color:#555;grid-column:1/-1;padding:80px 20px}.empty-state svg{stroke:#444;fill:none;width:52px;height:52px;margin:0 auto 18px;display:block}.empty-state p{margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem}@media (max-width:600px){.store-banner h1{font-size:2rem}.controls-row{flex-direction:column;align-items:stretch}.custom-select{width:100%}.store-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}
body{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.reader-banner{background:var(--bg);border-bottom:2px solid var(--gold);align-items:flex-start;gap:28px;padding:28px 8%;display:flex;box-shadow:0 -8px 20px #555b5280}.reader-cover{object-fit:cover;object-position:center center;border-radius:6px;align-self:flex-start;width:280px;min-width:250px;display:none;box-shadow:0 6px 24px #000000b3;height:160px!important}.reader-meta{flex:1;padding-left:40px}.reader-title{color:var(--gold);margin:0 0 6px;font-family:Anuphan,sans-serif;font-size:1.75rem;font-weight:500;line-height:1.3}.reader-author{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-family:Oswald,sans-serif;font-size:.95rem;font-weight:300}.reader-desc{color:var(--text);opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:97%;margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:.9rem;line-height:1.75;display:-webkit-box;overflow:hidden}.reader-section{flex:1;padding:50px 8% 20px}#viewer-container{background:var(--card-bg);border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;width:450px;height:85vh;margin:0 auto;display:flex;position:relative;overflow:hidden}#pdf-viewport{background:#111;flex:1;justify-content:center;align-items:flex-start;padding:16px 0;display:flex;overflow:hidden auto;cursor:url("/library/Cur_sor/cursor 1.3.png"),default!important}#pdf-viewport:active{cursor:url("/library/Cur_sor/cursor 1.4.png"),grabbing!important}#pdf-canvas{display:block;cursor:url("/library/Cur_sor/cursor 1.3.png"),default!important}#pdf-canvas:active{cursor:url("/library/Cur_sor/cursor 1.4.png"),grabbing!important}.viewer-placeholder{color:var(--text);text-align:center;opacity:.5;align-self:center;padding-top:40px;font-family:IBM Plex Sans Thai,sans-serif}#pdf-controls{background:var(--card-bg);border-top:1px solid #2a2a2a;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:10px 16px;display:flex}.btn-page{color:var(--gold);border:1.5px solid var(--gold);letter-spacing:.5px;cursor:pointer;background:0 0;border-radius:30px;padding:7px 22px;font-family:Mitr,sans-serif;font-size:.9rem;transition:background .25s,color .25s,box-shadow .25s}.btn-page:hover:not(:disabled){background:var(--gold);color:var(--bg);box-shadow:0 4px 18px #c2b28059}.btn-page:disabled{opacity:.35;cursor:not-allowed}.page-info{color:var(--text);text-align:center;min-width:80px;font-family:Mitr,sans-serif;font-size:.95rem}:-webkit-any(#viewer-container:fullscreen,#viewer-container:-webkit-full-screen){border-radius:0;width:100vw;height:100vh}:is(#viewer-container:fullscreen,#viewer-container:fullscreen){border-radius:0;width:100vw;height:100vh}.btn-fullscreen{width:fit-content;color:var(--gold);border:1.5px solid var(--gold);letter-spacing:.5px;background:0 0;border-radius:30px;margin:20px auto 0;padding:11px 34px;font-family:Mitr,sans-serif;font-size:1rem;transition:background .25s,color .25s,box-shadow .25s;display:block}.btn-fullscreen:hover{background:var(--gold);color:var(--bg);box-shadow:0 4px 18px #c2b28059}#page-input{border:none;border-bottom:1px solid var(--gold);width:50px;color:var(--text);text-align:center;-moz-appearance:textfield;-webkit-appearance:none;background:0 0;outline:none;font-family:Mitr,sans-serif;font-size:.95rem}#page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#page-total{color:var(--text);font-family:Mitr,sans-serif}
.about-hero{background-image:url("/library/Sub_BG/The printing press.jpg");background-position:50% 20%;background-size:cover;align-items:flex-end;min-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 -8px 20px #555b5280}.about-hero:before{content:"";z-index:0;background:linear-gradient(90deg,#0f010114 0%,#0f010173 38%,#0f0101e0 68%,#0f0101 95%);position:absolute;inset:0}.about-hero:after{content:"";z-index:0;background:linear-gradient(#0000 0%,#0f010199 65%,#0f0101 100%);height:55%;position:absolute;bottom:0;left:0;right:0}.about-hero-content{z-index:1;width:85%;max-width:95%;padding:0 8% 90px;position:relative}.about-eyebrow{letter-spacing:6px;color:#1f100580;text-transform:uppercase;margin:0 0 20px;font-family:Oswald,sans-serif;font-size:.7rem}.about-hero-title{color:var(--gold);text-shadow:0 4px 24px #000c;margin:0;font-family:Mitr,sans-serif;font-size:clamp(1.9rem,4.5vw,3.6rem);font-weight:500;line-height:1.45}.about-divider{border:none;border-top:1px solid #1f1f1f;margin:0}.about-section{gap:0;padding:84px 8%;display:flex}.about-label-col{border-right:1px solid #1a2a0a8c;flex-shrink:0;align-items:flex-start;width:64px;padding-top:2px;display:flex}.about-label{writing-mode:vertical-rl;letter-spacing:5px;text-transform:uppercase;color:#c2b28059;-webkit-user-select:none;user-select:none;padding-bottom:6px;font-family:Oswald,sans-serif;font-size:.6rem;transform:rotate(180deg)}.about-body{flex:1;padding-left:52px}.about-two-col{grid-template-columns:1fr 1fr;gap:64px;display:grid}.about-col-heading{letter-spacing:5px;text-transform:uppercase;color:#c2b28080;margin:0 0 22px;font-family:Oswald,sans-serif;font-size:.7rem;font-weight:400}.about-col-text{color:#c8c8c8;margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:.98rem;font-weight:300;line-height:2}.about-process-heading{color:var(--gold);letter-spacing:.5px;margin:0 0 30px;font-family:Mitr,sans-serif;font-size:1.85rem;font-weight:500}.about-process-text{color:#c8c8c8;max-width:680px;margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:.98rem;font-weight:300;line-height:2.1}.about-section-contact{padding-bottom:110px}.contact-row{border-bottom:1px solid #191919;align-items:baseline;gap:0;padding:22px 0;text-decoration:none;transition:background .18s,padding-left .18s;display:flex}.contact-row:first-of-type{border-top:1px solid #191919}.contact-row:hover{background:#1a2a0a2e;padding-left:10px}.contact-platform{letter-spacing:5px;text-transform:uppercase;color:#c2b28073;flex-shrink:0;width:130px;font-family:Oswald,sans-serif;font-size:.65rem}.contact-handle{color:#d4d4d4;flex:1;font-family:Mitr,sans-serif;font-size:1.15rem;font-weight:300;transition:color .18s}.contact-row:hover .contact-handle{color:var(--gold)}.contact-arrow{color:#c2b28000;font-family:Oswald,sans-serif;font-size:.85rem;transition:color .18s,transform .18s;transform:translate(-6px)}.contact-row:hover .contact-arrow{color:#c2b28080;transform:translate(0)}@media (max-width:768px){.about-hero-title{font-size:2rem}.about-hero-content{padding-bottom:60px}.about-section{padding:60px 5%}.about-label-col{width:36px}.about-body{padding-left:28px}.about-two-col{grid-template-columns:1fr;gap:44px}.contact-platform{width:90px}}@media (max-width:480px){.about-hero:before{background:#0f0101a6}.about-hero:after{height:60%}}