@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc9f4252b43d54d2.2b8-3ofyj6jrb.woff2)format("woff2");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8bf1ebb1e27cdda8.30gz3vx4o9l1j.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+980-9FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1,U+11DF0-11DF1}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/d4b09e548dc4ba91.26bfncibx0rq_.woff2)format("woff2");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/0ec6c84bef5c67ea.0zi1shyp7ohlb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/827a210979ea4704.2c3m7wyps-z0s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2c1e5a639ba254f0.1lsfhac37iy6_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/775191b843768d35.1vsrgvtsc1r8b.woff2)format("woff2");unicode-range:U+30E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/b71b7ce0d1079b0e.2pdods8crngcg.woff2)format("woff2");unicode-range:U+589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6e6b761138eddc9f.25qivd_myg22f.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/16c7924ea9b676a6.2bkron2stnezl.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/7ac3d695e803369e.1jc2dp9vgfua5.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/258a635de935f01a.258jjlqkyxl91.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A01-A76,U+200C-200D,U+20B9,U+25CC,U+262C,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6a5ae298b17bbade.2ru2d-z5q4eo9.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/24cccb79abadd5a8.29sggwo1iyppi.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/22ef3bf585cc4a73.2hz_t9ui8fow3.woff2)format("woff2");unicode-range:U+E81-EDF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ce0c64423438face.16ujoekxpro6t.woff2)format("woff2");unicode-range:U+307,U+323,U+951-952,U+964-965,U+B83,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/37db81cdb796545a.1t36ginrn3s0w.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B01-B77,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc37ffbdd3319e4b.28-sno9glm2dy.woff2)format("woff2");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/95ab80c2b18b3804.21jmzs80te0a8.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/f8b71b303845b64e.3kjlxpi9xmrya.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ee339b0464be7e84.1oqxbyquelq4z.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B83,U+C00-C7F,U+1CD5-1CD6,U+1CD8,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/3a09ab19532b9f2b.p.2yyi24davmpxc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/1876d7d15f459a39.1btg1myzvpoja.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/310b51b799a8cf5c.0grrdcwl004rs.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/47d6d6c1e6da10b8.p.40-jm68xkzcno.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.google_sans_ed8a9814-module__SggSqa__className{font-family:Google Sans;font-style:normal}.google_sans_ed8a9814-module__SggSqa__variable{--font-sans:"Google Sans"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_8a009e1c-module__Le8rMW__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_8a009e1c-module__Le8rMW__variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/efadc3f7fcf6ac94-s.2dw4wc11szodo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/8e410338cab7e12e-s.2888ryxa0751p.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/7e93c0a52799e849-s.081af6y49e67w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/037b6aa687f94b32-s.0evsli58wo2lo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/9a800f173b8d9e8f-s.p.3nglv5iys3s0a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Fallback;src:local(Arial);ascent-override:146.51%;descent-override:35.49%;line-gap-override:0.0%;size-adjust:81.43%}.oswald_4e3971e0-module__65Nj0q__className{font-family:Oswald,Oswald Fallback;font-style:normal}.oswald_4e3971e0-module__65Nj0q__variable{--font-display:"Oswald", "Oswald Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_dc177b0e-module__78ed6G__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_dc177b0e-module__78ed6G__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#080807;--card:#0d0d0f;--pop:#141417;--pop-2:#1b1a1d;--line:#ffffff17;--line-2:#ffffff29;--gold:#f0b956;--gold-hi:#f6cf7a;--gold-lo:#bc7f25;--gold-grad:linear-gradient(180deg, var(--gold-hi), var(--gold-lo));--ink:#160f08;--text:#f4efe5;--text-2:#c8c1b7;--muted:#8f887f;--cr:#3dc3c0;--cr-hi:#7fe3df;--cr-ink:#052524;--sans:var(--font-sans), var(--font-thai), system-ui, -apple-system, "Segoe UI", sans-serif;--thai:var(--font-sans), var(--font-thai), system-ui, sans-serif;--display:var(--font-display), var(--font-sans), var(--font-thai), sans-serif;--mono:var(--font-mono), ui-monospace, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.3, 1.35, .45, 1);--pad:56px;--top-h:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}.of-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.of-ic--fill{fill:currentColor;stroke:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.of-nw{white-space:nowrap}.of-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.of-top{z-index:40;height:var(--top-h);padding:0 var(--pad);background:linear-gradient(#080807e0,#08080700);align-items:center;gap:36px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.of-top.is-solid{box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080807f5}.of-brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.of-brand img{width:30px;height:30px}.of-brand b{font:700 21px/.92 var(--display);letter-spacing:.06em;display:grid}.of-brand b span{color:#0000;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text}.of-nav{align-items:center;gap:6px;min-width:0;display:flex}.of-nav a,.of-nav button{height:36px;color:var(--text-2);font:500 14.5px/1 var(--sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex;position:relative}.of-nav a:hover,.of-nav button:hover{color:var(--text)}.of-nav a[aria-current=page]{color:var(--text);font-weight:700}.of-nav a[aria-current=page]:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.of-nav .of-ic{width:14px;height:14px}.of-cats{position:relative}.of-cats-menu{background:var(--pop);min-width:220px;box-shadow:0 0 0 1px var(--line-2), 0 24px 50px -10px #000c;border-radius:14px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.of-cats-menu[hidden]{display:none}.of-cats-menu a{border-radius:10px;justify-content:space-between;height:40px}.of-cats-menu a:hover{background:#ffffff0f}.of-cats-menu a span{color:var(--muted);font:600 12px/1 var(--mono)}.of-cats-menu small{color:var(--muted);font:700 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:10px 12px 4px}.of-cats-menu small:first-child{padding-top:4px}.of-tools{align-items:center;gap:14px;margin-left:auto;display:flex}.of-search{align-items:center;display:flex;position:relative}.of-search input{width:0;height:40px;color:var(--text);font:500 14.5px/1 var(--sans);opacity:0;transition:width .35s var(--ease), background .2s, opacity .2s;background:0 0;border:0;border-radius:999px;padding:0 0 0 40px}.of-search.is-open input,.of-search input:not(:placeholder-shown){width:260px;box-shadow:inset 0 0 0 1px var(--line-2);opacity:1;background:#ffffff14;padding-right:14px}.of-search input:focus{box-shadow:inset 0 0 0 1.5px var(--gold);outline:none}.of-search button{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;left:0}.of-by-site{color:var(--muted);font:700 10px/1 var(--mono);letter-spacing:.16em;align-items:center;gap:8px;text-decoration:none;display:flex}.of-by-site img{width:78px;height:auto}.of-hero{isolation:isolate;height:clamp(600px,84vh,800px);position:relative;overflow:hidden}.of-hero-layer{opacity:0;transition:opacity 1s var(--ease);position:absolute;inset:0}.of-hero-layer.is-on{opacity:1}.of-hero-bg{object-fit:cover;filter:blur(46px)saturate(1.3)brightness(.42);width:calc(100% + 120px);max-width:none;height:calc(100% + 120px);position:absolute;inset:-60px}.of-hero-art{width:64%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 36%);mask-image:linear-gradient(90deg,#0000 0,#000 36%)}.of-hero-art img{object-fit:cover;object-position:50% 16%;width:100%;max-width:none;height:100%;transition:transform 9s linear;transform:scale(1.06)}.of-hero-layer.is-on .of-hero-art img{transform:scale(1)}.of-hero-layer--wide .of-hero-art{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 46%);mask-image:linear-gradient(90deg,#0000 0,#000 46%)}.of-hero-layer--wide .of-hero-art img{object-position:70% 40%}.of-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, #080807eb 0, #0808078c 34%, #08080700 58%), linear-gradient(0deg, var(--bg) 0, var(--bg) 13%, #080807b8 30%, #08080700 52%), linear-gradient(180deg, #08080780, transparent 16%);position:absolute;inset:0}.of-hero-copy{left:var(--pad);z-index:2;justify-items:start;gap:16px;width:min(600px,44%);display:grid;position:absolute;bottom:210px}.of-hero-copy.is-in>*{animation:of-rise .7s var(--spring) both}.of-hero-copy.is-in>:nth-child(2){animation-delay:50ms}.of-hero-copy.is-in>:nth-child(3){animation-delay:.1s}.of-hero-copy.is-in>:nth-child(4){animation-delay:.15s}.of-hero-copy.is-in>:nth-child(5){animation-delay:.2s}.of-hero-copy.is-in>:nth-child(6){animation-delay:.25s}@keyframes of-rise{0%{opacity:0;transform:translateY(18px)}}.of-kicker{color:var(--text-2);font:600 13px/1 var(--sans);align-items:center;gap:10px;margin:0;display:flex}.of-kicker b{background:var(--gold-grad);color:var(--ink);font:700 11.5px/1 var(--display);letter-spacing:.14em;border-radius:4px;padding:5px 9px 4px}.of-hero h1{font:800 clamp(40px, 4.6vw, 68px)/1.08 var(--thai);letter-spacing:-.005em;text-wrap:balance;text-shadow:0 4px 30px #0000008c;margin:0}.of-hero h1 img{filter:drop-shadow(0 6px 24px #0009);width:min(420px,100%);height:auto}.of-quote{color:var(--gold-hi);font:600 19px/1.4 var(--thai);text-shadow:0 2px 14px #0009;margin:0}.of-syn{color:var(--text-2);font:400 16.5px/1.6 var(--thai);-webkit-line-clamp:3;text-shadow:0 2px 12px #0009;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.of-meta{color:var(--text-2);font:500 13.5px/1 var(--sans);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.of-meta>span:not(.of-pill):before{content:"·";color:var(--muted);margin-right:8px}.of-meta>.of-pill+span:not(.of-pill):before,.of-meta>span:first-child:before{content:none}.of-pill{height:24px;color:var(--text);font:700 12px/1 var(--sans);box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff17;border-radius:6px;align-items:center;padding:0 9px;display:inline-flex}.of-pill--part{color:var(--gold-hi);background:#f6cf7a24;box-shadow:inset 0 0 0 1px #f6cf7a59}.of-acts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.of-btn,.of-round,.of-ep,.of-chip{text-decoration:none}.of-btn{height:52px;font:700 16px/1 var(--thai);white-space:nowrap;cursor:pointer;transition:transform .2s var(--spring), background .2s, box-shadow .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px 0 20px;display:inline-flex}.of-btn:active{transform:scale(.97)}.of-btn--play{background:var(--gold-grad);color:var(--ink);box-shadow:0 14px 34px -12px #f0b956a6}.of-btn--play:hover{transform:translateY(-1px);box-shadow:0 16px 40px -10px #f0b956cc}.of-btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a}.of-btn--ghost:hover{background:#ffffff2b}.of-btn--ghost[aria-pressed=true]{color:var(--gold-hi)}.of-round{width:52px;height:52px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s;display:grid}.of-round:hover{background:#ffffff2e}.of-round[aria-pressed=true]{color:var(--gold-hi);box-shadow:inset 0 0 0 1.5px var(--gold)}.of-picks{right:var(--pad);z-index:2;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:176px}.of-pick{aspect-ratio:3/4;background:var(--pop);cursor:pointer;opacity:.55;width:62px;box-shadow:0 0 0 1px var(--line-2), 0 10px 24px -8px #000c;transition:opacity .3s, transform .3s var(--spring), box-shadow .3s;border:0;border-radius:9px;padding:0;display:block;position:relative;overflow:hidden}.of-pick img{object-fit:cover;width:100%;height:100%}.of-pick:hover{opacity:.9;transform:translateY(-3px)}.of-pick[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--gold), 0 14px 30px -8px #000000e6;transform:translateY(-6px)}.of-pick i{background:var(--gold);width:0;height:3px;position:absolute;bottom:0;left:0}.of-hero.is-running .of-pick[aria-current=true] i{animation:of-fill var(--rot,8s) linear forwards}@keyframes of-fill{to{width:100%}}.of-hero-dots,.of-hero-stage{display:none}.of-search-m input{background:var(--pop);width:min(560px,100%);height:50px;color:var(--text);font:500 16px/1 var(--thai);box-shadow:inset 0 0 0 1px var(--line-2);border:0;border-radius:14px;padding:0 18px}.of-search-m input:focus{box-shadow:inset 0 0 0 1.5px var(--gold);outline:none}.of-main{z-index:3;gap:44px;margin-top:-150px;padding-bottom:40px;display:grid;position:relative}.of-page .of-main{padding-top:calc(var(--top-h) + 36px);margin-top:0}.of-row{gap:14px;min-width:0;display:grid;position:relative}.of-row-h{padding:0 var(--pad);align-items:baseline;gap:14px;margin:0;display:flex}.of-row-h h2{font:700 22px/1.3 var(--thai);margin:0}.of-row-h small{color:var(--muted);font:500 13.5px/1 var(--sans)}.of-row-h a{color:var(--text-2);font:600 13.5px/1 var(--sans);align-items:center;gap:4px;margin-left:auto;text-decoration:none;display:inline-flex}.of-row-h a:hover{color:var(--gold-hi)}.of-row-h a .of-ic{width:16px;height:16px}.of-track{--per:6.6;--gap:14px;gap:var(--gap);padding:16px var(--pad) 22px;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;overscroll-behavior-x:contain;margin:0;list-style:none;display:flex;overflow:auto hidden}.of-track::-webkit-scrollbar{display:none}.of-track>li{flex:0 0 calc((100% - var(--pad) * 2 - (var(--per) - 1) * var(--gap)) / var(--per) + var(--pad) * 0);scroll-snap-align:start;min-width:0}.of-row--big .of-track{--per:4.4}.of-row--rank .of-track{--per:5.4}.of-arrow{z-index:4;width:46px;color:var(--text);opacity:0;cursor:pointer;background:#0808079e;border:0;place-items:center;padding:0;transition:opacity .25s,background .2s;display:grid;position:absolute;top:58px;bottom:74px}.of-arrow--l{border-radius:0 12px 12px 0;left:0}.of-arrow--r{border-radius:12px 0 0 12px;right:0}.of-arrow .of-ic{width:28px;height:28px}.of-row:hover .of-arrow:not([disabled]){opacity:1}.of-arrow:hover{background:#080807d9}.of-arrow[disabled]{display:none}.of-card{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;text-decoration:none;display:grid;position:relative}.of-art{aspect-ratio:2/3;background:var(--pop);box-shadow:0 0 0 1px var(--line), 0 18px 30px -18px #000000e6;transition:transform .4s var(--spring), box-shadow .3s;border-radius:12px;display:block;position:relative;overflow:hidden}.of-row--big .of-art{aspect-ratio:3/4;border-radius:14px}.of-art img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:opacity .6s var(--ease), transform 3s ease-out;position:absolute;inset:0}.of-art img.of-ip{object-position:50% 84%}.of-art img.of-slide{opacity:0}.of-art img.of-slide.is-on{opacity:1;transform:scale(1.04)}.of-card:hover .of-art,.of-card:focus-visible .of-art{box-shadow:0 0 0 2px var(--gold), 0 26px 40px -16px #000000f2, 0 0 40px -12px #f0b95673;transform:translateY(-6px)scale(1.035)}.of-card:focus-visible{outline:none}.of-mark,.of-art img.of-mark{z-index:2;object-fit:contain;opacity:1;pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3)drop-shadow(0 0 6px #00000059);width:19px;height:auto;transition:none;position:absolute;inset:9px 9px auto auto;transform:none}.of-row--big .of-art img.of-mark{width:24px;inset:12px 12px auto auto}.of-mark--in{filter:none;width:20px;position:static}.of-kicker .of-mark--in{width:22px}.of-wtx .of-mark--in{width:20px;margin-bottom:2px}.of-chead-mark{width:56px;height:auto}.of-mark--cr{background:linear-gradient(140deg, var(--cr-hi), #1f8f8b);width:24px;height:24px;color:var(--cr-ink);font:700 9.5px/1 var(--display);letter-spacing:.02em;filter:none;border-radius:50%;place-items:center;display:grid;inset:8px 8px auto auto;box-shadow:0 0 0 1.5px #ffffffd9,0 2px 8px #0000008c}.of-row--big .of-mark--cr{width:30px;height:30px;font-size:11.5px;inset:11px 11px auto auto}.of-mark--cr.of-mark--in{width:20px;height:20px;box-shadow:none;font-size:8.5px;display:inline-grid;position:static}.of-by--og{color:var(--gold-hi)}.of-by--cr{color:var(--cr-hi)!important}.of-byname.is-og{color:var(--gold-hi)}.of-byname.is-cr,.of-byname.is-cr .of-ic{color:var(--cr-hi)}.of-hmark{vertical-align:-3px;width:22px;height:auto;margin-right:10px;display:inline-block}.of-row--cr .of-cr-chips{padding:0 var(--pad);margin:-2px 0 2px}.of-row--cr .of-row-h h2:before{width:9px;height:9px}.of-nav-og img{width:15px;height:auto;margin-right:2px}.of-nav-cr i{background:var(--cr);border-radius:50%;width:9px;height:9px;margin-right:2px;box-shadow:0 0 8px #3dc3c0b3}.of-card-t em{font-style:normal}.of-by,.of-by--cr{color:var(--text-2)}.of-card-t i{font-style:normal}.of-byline{color:var(--text-2);font:500 14.5px/1.3 var(--sans);margin:-4px 0 0}.of-byname,.of-factlink{color:var(--text);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.of-byname:hover,.of-factlink:hover{color:var(--gold-hi)}.of-byname .of-ic,.of-factlink .of-ic{width:15px;height:15px;color:var(--text-2)}.of-kicker--cr b{background:linear-gradient(180deg, var(--cr-hi), var(--cr));color:var(--cr-ink)}.of-wby{color:var(--text-2)!important}.of-ava{background:linear-gradient(140deg, var(--cr-hi), #1d7f7c);width:64px;height:64px;color:var(--cr-ink);font:700 22px/1 var(--display);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid;box-shadow:0 0 0 3px #3dc3c040}.of-ava--og{background:var(--gold-grad);color:var(--ink);box-shadow:0 0 0 3px #f0b95640}.of-ava--s{width:24px;height:24px;box-shadow:none;margin-left:-8px;font-size:10.5px}.of-chip--cr[aria-current=page] .of-ava--s{background:var(--ink);color:var(--gold-hi)}.of-chead{padding:0 var(--pad);align-items:center;gap:16px;margin-bottom:-8px;display:flex}.of-cr-chips{margin-top:-4px}.of-row--cr .of-row-h h2:before{content:"";background:var(--cr);width:8px;height:8px;box-shadow:0 0 12px var(--cr);border-radius:50%;margin:0 10px 3px 0;display:inline-block}.of-dlg-top.of-dlg-top--cr .of-hero-art{aspect-ratio:2/3;width:auto;box-shadow:0 0 0 1px var(--line-2), 0 30px 60px -20px #000000e6;border-radius:16px;top:40px;bottom:40px;right:56px;overflow:hidden;-webkit-mask-image:none;mask-image:none}.of-dlg-top.of-dlg-top--cr .of-hero-art img{object-position:50% 50%;transform:none}.of-real{z-index:2;color:var(--text);font:700 10px/1.2 var(--display);letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0808079e;border-radius:6px;padding:4px 7px;position:absolute;top:9px;right:9px}.of-hover{z-index:2;opacity:0;transition:opacity .25s, transform .3s var(--ease);background:linear-gradient(#08080700,#080807f2);align-items:center;gap:8px;padding:40px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.of-card:hover .of-hover,.of-card:focus-visible .of-hover{opacity:1;transform:none}.of-hover>span{background:var(--gold-grad);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.of-hover>span .of-ic{width:16px;height:16px}.of-hover small{color:var(--text);font:600 12.5px/1.3 var(--thai)}.of-prog{z-index:3;background:#ffffff38;border-radius:4px;height:4px;position:absolute;bottom:10px;left:10px;right:10px}.of-prog i{border-radius:inherit;background:var(--gold);height:100%;display:block}.of-card-t{gap:3px;min-width:0;display:grid}.of-card-t b{font:600 15px/1.35 var(--thai);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-card-t span{color:var(--muted);font:500 12.5px/1.3 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-row--big .of-card-t b{font-size:16.5px}.of-row--wide .of-track{--per:3.15}.of-wcard{isolation:isolate;aspect-ratio:16/9;background:var(--pop);color:var(--text);box-shadow:0 0 0 1px var(--line), 0 22px 40px -22px #000000e6;transition:transform .4s var(--spring), box-shadow .3s;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.of-wbg{z-index:-2;object-fit:cover;filter:blur(26px)saturate(1.3)brightness(.5);width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);position:absolute;inset:-40px}.of-wcard:before{content:"";z-index:-1;background:linear-gradient(90deg,#080807cc,#08080733 70%);position:absolute;inset:0}.of-wcv{aspect-ratio:3/4;transition:transform .45s var(--spring);border-radius:10px;position:absolute;top:9%;bottom:9%;right:6%;overflow:hidden;transform:rotate(3deg);box-shadow:0 0 0 1px #ffffff2e,0 20px 34px -10px #000000e6}.of-wcv img{object-fit:cover;width:100%;height:100%}.of-wtx{justify-items:start;gap:8px;display:grid;position:absolute;top:50%;left:6%;right:46%;transform:translateY(-50%)}.of-wtx>b{font:800 clamp(18px, 1.6vw, 24px)/1.2 var(--thai);-webkit-line-clamp:2;text-shadow:0 2px 14px #0009;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.of-wtx>i{color:var(--gold-hi);font:500 13.5px/1.4 var(--thai);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;display:-webkit-box;overflow:hidden}.of-wtx .of-kicker b{padding:4px 7px 3px;font-size:10px}.of-wtx .of-meta{font-size:12.5px}.of-wtx .of-pill{height:22px;font-size:11.5px}.of-wcard:hover,.of-wcard:focus-visible{box-shadow:0 0 0 2px var(--gold), 0 28px 44px -20px #000000f2, 0 0 46px -14px #f0b95673;transform:translateY(-5px)}.of-wcard:hover .of-wcv,.of-wcard:focus-visible .of-wcv{transform:rotate(0)scale(1.05)}.of-wcard:focus-visible{outline:none}.of-prog--wide{background:#ffffff29;border-radius:0;height:4px;bottom:0;left:0;right:0}.of-wtx .of-pill .of-ic{width:11px;height:11px;margin-right:5px}.of-cat-tabs{padding:0 var(--pad);margin-top:-2px}.of-cat-tabs .of-chip{height:36px;font-size:13.5px}.of-head{padding:0 var(--pad);gap:10px;display:grid}.of-head h1{font:800 clamp(30px, 3.4vw, 44px)/1.15 var(--thai);margin:0}.of-head p{color:var(--text-2);margin:0}.of-filters{padding:0 var(--pad);flex-wrap:wrap;gap:8px;display:flex}.of-chip{background:var(--pop);height:38px;color:var(--text-2);font:600 14px/1 var(--sans);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.of-chip:hover{color:var(--text);background:var(--pop-2)}.of-chip[aria-pressed=true],.of-chip[aria-current=page]{background:var(--gold-grad);color:var(--ink);box-shadow:none}.of-chip span{font:600 12px/1 var(--mono);opacity:.7}.of-grid{padding:0 var(--pad);grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:30px 16px;margin:0;list-style:none;display:grid}.of-empty{margin:30px var(--pad);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--text-2);border-radius:18px;justify-items:center;gap:12px;padding:54px 24px;display:grid}.of-empty b{color:var(--text);font:700 20px/1.3 var(--thai)}.of-empty .of-ic{width:40px;height:40px;color:var(--gold)}.of-modal{z-index:60;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050505bd;animation:.25s both of-fade;position:fixed;inset:0;overflow-y:auto}.of-modal[hidden]{display:none}@keyframes of-fade{0%{opacity:0}}.of-dlg{background:var(--card);width:min(1060px,100% - 48px);box-shadow:0 0 0 1px var(--line-2), 0 40px 100px #000c;animation:of-pop .4s var(--spring) both;border-radius:20px;margin:40px auto 60px;position:relative;overflow:hidden}@keyframes of-pop{0%{opacity:0;transform:translateY(26px)scale(.98)}}.of-dlg-x{z-index:5;background:#08080799;width:44px;height:44px;position:absolute;top:16px;right:16px}.of-dlg-top{isolation:isolate;height:500px;position:relative;overflow:hidden}.of-dlg-top .of-hero-bg{filter:blur(40px)saturate(1.3)brightness(.45)}.of-dlg-top .of-hero-art{width:60%}.of-dlg-top:after{content:"";z-index:1;background:linear-gradient(90deg, var(--card) 0, #0d0d0f99 36%, transparent 62%), linear-gradient(0deg, var(--card) 0, #0d0d0f00 42%);position:absolute;inset:0}.of-dlg-top .of-hero-copy{gap:14px;width:min(560px,56%);bottom:34px;left:44px}.of-dlg-top h2{font:800 clamp(32px, 3.6vw, 52px)/1.1 var(--thai);text-wrap:balance;text-shadow:0 4px 24px #00000080;margin:0}.of-dlg-top h2 img{width:min(360px,100%);height:auto}.of-dlg-body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:34px;padding:10px 44px 6px;display:grid}.of-dlg-body .of-syn{-webkit-line-clamp:unset;color:var(--text);text-shadow:none;font-size:16px}.of-facts{gap:10px;margin:0;font-size:14px;display:grid}.of-facts div{grid-template-columns:84px minmax(0,1fr);gap:10px;display:grid}.of-facts dt{color:var(--muted)}.of-facts dd{color:var(--text-2);margin:0}.of-facts dd a{color:var(--text);text-decoration:none}.of-facts dd a:hover{color:var(--gold-hi)}.of-tabs{border-bottom:1px solid var(--line);gap:6px;margin:26px 44px 0;padding-bottom:0;display:flex}.of-tabs button{height:46px;color:var(--text-2);font:600 15px/1 var(--thai);cursor:pointer;background:0 0;border:0;padding:0 16px;position:relative}.of-tabs button[aria-selected=true]{color:var(--text)}.of-tabs button[aria-selected=true]:after{content:"";background:var(--gold);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.of-tabs button span{color:var(--muted);font:600 12px/1 var(--mono);margin-left:6px}.of-pane{padding:24px 44px 44px}.of-pane[hidden]{display:none}.of-ranges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.of-ranges .of-chip{height:34px;padding:0 14px;font-size:13px}.of-eps{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-ep{aspect-ratio:1;background:var(--pop);width:100%;color:var(--text);font:600 16px/1 var(--sans);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .2s, box-shadow .2s, transform .2s var(--spring);font-variant-numeric:tabular-nums;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.of-ep:hover{background:var(--pop-2);box-shadow:inset 0 0 0 1.5px var(--gold);transform:translateY(-2px)}.of-ep.is-seen{color:var(--gold-hi);box-shadow:inset 0 0 0 1px #f0b95659}.of-ep.is-now{background:var(--gold-grad);color:var(--ink);box-shadow:none}.of-ep-note{color:var(--muted);margin:16px 0 0;font-size:13px}.of-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}.of-gallery h3{color:var(--text-2);font:700 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:6px 0 -6px}.of-gallery h3 b{color:var(--gold)}.of-shot{gap:8px;margin:0;display:grid}.of-shot button{background:var(--pop);cursor:zoom-in;width:100%;box-shadow:0 0 0 1px var(--line);border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.of-shot button img{width:100%;height:auto;transition:transform .5s var(--ease)}.of-shot button:hover img{transform:scale(1.04)}.of-shot figcaption{color:var(--muted);gap:3px;font-size:13px;display:grid}.of-shot figcaption b{color:var(--text);font:600 14px/1.35 var(--thai)}.of-more{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 14px;margin:0;padding:0;list-style:none;display:grid}.of-lb{z-index:90;cursor:zoom-out;background:#040404f0;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:14px;padding:24px;animation:.2s both of-fade;display:grid;position:fixed;inset:0}.of-lb[hidden]{display:none}.of-lb img{border-radius:10px;max-width:100%;max-height:100%;box-shadow:0 30px 80px #000c}.of-lb p{max-width:680px;color:var(--text-2);font:500 14.5px/1.55 var(--thai);text-align:center;margin:0}.of-lb p b{color:var(--text);font-size:16px;display:block}.of-player{z-index:80;color:var(--text);background:#050505;grid-template-columns:minmax(0,1fr) 400px;animation:.25s both of-fade;display:grid;position:fixed;inset:0}.of-player[hidden]{display:none}.of-pl-stage{isolation:isolate;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.of-pl-stage .of-hero-bg{filter:blur(50px)saturate(1.2)brightness(.32)}.of-pl-wrap{align-items:flex-end;gap:16px;display:flex;position:relative}.of-screen{aspect-ratio:9/16;touch-action:pan-x;-webkit-user-select:none;user-select:none;background:#000;border-radius:18px;max-width:calc(100vw - 32px);height:min(100vh - 40px,880px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px #000c}@keyframes of-kb{0%{transform:scale(1.02)}to{transform:scale(1.14)translate(-2%,-2.5%)}}@keyframes of-up{0%{opacity:.2;transform:translateY(42%)}}@keyframes of-down{0%{opacity:.2;transform:translateY(-42%)}}.of-screen:after{content:"";pointer-events:none;background:linear-gradient(#000000a6,#0000 20% 52%,#000c 76%,#000000f0);position:absolute;inset:0}.of-pl-top{z-index:3;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;top:0;left:0;right:0}.of-pl-top>div{flex:1;min-width:0}.of-pl-top b{font:700 15px/1.3 var(--thai);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.of-pl-top span{color:var(--text-2);font-size:12.5px}.of-pl-top .of-round,.of-ctl .of-round{width:42px;height:42px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073}.of-proto{z-index:3;color:#fffc;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:66px;left:14px}.of-pl-bot{z-index:3;gap:10px;padding:14px 16px 16px;display:grid;position:absolute;bottom:0;left:0;right:0}.of-pl-cap b{font:700 17px/1.35 var(--thai);display:block}.of-pl-cap span{color:var(--text-2);font:500 13.5px/1.45 var(--thai);display:block}.of-seek{cursor:pointer;background:#ffffff38;border-radius:4px;height:4px;position:relative}.of-seek:before{content:"";position:absolute;inset:-10px 0}.of-seek i{border-radius:inherit;background:var(--gold);width:0;position:absolute;inset:0 auto 0 0}.of-ctl{align-items:center;gap:8px;display:flex}.of-time{color:var(--text-2);font:500 12px/1 var(--sans);font-variant-numeric:tabular-nums;margin-left:auto}.of-tap{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:70px 0 130px}.of-tap span{color:#fff;opacity:0;background:#00000073;border-radius:50%;place-items:center;width:76px;height:76px;transition:opacity .2s,transform .2s;display:grid;transform:scale(.8)}.of-tap span .of-ic{width:30px;height:30px}.of-player.is-paused .of-tap span{opacity:1;transform:none}.of-side-acts{gap:14px;padding-bottom:130px;display:grid}.of-act{color:var(--text-2);font:500 11.5px/1 var(--thai);cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;padding:0;display:grid}.of-act>span:first-child{width:48px;height:48px;color:var(--text);background:#ffffff1a;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.of-act:hover>span:first-child{color:var(--gold);background:#f0b95633}.of-act[aria-pressed=true]>span:first-child{color:var(--gold-hi);background:#f0b95638}.of-next{z-index:4;white-space:nowrap;font:500 14px/1 var(--thai);animation:of-rise .3s var(--spring) both;background:#0e0d0ce6;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f0b95666}.of-next[hidden]{display:none}.of-next b{color:var(--gold);font-variant-numeric:tabular-nums}.of-next button{height:32px;color:var(--text);font:600 12.5px/1 var(--thai);cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:0 12px}.of-pl-panel{min-width:0;box-shadow:inset 1px 0 0 var(--line);background:#0b0b0c;flex-direction:column;gap:16px;padding:26px 24px;display:flex;overflow-y:auto}.of-pl-panel h3{font:800 24px/1.25 var(--thai);margin:0}.of-pl-panel .of-eps{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.of-pl-panel .of-ep{border-radius:10px;font-size:14px}.of-auto{color:var(--text-2);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.of-switch{cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;width:42px;height:24px;transition:background .2s;position:relative}.of-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.of-switch[aria-checked=true]{background:var(--gold)}.of-switch[aria-checked=true]:after{transform:translate(18px)}.of-hint{color:var(--muted);margin:0;font-size:12.5px}.of-sheet-btn{display:none!important}.of-foot{margin:30px var(--pad) 0;border-top:1px solid var(--line);color:var(--muted);gap:10px;padding:30px 0 50px;font-size:13px;display:grid}.of-foot div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.of-foot img{width:96px;height:auto}.of-toast{z-index:100;color:var(--text);font:500 14px/1.3 var(--thai);box-shadow:0 0 0 1px var(--line-2), 0 20px 40px #0009;opacity:0;pointer-events:none;transition:opacity .25s, transform .3s var(--ease);background:#141417f5;border-radius:12px;padding:12px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px)}.of-toast.is-on{opacity:1;transform:translate(-50%)}.of-tabbar{display:none}@media (max-width:1180px){:root{--pad:36px}.of-nav .of-hide-m{display:none}.of-track{--per:5.4}.of-row--big .of-track{--per:3.6}.of-row--wide .of-track{--per:2.5}.of-hero-copy{width:min(560px,52%)}.of-picks li:nth-child(n+6){display:none}.of-player{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:960px){.of-nav{display:none}.of-track{--per:4.3}.of-row--big .of-track{--per:2.8}.of-row--wide .of-track{--per:1.8}.of-picks{display:none}.of-hero-copy{width:auto;right:var(--pad)}.of-hero-art{width:80%}.of-dlg-body{grid-template-columns:minmax(0,1fr)}.of-eps{grid-template-columns:repeat(8,minmax(0,1fr))}.of-player{grid-template-columns:minmax(0,1fr)}.of-pl-panel{z-index:6;max-height:72vh;transition:transform .35s var(--spring);border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -20px 50px #000000b3}.of-player.is-sheet .of-pl-panel{transform:none}.of-sheet-btn{display:grid!important}}@media (max-width:760px){:root{--pad:16px;--top-h:56px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:14.5px}.of-top{gap:12px}.of-brand img{width:26px;height:26px}.of-brand b{font-size:18px}.of-by-site{display:none}.of-search.is-open input,.of-search input:not(:placeholder-shown){width:calc(100vw - 190px)}.of-hero{height:auto;padding:calc(var(--top-h) + 6px) 0 6px}.of-hero:after{background:linear-gradient(0deg, var(--bg) 0, #08080700 40%)}.of-hero-layer .of-hero-art{display:none}.of-hero-stage{z-index:2;aspect-ratio:3/4;touch-action:pan-y;width:min(78vw,330px);box-shadow:0 0 0 1px var(--line-2), 0 30px 60px -20px #000000e6;border-radius:16px;margin:0 auto;display:block;position:relative;overflow:hidden}.of-hero-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.of-hero-stage img.is-on{opacity:1}.of-hero-copy{width:auto;margin:16px var(--pad) 0;text-align:center;justify-items:center;gap:10px;position:relative;bottom:auto;left:auto;right:auto}.of-hero-copy .of-kicker,.of-hero-copy h1,.of-hero-copy .of-syn{display:none}.of-hero-copy .of-quote{font-size:15px}.of-hero-copy .of-meta{justify-content:center}.of-acts{justify-content:center;gap:10px}.of-btn{height:46px;padding:0 20px 0 16px;font-size:15px}.of-round{width:46px;height:46px}.of-hero-copy .of-btn--ghost{display:none}.of-hero-dots{z-index:2;justify-content:center;gap:6px;margin:14px 0 0;display:flex;position:relative}.of-hero-dots i{background:#ffffff47;border-radius:6px;width:6px;height:6px;transition:width .3s,background .3s}.of-hero-dots i.is-on{background:var(--gold);width:20px}.of-main{gap:30px;margin-top:26px}.of-row-h h2{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;overflow:hidden}.of-row-h small{display:none}.of-row-h a{white-space:nowrap;flex:none}.of-track{--per:2.7;--gap:10px;padding-top:10px;padding-bottom:12px}.of-row--big .of-track{--per:1.9}.of-row--wide .of-track{--per:1.12}.of-cat-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.of-cat-tabs .of-chip{flex:none;height:34px;padding:0 13px}.of-arrow{display:none}.of-card-t b{font-size:13.5px}.of-card-t span{font-size:11.5px}.of-card:hover .of-art{box-shadow:0 0 0 1px var(--line), 0 18px 30px -18px #000000e6;transform:none}.of-hover,.of-real{display:none}.of-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.of-modal{background:var(--card)}.of-dlg{width:100%;box-shadow:none;border-radius:0;margin:0;animation:none}.of-dlg-top{height:auto}.of-dlg-top .of-hero-art{aspect-ratio:5/4;width:100%;height:auto;position:relative;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 42%);mask-image:linear-gradient(0deg,#0000 0,#000 42%)}.of-dlg-top .of-hero-art img{object-position:50% 10%;transform:none}.of-dlg-top.of-dlg-top--cr .of-hero-art{aspect-ratio:2/3;border-radius:14px;width:58%;margin:56px auto 0;top:auto;bottom:auto;right:auto;-webkit-mask-image:none;mask-image:none}.of-dlg-top.of-dlg-top--cr .of-hero-copy{margin-top:18px}.of-art img.of-mark{width:16px;inset:7px 7px auto auto}.of-mark--cr{width:20px;height:20px;font-size:8px;inset:6px 6px auto auto}.of-row--big .of-mark--cr{width:24px;height:24px;font-size:9.5px;inset:8px 8px auto auto}.of-row--cr .of-cr-chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.of-row--cr .of-cr-chips .of-chip{flex:none;height:34px;font-size:13px}.of-row--big .of-art img.of-mark{width:19px;inset:9px 9px auto auto}.of-chead .of-ava{width:52px;height:52px;font-size:18px}.of-dlg-top.of-hero-layer--wide .of-hero-art{aspect-ratio:16/10}.of-dlg-top:after{content:none}.of-dlg-top .of-hero-copy{text-align:left;justify-items:start;width:auto;margin:-56px 16px 0;position:relative;bottom:auto;left:auto}.of-dlg-top .of-hero-copy h2{font-size:28px}.of-dlg-top .of-hero-copy .of-acts{justify-content:flex-start}.of-dlg-top .of-hero-copy .of-btn--play{flex:auto}.of-dlg-body{gap:18px;padding:18px 16px 0}.of-tabs{scrollbar-width:none;margin:22px 16px 0;overflow-x:auto}.of-tabs button{white-space:nowrap;padding:0 10px;font-size:14px}.of-pane{padding:18px 16px 36px}.of-eps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.of-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.of-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.of-screen{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.of-pl-wrap{position:absolute;inset:0}.of-side-acts{z-index:4;padding:0;position:absolute;bottom:150px;right:10px}.of-act>span:first-child{background:#0006;width:44px;height:44px}.of-proto{top:64px}.of-foot{margin-top:10px}.of-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.of-tabbar{z-index:45;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -1px 0 var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a09f5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.of-tabbar a{color:var(--muted);font:600 11px/1 var(--thai);border-radius:12px;justify-items:center;gap:4px;padding:6px 0;text-decoration:none;display:grid}.of-tabbar a .of-ic{width:22px;height:22px}.of-tabbar a[aria-current=page]{color:var(--gold-hi)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.of-acct{display:flex;position:relative}.of-signin{background:var(--gold-grad);height:38px;color:var(--ink);font:700 14px/1 var(--thai);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.of-signin .of-ic{width:18px;height:18px}.of-avatar{background:var(--gold-grad);width:38px;height:38px;color:var(--ink);font:700 16px/1 var(--thai);cursor:pointer;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px #f0b95680;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.of-acct-menu{z-index:50;background:var(--pop);min-width:230px;box-shadow:inset 0 0 0 1px var(--line-2), 0 24px 50px -20px #000000e6;border-radius:14px;gap:2px;padding:14px 8px 8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.of-acct-menu[hidden]{display:none}.of-acct-menu>b{font:700 15px/1.3 var(--thai);padding:0 10px}.of-acct-menu>small{border-bottom:1px solid var(--line);color:var(--muted);font:500 12.5px/1.3 var(--sans);margin-bottom:6px;padding:0 10px 10px}.of-acct-menu a,.of-acct-menu button{height:40px;color:var(--text-2);font:500 14px/1 var(--thai);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.of-acct-menu a:hover,.of-acct-menu button:hover{color:var(--text);background:#ffffff12}.of-acct-menu .of-ic{width:18px;height:18px}.of-sign{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.of-sign[hidden]{display:none}.of-sign-box{background:var(--card);text-align:center;width:min(420px,100%);box-shadow:inset 0 0 0 1px var(--line-2), 0 40px 90px -40px #f0b95659;border-radius:22px;justify-items:center;gap:14px;padding:40px 30px 28px;display:grid;position:relative}.of-sign-box>img{width:46px;height:46px}.of-sign-box h2{font:700 22px/1.3 var(--thai);text-wrap:balance;margin:0}.of-sign-box p{color:var(--text-2);margin:0;font-size:14.5px}.of-sign-box .of-btn{width:100%;height:50px}.of-sign-box small{color:var(--muted);font:500 12px/1.5 var(--thai)}.of-act[aria-pressed=true] .of-ic{fill:currentColor}@media (max-width:760px){.of-signin{height:34px;padding:0 12px 0 10px;font-size:13px}.of-avatar{width:34px;height:34px}}.of-frame.is-cr img{width:100%;height:100%;top:0;left:0}.of-frame{position:absolute;inset:0}.of-frame img{object-fit:cover;width:140%;max-width:none;height:140%;animation:22s ease-in-out infinite alternate of-kb;position:absolute;top:-7%;left:-20%}.of-frame.is-up{animation:of-up .45s var(--spring) both}.of-frame.is-down{animation:of-down .45s var(--spring) both}dialog{color:var(--text);font:inherit;border:0;max-width:none;max-height:none;margin:0;padding:0}dialog.of-modal,dialog.of-sign,dialog.of-lb,dialog.of-player,dialog.of-sheet-dialog{width:100%;height:100dvh}dialog:not([open]){display:none}dialog::backdrop{background:#00000080}.of-app{min-width:0;max-width:100%}.of-skip{top:8px;left:var(--pad);z-index:150;background:var(--gold);color:var(--ink);padding:10px 16px;position:fixed;transform:translateY(-200%)}.of-skip:focus{transform:none}.of-language{border:1px solid var(--line-2);background:var(--pop);width:78px;height:34px;color:var(--text);font:500 12px var(--sans);border-radius:999px;padding:0 7px}details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}.of-cats>summary{white-space:nowrap;align-items:center;gap:5px;padding:8px 12px;display:flex}.of-cats:not([open]) .of-cats-menu,.of-acct:not([open]) .of-acct-menu{display:none}.of-acct-menu{text-align:left}.of-hero-controls{z-index:3;right:var(--pad);top:calc(var(--top-h) + 18px);gap:6px;display:flex;position:absolute}.of-hero-controls .of-round{width:34px;height:34px}.of-row:focus-within .of-arrow:not([disabled]){opacity:1}.of-card-t .of-byname{font-size:inherit}.of-wtx .of-byname{font-size:12px}.of-track:focus-visible{outline-offset:-3px}.of-detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.of-detail-actions .of-acts{margin:0}.of-gallery{list-style:none}.of-creator-head{justify-items:start}.of-pl-panel h4{margin:0}.of-range{width:100%;height:16px;accent-color:var(--gold);cursor:pointer;margin:0}.of-ctl button:disabled{opacity:.35;cursor:default}.of-screen:focus-visible{outline-offset:-3px}.of-video{z-index:2;object-fit:contain;width:100%;height:100%;position:relative}.of-sheet-dialog{background:#00000080;position:fixed;inset:0}.of-sheet-dialog .of-pl-panel{max-height:78dvh;padding-top:64px;transform:none}.of-lb{padding-top:70px}.of-lb>img{object-fit:contain;min-height:0}.of-toast{max-width:calc(100vw - 32px)}.of-unavailable{max-width:700px;margin:auto;padding:100px 24px}.of-unavailable a{color:var(--gold)}.of-hero-dots{pointer-events:none}@media (min-width:961px) and (max-width:1440px){.of-top{gap:18px}.of-tools{gap:9px}.of-nav a,.of-nav button{padding-left:9px;padding-right:9px}.of-search.is-open input,.of-search input:not(:placeholder-shown){width:200px}}@media (max-width:960px){.of-pl-stage{height:100%}.of-player>.of-pl-panel{display:none}}@media (max-width:760px){.of-top{gap:10px}.of-tools{gap:8px;min-width:0}.of-tools>.of-search{display:none}.of-language{width:65px;height:32px;padding:0 4px;font-size:11px}.of-brand{gap:8px}.of-signin .of-ic{display:none}.of-hero-controls{top:calc(var(--top-h) + 14px);right:calc(50vw - min(78vw,330px)/2 + 8px)}.of-hero-controls .of-round{background:#0000008c;width:30px;height:30px}.of-hero-copy h1{clip-path:inset(50%);width:1px;height:1px;display:block;position:absolute;overflow:hidden}.of-dlg .of-hero-copy .of-kicker{display:flex}.of-detail-actions{width:100%}.of-detail-actions .of-acts{flex:1}.of-pl-bot{padding-bottom:max(16px, env(safe-area-inset-bottom))}.of-pl-cap{padding-right:44px}.of-pl-cap span{font-size:12px}.of-side-acts .of-round{width:44px;height:44px}.of-next{bottom:175px}.of-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.of-frame img{animation:none}}.of-by-prefix{color:var(--muted);font-style:normal;font-weight:400}@media (min-width:961px) and (max-width:1200px){.of-by-site{display:none}}.of-credit{align-items:center;gap:.3em;display:inline-flex}.of-credit .of-byname{font-style:normal}