@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--ink:#202823;--muted:#758078;--paper:#fafbf7;--green:#42754a;--line:#dfe4db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}header{max-width:1320px;margin:auto;height:96px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:2px;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand>span:not(.mark){color:var(--green)}.brand small{font-size:9px;letter-spacing:2px;margin-left:12px;border-left:1px solid #bdc6bc;padding-left:12px}.mark{background:var(--green);color:white;border-radius:8px;font-size:31px;line-height:35px;width:32px;text-align:center;margin-right:8px}nav{display:flex;gap:32px;font-weight:500}.main-link{border:1px solid var(--line);padding:10px 17px;border-radius:6px;font-size:12px}main{max-width:1224px;margin:auto;padding:0 0 55px}.intro{padding:54px 0 38px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 14px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.4;margin:0}em{font-style:normal;color:var(--green)}.muted{color:var(--muted);font-size:14px;margin:14px 0 0}.edition{text-align:right;color:var(--muted);font-size:10px;line-height:2;letter-spacing:1px}.featured{display:grid;grid-template-columns:2.4fr 1fr;gap:26px}.hero{padding:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;display:grid;grid-template-columns:1.08fr 1fr}.hero-art{min-height:365px;background:#e7ed8f;position:relative;overflow:hidden;padding:36px 25px}.art-label{position:absolute;font-size:38px;line-height:1.05;letter-spacing:-2px;font-weight:800;bottom:52px;z-index:1}.art-note{position:absolute;bottom:22px;font-size:8px;letter-spacing:1px}.spark{position:absolute;font-size:260px;line-height:1;color:#42754a;top:-16px;right:-6px;transform:rotate(10deg)}.orbit{position:absolute;border:1px solid #89a35f;border-radius:50%;width:340px;height:340px;right:-140px;top:45px}.two{right:-115px;top:25px}.hero-copy{padding:37px 28px;display:flex;flex-direction:column;justify-content:center}.tag{font-size:10px;color:var(--green);font-weight:600}.hero-copy h2{font-size:25px;line-height:1.65;letter-spacing:-.7px;margin:16px 0 7px}.hero-copy p,aside>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.hero-copy>span:last-child{font-size:12px;margin-top:22px}.hero-copy b{float:right;font-size:22px}aside{border:1px solid var(--line);border-radius:12px;padding:25px;background:#f0f2eb;position:relative}aside h2{font-size:27px;line-height:1.45;margin:0}aside h2 em{display:block}aside a{display:block;font-size:11px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.aside-bottom{border-top:1px solid #d5ddcd;margin-top:22px;padding-top:16px;font-size:11px;color:var(--muted)}.aside-bottom strong{color:var(--ink);font-weight:500}.aside-bottom span{float:right;font-size:35px;color:var(--green)}#explore{margin-top:62px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:28px;margin:0;letter-spacing:-1px}.section-title h2 span{color:var(--green)}.search{border:1px solid var(--line);background:white;border-radius:6px;display:flex;align-items:center;padding:9px 14px;gap:9px}.search span{font-size:23px}.search input{border:0;outline:none;width:240px;background:transparent;font-size:12px}.filters{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:29px;gap:10px}.tabs{display:flex;gap:20px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 4px;color:var(--muted);font-size:12px}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}select{border:0;background:transparent;font-size:11px;color:var(--muted)}.categories{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.categories button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:7px 16px;font-size:11px}.categories button.active{background:var(--ink);color:white;border-color:var(--ink)}.results{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:24px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.card{min-width:0}.cover{height:206px;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;border:0}.cover .shape{font-size:120px;line-height:1;transition:transform .3s}.cover:hover .shape{transform:rotate(12deg) scale(1.07)}.cover .cover-word{position:absolute;left:22px;top:18px;text-align:left;font-size:11px;letter-spacing:2px;font-weight:700}.cover .caption{position:absolute;bottom:15px;left:22px;font-size:22px;font-weight:700;letter-spacing:-.5px}.cover .play{position:absolute;right:16px;bottom:16px;background:#fffdf0db;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:15px}.card-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0 9px;color:var(--green);font-size:10px}.save{background:transparent;border:0;font-size:19px;padding:0 3px}.title{background:transparent;border:0;text-align:left;padding:0;font-size:18px;line-height:1.65;font-weight:600}.card p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 11px}.byline{font-size:10px;color:var(--muted)}.more{display:block;margin:35px auto 0;background:transparent;border:1px solid var(--line);padding:12px 30px;border-radius:6px;font-size:12px}.closing{margin-top:62px;background:#edf1e7;border:1px solid var(--line);border-radius:10px;padding:35px;display:flex;align-items:center;gap:28px}.closing>span{font-size:64px;color:var(--green)}.closing .eyebrow{margin-bottom:8px}.closing h2{margin:0;font-size:25px}.closing p:last-child{color:var(--muted);font-size:12px}.closing a{margin-left:auto;background:var(--green);color:white;padding:13px 20px;border-radius:6px;font-size:12px}footer{max-width:1224px;margin:auto;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;align-items:center;gap:25px}footer .brand{font-size:20px}footer p,footer>span{color:var(--muted);font-size:10px}footer>span{margin-left:auto}dialog{width:min(760px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:45px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#17241bbb;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;background:white;border:1px solid var(--line);border-radius:50%;width:34px;height:34px}dialog h1{font-size:30px;margin:18px 0}dialog p{line-height:2;color:#566358;white-space:pre-line}dialog video,dialog iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}dialog .action{display:inline-block;background:var(--green);color:white;padding:10px 16px;border:0;border-radius:6px;margin:10px 8px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:6px;padding:12px 20px;font-size:12px;display:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9cae49;outline-offset:4px}#empty{text-align:center;padding:50px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1300px){main,footer{margin-left:40px;margin-right:40px}}@media(max-width:900px){header{padding:0 25px}.featured{grid-template-columns:1fr}aside{display:none}.hero-art{min-height:320px}.edition{display:none}.grid{grid-template-columns:repeat(2,1fr)}.section-title{gap:22px}.search input{width:180px}.closing{padding:25px;gap:15px}}@media(max-width:600px){header{height:78px;padding:0 20px}.brand{font-size:23px}.brand small{font-size:7px;margin-left:7px;padding-left:7px}nav{display:none}.main-link{font-size:10px;padding:8px}main,footer{margin-left:20px;margin-right:20px}.intro{padding:35px 0 27px}h1{font-size:29px;letter-spacing:-1px}.muted{font-size:12px;line-height:1.9}.hero{grid-template-columns:1fr}.hero-art{min-height:240px}.spark{right:12px;top:-25px;font-size:240px}.art-label{font-size:33px}.hero-copy{padding:24px}.hero-copy h2{font-size:23px;margin:10px 0}.hero-copy>span:last-child{margin-top:12px}#explore{margin-top:40px}.section-title{display:block}.section-title h2{font-size:25px}.search{margin-top:20px}.search input{width:100%}.tabs{gap:10px}.tabs button{font-size:10px;padding:13px 0}select{max-width:80px;font-size:10px}.grid{grid-template-columns:1fr;gap:28px}.cover{height:220px}.results{font-size:9px;gap:10px}.closing{margin-top:40px;flex-wrap:wrap}.closing>span{display:none}.closing h2{font-size:22px}.closing a{margin-left:0}footer{flex-wrap:wrap;gap:12px}footer p{display:none}dialog{padding:25px}dialog h1{font-size:25px}}
/* ธีมศรัทธา — ตัวอักษรใหญ่และปุ่มกดง่าย */
:root{--ink:#f5ead2;--muted:#c4b9a7;--paper:#141119;--green:#e1bf78;--line:#665438;color-scheme:dark}body{font-size:20px;background:radial-gradient(ellipse at 45% 0,#34223f66,transparent 48%),#141119;background-attachment:fixed;line-height:1.85}header{height:120px;max-width:1440px;padding:0 40px;gap:22px;border-color:#665438}.brand{font-size:32px;letter-spacing:0;white-space:nowrap}.brand small{font-size:17px;letter-spacing:0;line-height:1.5;border-color:#665438}.mark{background:transparent;border:1px solid #b89655;color:#e1bf78;border-radius:50%;font-size:32px;width:44px;line-height:44px}nav{gap:12px}nav a{font-size:21px;padding:12px 18px;border-radius:6px;min-height:54px}nav a:hover,nav a.active{background:#b38a3726;color:#f2d293}.main-link{font-size:19px;padding:12px 18px;min-height:54px;border-color:#8a7144}main{max-width:1280px}.intro{padding:58px 0 40px}.eyebrow{font-size:19px;letter-spacing:.3px;line-height:1.8;font-weight:500;margin-bottom:16px}h1{font-size:56px;line-height:1.5;letter-spacing:0;font-weight:700}.muted{font-size:22px;line-height:1.9;margin-top:20px}.edition{font-size:19px;letter-spacing:0;color:#ddc48e;line-height:2.1;text-align:center;border-top:1px solid #8a7144;border-bottom:1px solid #8a7144;padding:20px 10px}.featured{grid-template-columns:2.5fr 1fr;gap:24px}.hero{background:#201a25;border-color:#8a7144;border-radius:12px;grid-template-columns:1fr 1.1fr;box-shadow:0 12px 55px #0004}.hero-art{min-height:470px;background:radial-gradient(circle at 50% 35%,#6a4b373d,transparent 63%),linear-gradient(145deg,#21192d,#17121d);padding:25px;isolation:isolate}.hero-art::after{content:'';position:absolute;inset:12px;border:1px solid #9e804956;border-radius:130px 130px 0 0;pointer-events:none}.sacred-wheel{position:absolute;width:106%;max-width:none;left:-3%;top:-4px;filter:drop-shadow(0 0 18px #d9ae5b33)}.orbit{display:none}.art-label{font-size:31px;line-height:1.6;letter-spacing:1px;bottom:57px;color:#f5db9e;text-align:center;left:0;width:100%;text-shadow:0 2px 20px #000}.art-note{font-size:16px;bottom:23px;letter-spacing:0;left:15px;right:15px;text-align:center;color:#dbc28b}.hero-copy{padding:30px}.tag{font-size:18px;line-height:1.8}.hero-copy h2{font-size:30px;letter-spacing:0;line-height:1.65;margin:18px 0 10px}.hero-copy p,aside>p:not(.eyebrow){font-size:20px;line-height:1.9;color:#d3c7b5}.hero-copy>span:last-child{font-size:21px;margin-top:20px;padding-top:16px;border-top:1px solid #665438}.hero-copy b{font-size:28px}aside{background:linear-gradient(155deg,#302433,#211c25);border-color:#665438;padding:27px}aside h2{font-size:30px;line-height:1.65}aside a{font-size:20px;line-height:1.9;margin-top:20px;min-height:50px;text-decoration-color:#b89655}.aside-bottom{font-size:19px;border-color:#665438;margin-top:24px;padding-top:22px}.aside-bottom strong{color:#f4e5c8}.aside-bottom span{color:#d6b268;font-size:45px}#explore{margin-top:64px}.section-title{gap:24px;align-items:flex-end}.section-title h2{font-size:34px;letter-spacing:0;line-height:1.7}.search{background:#231e29;border-color:#8a7144;padding:13px 18px;min-height:62px}.search span{font-size:32px;color:#e1bf78}.search input{font-size:20px;width:280px;color:#fff1d3}.search input::placeholder{color:#c5bda9}.filters{gap:20px;margin-top:28px;align-items:center;padding-bottom:12px}.tabs{gap:12px;flex-wrap:wrap}.tabs button{font-size:21px;line-height:1.8;padding:12px 18px;min-height:60px;border:1px solid #665438;border-radius:6px;color:#e3d9c7}.tabs button.active{background:#e1bf78;border-color:#e1bf78;color:#211822;font-weight:700}.tabs button:hover{border-color:#e1bf78}select{font-size:20px;min-height:60px;padding:8px 12px;border:1px solid #665438;border-radius:6px;background:#231e29;color:#eadcc0}.categories{gap:12px;margin-top:23px}.categories button{font-size:20px;line-height:1.8;min-height:54px;padding:9px 20px;border-color:#665438;color:#e3d9c7;background:#211c25}.categories button.active{background:#e1bf78;border-color:#e1bf78;color:#211822}.results{font-size:18px;line-height:1.8;margin:26px 0 22px;gap:15px}.grid{gap:36px 24px}.card{border:1px solid #665438;border-radius:12px;overflow:hidden;background:#201b25;padding-bottom:24px}.cover{height:235px;border-radius:0;border-bottom:1px solid #665438;background-image:radial-gradient(ellipse at center,#bd945d22,transparent 70%)!important}.cover::before{content:'';position:absolute;width:156px;height:156px;border:1px solid currentColor;border-radius:50%;opacity:.35;top:27px;left:calc(50% - 78px)}.cover::after{content:'✦';position:absolute;right:22px;top:18px;font-size:22px;opacity:.8}.cover .shape{font-size:100px;filter:drop-shadow(0 0 15px #d5aa6744)}.cover .cover-word{font-size:18px;letter-spacing:0;left:23px;top:14px}.cover .caption{font-size:24px;bottom:17px;left:23px;letter-spacing:0}.cover .play{width:52px;height:52px;font-size:24px;background:#e6c98e;color:#241b29;right:18px;bottom:14px}.card-meta{font-size:18px;line-height:1.8;margin:17px 22px 8px;gap:8px}.save{font-size:30px;width:52px;min-width:52px;height:52px;border:1px solid #665438;border-radius:50%;color:#e1bf78}.title{font-size:25px;line-height:1.75;padding:0 22px;color:#f6e8ca;font-weight:600;min-height:54px}.title:hover{color:#f5d48d}.card p{font-size:20px;line-height:1.9;margin:10px 22px 17px;color:#c9bfaf}.byline{font-size:17px;line-height:1.9;color:#c1b6a4}.card .byline{margin:0 22px}.more{font-size:22px;min-height:62px;padding:13px 35px;border-color:#9c7c46;color:#f0d596;background:#29212e}.closing{background:radial-gradient(ellipse at left,#66502b55,transparent 75%),#241c2b;border-color:#8a7144;gap:30px;padding:38px}.closing>span{color:#e1bf78}.closing h2{font-size:32px}.closing p:last-child{font-size:21px;color:#d2c5b3}.closing a{font-size:21px;background:#dfbd79;color:#201722;min-height:60px;white-space:nowrap;padding:13px 22px}footer{max-width:1280px;border-color:#665438;flex-wrap:wrap;padding:30px 0 40px}footer .brand{font-size:26px}footer p,footer>span{font-size:18px}dialog{width:min(880px,94vw);background:#211b28;border-color:#b18f50;padding:40px;box-shadow:0 20px 80px #0009}dialog h1{font-size:36px;line-height:1.65;letter-spacing:0;margin:20px 0}dialog p{font-size:23px;line-height:2.1;color:#e2d7c5}dialog .tag{font-size:20px}dialog .byline{font-size:19px}dialog .action{font-size:22px;min-height:60px;padding:13px 22px;color:#211822;background:#e1bf78;margin-top:18px}.close{width:60px;height:60px;font-size:28px;color:#f4d99b;background:#33283a;border-color:#b18f50;top:0;z-index:2}dialog::backdrop{background:#09060cdb}#toast{font-size:21px;background:#ecd29c;color:#211822;max-width:90vw;min-width:220px;text-align:center}#empty{font-size:23px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f6d998;outline-offset:4px}@media(min-width:1500px){main,footer{margin-left:auto;margin-right:auto}}@media(max-width:1150px){header{flex-wrap:wrap;height:auto;padding:22px 30px}.brand{font-size:29px}header nav{order:3;width:100%;justify-content:center;border-top:1px solid #665438;padding-top:14px}.main-link{margin-left:auto}.featured{grid-template-columns:1fr}aside{display:none}.hero-art{min-height:440px}.sacred-wheel{width:90%;left:5%;top:0}.section-title{display:block}.search{margin-top:20px;max-width:600px}.search input{width:100%}.edition{font-size:18px}.grid{grid-template-columns:repeat(2,1fr)}.filters{align-items:flex-start}.tabs{gap:10px}.closing{flex-wrap:wrap}.closing a{margin-left:0}}@media(max-width:700px){main,footer{margin-left:22px;margin-right:22px}.intro{padding:35px 0}.intro h1{font-size:41px}.edition{display:none}.muted{font-size:21px}.hero{grid-template-columns:1fr}.hero-art{min-height:360px}.sacred-wheel{width:330px;left:calc(50% - 165px);top:-5px}.art-label{font-size:28px;bottom:46px}.art-note{font-size:15px;bottom:17px}.hero-copy{padding:27px}.hero-copy h2{font-size:30px}.hero-copy>span:last-child{font-size:22px}.grid{grid-template-columns:1fr}.cover{height:240px}.filters{flex-direction:column;padding-bottom:18px;gap:15px}.tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.tabs button{font-size:21px;padding:12px 10px}.filters select{width:100%;max-width:none;font-size:20px;min-height:58px}.categories button{font-size:20px;padding:9px 17px}.section-title h2{font-size:30px}.results{display:block;font-size:18px}.results span{display:block;margin-top:5px}.search input{font-size:20px}.closing{padding:27px}.closing h2{font-size:29px}.closing .eyebrow{font-size:18px}.closing p:last-child{font-size:21px}.closing a{font-size:21px;width:100%;text-align:center}footer{gap:20px}footer>span{margin-left:0;width:100%}footer .brand{font-size:26px}footer p{display:block;margin:0;font-size:18px}header{padding:20px;gap:14px}.brand{font-size:27px}.brand small{display:none}.mark{width:39px;line-height:39px;font-size:28px}.main-link{font-size:19px;padding:10px 12px}header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}nav a{font-size:20px;text-align:center;border:1px solid #665438;padding:12px 4px;line-height:1.7}.title{font-size:26px}.card p{font-size:21px}.byline{font-size:18px}dialog{padding:23px}dialog h1{font-size:30px}dialog p{font-size:23px}.close{width:58px;height:58px}.eyebrow{font-size:18px}#explore{margin-top:43px}}

@media(max-width:360px){.intro h1{font-size:36px}.hero-copy h2{font-size:28px}header nav a{font-size:19px}}

.uploaded-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover:has(.uploaded-cover)::before,.cover:has(.uploaded-cover)::after{display:none}.cover:has(.uploaded-cover) .cover-word{background:#15111cdd;color:#f3deb0;padding:3px 10px;border-radius:5px}.hero-uploaded{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.admin-entry{font-size:21px;min-height:54px;border:1px solid #a6854d;border-radius:6px;padding:10px 20px;color:#f1d197}
.lottery-info{margin:24px 0;padding:24px;background:#2b212e;border:1px solid #b59456;border-radius:10px}.lottery-info h3{font-size:28px;margin:0 0 12px;color:#ebce8e}.lottery-info p{font-size:21px;line-height:1.9;color:#e1d6c4}.lottery-info p:last-child{font-size:19px;color:#c6baa4}@media(max-width:700px){header nav{grid-template-columns:repeat(2,1fr)}}