@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:200;src:url(/_astro/be-vietnam-pro-vietnamese-200-normal.Dsd799Xj.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-200-normal.C14SXB35.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:200;src:url(/_astro/be-vietnam-pro-latin-ext-200-normal.CN9IJ_u4.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-200-normal.D8U5sJ-E.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:200;src:url(/_astro/be-vietnam-pro-latin-200-normal.5c8vEJYY.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-200-normal.BFMlaCkv.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/be-vietnam-pro-vietnamese-300-normal.DgHVdWqW.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-300-normal.CCFytK8Z.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/be-vietnam-pro-latin-ext-300-normal.Dcmdtkil.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-300-normal.BzPhHJqr.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/be-vietnam-pro-latin-300-normal.Y7NOBCwQ.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-300-normal.B5D-7GXS.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-ext-400-normal.CiZNW1ec.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-400-normal.DYBYyMQr.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-vietnamese-500-normal.DREgrEoJ.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-500-normal.CfdwVo8-.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-latin-ext-500-normal.h0Fp6aX0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-500-normal.CK0UkkKf.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-latin-500-normal.B6LVzGNe.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-500-normal.BJkVuMHw.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-ext-600-normal.BNd8euf0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-600-normal.BeUwKxhG.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff");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}:root{color-scheme:dark;--bg:#05222c;--bg-2:#0b3442;--surface:#0e3b4a;--line:#ffffff24;--ink:#f2f8f9;--ink-2:#f2f8f9b8;--ink-3:#f2f8f97a;--accent:#00807e;--on-accent:#fff;--c-anh:#c9461f;--c-gif:#c8006b;--c-video:#218838;--c-truyen:#f0a30a;--c-teal:#00807e;--c-cobalt:#0050ef;--c-violet:#7a1fe0;--c-sky:#0b6fb8;--c-slate:#2d4c57;--ink-on-truyen:#1a1204;--font:"Be Vietnam Pro", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-read:"Literata", Georgia, "Times New Roman", serif;--ease-metro:cubic-bezier(.1, .9, .2, 1);--pad:clamp(16px, 4vw, 56px);--max:1560px;--gap:6px}:root[data-theme=light]{color-scheme:light;--bg:#e8f0f2;--bg-2:#dbe6e9;--surface:#fff;--line:#05222c24;--ink:#06232d;--ink-2:#06232dbd;--ink-3:#06232d80;--c-slate:#4b6873}:root[data-tiles=accent]{--c-anh:var(--accent);--c-gif:var(--accent);--c-video:var(--accent);--c-truyen:var(--accent);--c-teal:var(--accent);--c-cobalt:var(--accent);--c-violet:var(--accent);--c-sky:var(--accent);--ink-on-truyen:var(--on-accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--ink-3) transparent}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55;overflow-x:hidden}img,svg,video,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:min(100%, var(--max));padding-inline:var(--pad);margin-inline:auto}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s ease-in both vt-out}::view-transition-new(root){animation:.26s var(--ease-metro) both vt-in}@keyframes vt-out{to{opacity:0;transform:translate(-24px)}}@keyframes vt-in{0%{opacity:0;transform:translate(32px)}}.appbar{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.appbar.is-scrolled{border-bottom-color:var(--line)}.appbar .wrap{align-items:center;gap:20px;height:60px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.35rem;font-weight:300;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--on-accent);letter-spacing:-.04em;place-items:center;font-size:.95rem;font-weight:600;display:grid}.nav{gap:4px;margin-left:8px;display:flex}.nav a{color:var(--ink-3);padding:6px 10px;font-size:1.05rem;font-weight:300;transition:color .15s}.nav a:hover{color:var(--ink-2)}.nav a[aria-current=page]{color:var(--ink);font-weight:400}.actions{gap:6px;margin-left:auto;display:flex}.rbtn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:2px solid;border-radius:50%;flex:none;place-items:center;transition:background .12s,color .12s;display:inline-grid}.rbtn .icon{width:18px;height:18px}.rbtn:hover{background:color-mix(in srgb, var(--ink) 12%, transparent)}.rbtn:active{background:var(--ink);color:var(--bg)}.dock{display:none}@media (width<=760px){.nav,.actions .hide-sm{display:none}.dock{z-index:40;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-2) 88%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.dock a,.dock button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:2px 0;font-size:.68rem;display:grid}.dock .rbtn{pointer-events:none;width:34px;height:34px}.dock [aria-current=page]{color:var(--ink)}.dock [aria-current=page] .rbtn{background:var(--ink);color:var(--bg)}body{padding-bottom:76px}}.panorama{padding-top:clamp(12px,3vw,36px);overflow:hidden}.panorama-title{letter-spacing:-.055em;white-space:nowrap;text-transform:lowercase;color:var(--ink);margin-left:-.06em;padding-bottom:.18em;font-size:clamp(4.2rem,15vw,13rem);font-weight:200;line-height:.9}.panorama-sub{text-wrap:pretty;color:var(--ink-2);max-width:none;margin-top:clamp(10px,1.6vw,20px);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:300}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.panorama-title{animation:linear both pano scroll(root);animation-range:0 70vh}@keyframes pano{to{opacity:.35;transform:translate(-18vw)}}}}.pivot{scrollbar-width:none;gap:clamp(14px,2.4vw,32px);margin-top:18px;padding-bottom:6px;display:flex;overflow-x:auto}.pivot::-webkit-scrollbar{display:none}.pivot a{letter-spacing:-.02em;color:var(--ink-3);flex:none;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:300;transition:color .15s}.pivot a:hover{color:var(--ink-2)}.pivot a[aria-current=page]{color:var(--ink)}.group-title{letter-spacing:-.02em;align-items:baseline;gap:14px;margin:clamp(36px,5vw,64px) 0 14px;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:300;display:flex}.group-title a{color:var(--ink-3);font-size:.95rem}.group-title a:hover{color:var(--ink)}.tiles{container-type:inline-size}.grid{--cols:4;--cell:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);grid-auto-flow:dense;gap:var(--gap);display:grid}@container (width>=620px){.grid{--cols:8}}@container (width>=980px){.grid{--cols:12;--gap:8px}}@container (width>=1380px){.grid{--cols:16;--gap:8px}}.t-s{grid-area:span 1/span 1}.t-m{grid-area:span 2/span 2}.t-w{grid-area:span 2/span 4}.t-l{grid-area:span 4/span 4}@container (width<=619px){.t-l{grid-row:span 3}}.tile{--tile:var(--c-slate);--tile-ink:#fff;perspective:900px;min-width:0;animation:turnstile .52s var(--ease-metro) both;animation-delay:calc(min(var(--i,0), 18) * 32ms);display:block;position:relative}.tile-in{background:var(--tile);color:var(--tile-ink);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1));transition:transform .18s var(--ease-metro);outline-offset:-2px;outline:2px solid #0000;position:absolute;inset:0;overflow:hidden}.tile:hover .tile-in{outline-color:#ffffff8c}.tile:focus-visible{outline:none}.tile:focus-visible .tile-in{outline:3px solid var(--ink);outline-offset:2px}@keyframes turnstile{0%{opacity:0;transform-origin:-30%;transform:perspective(1400px)rotateY(-72deg)translate(-12px)}to{opacity:1;transform-origin:-30%;transform:perspective(1400px)}}.tile-label{z-index:3;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #00000059;font-size:.84rem;font-weight:500;line-height:1.2;position:absolute;bottom:7px;left:10px;right:40px;overflow:hidden}.tile-count{z-index:3;opacity:.85;font-size:.84rem;font-weight:300;position:absolute;bottom:6px;right:10px}.t-s .tile-label{display:none}.face{background:var(--tile);backface-visibility:hidden;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;inset:0}.face+.face{visibility:hidden}.face.is-current{visibility:visible}.face-icon{justify-content:center;align-items:center}.face-icon .icon{aspect-ratio:1;width:clamp(28px,30%,84px);height:auto}.t-s .face-icon .icon{width:46%}.face-img img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.face-img:after{content:"";background:linear-gradient(#0000,#0000009e);height:48%;position:absolute;inset:auto 0 0}.face-img .face-caption{z-index:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:400;line-height:1.25;display:-webkit-box;position:absolute;bottom:28px;left:10px;right:10px;overflow:hidden}.face-text{gap:6px;padding:12px 14px 34px}.face-text .big{letter-spacing:-.01em;font-size:clamp(1.1rem,2.2cqi,1.45rem);font-weight:300;line-height:1.2}.face-text .small{opacity:.88;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.face-text .huge{letter-spacing:-.04em;font-size:clamp(2.6rem,6cqi,4.2rem);font-weight:200;line-height:1}.face-play{z-index:2;color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.face-play .icon{fill:#fff;width:14px;height:14px;margin-left:2px}.face.in-flip{animation:flip-in .42s var(--ease-metro) .26s both}.face.out-flip{visibility:visible;z-index:1;animation:.26s ease-in both flip-out}@keyframes flip-in{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes flip-out{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}.face.in-slide,.face.in-peek{z-index:2}.face.in-slide{animation:slide-in .7s var(--ease-metro) both}.face.out-slide{animation:slide-out .7s var(--ease-metro) both;visibility:visible}@keyframes slide-in{0%{transform:translateY(100%)}}@keyframes slide-out{to{transform:translateY(-100%)}}.face.in-peek{animation:slide-in .7s var(--ease-metro) both}.face.out-peek{animation:peek-out .7s var(--ease-metro) both;visibility:visible}@keyframes peek-out{to{opacity:0;transform:translateY(-62%)}}.face.in-fade{z-index:2;animation:.6s both fade-in}.face.out-fade{visibility:visible;animation:.6s both fade-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.tile{animation:none!important}.tile-in{transition:none}}:root[data-motion=off] .tile{animation:none!important}.tile-clock .face-text{justify-content:flex-end;padding-bottom:30px}.tile-search form{z-index:3;display:flex;position:absolute;inset:auto 12px 36px}.tile-search input{color:#06232d;min-width:0;height:40px;font:inherit;background:#fffffff5;border:2px solid #ffffffe6;border-radius:0;flex:1;padding:0 12px;font-size:1rem}.tile-search input:focus{background:#fff;border-color:#fff;outline:none}.tile-search .face-text{padding-top:14px}.feed-head{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:26px 0 18px;display:flex}.feed-head strong{color:var(--ink);font-weight:400}.feed-justify{--row:240px;flex-wrap:wrap;gap:8px;display:flex}.feed-justify:after{content:"";flex:999 1 calc(var(--row) * 2)}@media (width<=760px){.feed-justify{--row:150px;gap:6px}}@media (width>=1600px){.feed-justify{--row:280px}}.pic{flex:var(--r,1) 1 calc(var(--r,1) * var(--row));min-width:0;overflow:hidden}.pic .card-media{aspect-ratio:var(--r,1);height:auto}.pic .card-media img{object-fit:cover;object-position:50% 0;width:100%;height:100%;transition:transform .5s var(--ease-metro), filter .2s}.pic.is-long .card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000080);height:22%;position:absolute;inset:auto 0 0}.pic-badges{z-index:3;gap:4px;display:flex;position:absolute;top:8px;right:8px}.pic-badges .count-badge{position:static}.pic-cap{z-index:3;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b8);padding:26px 12px 9px;font-size:.92rem;line-height:1.3;transition:white-space,padding .2s;position:absolute;inset:auto 0 0;overflow:hidden}.pic:hover .pic-cap,.pic:focus-visible .pic-cap{white-space:normal}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.feed-stories{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;display:grid}.card{background:var(--bg-2);display:block;position:relative}.card-media,.card-body,.card-title,.card-meta{display:block}.card-media{background:color-mix(in srgb, var(--bg-2) 70%, var(--ink) 4%);position:relative;overflow:hidden}.card-media img{width:100%;height:auto}.card-media.r169{aspect-ratio:16/9}.card-media.r169 img{object-fit:cover;height:100%}.card-body{padding:10px 12px 12px}.card-title{font-size:.98rem;font-weight:400;line-height:1.35}.card-meta{color:var(--ink-3);margin-top:4px;font-size:.8rem}.card .face-play{top:auto;bottom:10px;right:10px}.card:hover .card-title{text-underline-offset:3px;text-decoration:underline 1px}.card .count-badge{color:#fff;background:#000000a8;padding:2px 8px;font-size:.78rem;position:absolute;top:8px;right:8px}.story{background:var(--c-truyen);min-height:210px;color:var(--ink-on-truyen);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.story:nth-child(4n+2){background:color-mix(in srgb, var(--c-truyen) 86%, #000)}.story:nth-child(4n+3){background:color-mix(in srgb, var(--c-truyen) 78%, #6a3500)}.story h2{letter-spacing:-.01em;font-size:1.35rem;font-weight:300;line-height:1.22}.story p{opacity:.86;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.story .story-meta{opacity:.8;gap:14px;margin-top:auto;font-size:.8rem;display:flex}.story:hover h2{text-underline-offset:4px;text-decoration:underline 1px}.more{justify-content:center;gap:10px;margin:34px 0 12px;display:flex}.btn{border:2px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 20px;font-size:.98rem;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.btn:active{background:var(--ink);color:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn .icon{width:18px;height:18px}.loading-dots{gap:6px;display:inline-flex}.loading-dots i{background:var(--accent);width:5px;height:5px;animation:dots 1.4s infinite var(--ease-metro)}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}.loading-dots i:nth-child(4){animation-delay:.36s}.loading-dots i:nth-child(5){animation-delay:.48s}@keyframes dots{0%{opacity:0;transform:translate(-40px)}40%,60%{opacity:1;transform:none}to{opacity:0;transform:translate(40px)}}.post{padding-top:clamp(14px,3vw,32px)}.post-top{align-items:center;gap:14px;display:flex}.post-cat{color:var(--ink-2);font-size:1.15rem;font-weight:300}.post-cat:hover{color:var(--ink)}.post-title{letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin-top:clamp(14px,2.4vw,26px);font-size:clamp(1.9rem,4.6vw,3.6rem);font-weight:300;line-height:1.08}.post-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:14px;font-size:.92rem;display:flex}.post-meta .share{gap:6px;margin-left:auto;display:flex}.post-meta .rbtn{width:36px;height:36px;color:var(--ink-2)}.post-media{gap:12px;max-width:1040px;margin-top:clamp(18px,3vw,32px);display:grid}.post-media figure{margin:0;position:relative}.post-media img{cursor:zoom-in;background:var(--bg-2);width:auto;max-width:100%;height:auto}.post-media figure.tall img{max-width:min(100%,720px)}.post-media .gone,.media-gone{text-align:center;background:var(--bg-2);min-height:220px;color:var(--ink-3);place-items:center;gap:8px;padding:24px;font-size:.95rem;display:grid}.post-media .gone .icon{width:36px;height:36px}.video{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-facade{cursor:pointer;background:#000;border:0;width:100%;padding:0;position:absolute;inset:0}.video-facade img{object-fit:cover;opacity:.88;width:100%;height:100%;transition:opacity .2s}.video-facade:hover img{opacity:1}.video-facade .play{color:#fff;width:84px;height:84px;transition:background .15s, scale .15s var(--ease-metro);background:#00000040;border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.video-facade:hover .play{background:var(--c-video);scale:1.06}.video-facade .play .icon{fill:#fff;width:30px;height:30px;margin-left:4px}.post-text{max-width:68ch;color:var(--ink-2);margin-top:22px}.post-text a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.post-source{color:var(--ink-3);margin-top:16px;font-size:.88rem}.reader{--read-size:1.14rem;max-width:66ch;font-family:var(--font-read);font-size:var(--read-size);color:var(--ink);font-variant-ligatures:common-ligatures;margin-top:clamp(20px,3vw,36px);line-height:1.78}.reader p{margin:0 0 1.05em}.reader h2,.reader h3{font-family:var(--font);margin:1.6em 0 .6em;font-size:1.3em;font-weight:400;line-height:1.3}.reader mark{color:inherit;box-shadow:inset 0 -.38em 0 color-mix(in srgb, var(--c-truyen) 45%, transparent);background:0 0;font-weight:600}.reader a{text-decoration:underline;text-decoration-color:var(--c-truyen);text-underline-offset:3px}.reader img:not(.smiley){height:auto;margin:1.2em 0}.reader table{border-collapse:collapse}.reader td{border:1px solid var(--line);padding:4px 8px}img.smiley{vertical-align:-.2em;width:auto;height:1.4em;margin:0 .15em;display:inline-block}.reader-tools{color:var(--ink-3);align-items:center;gap:8px;margin-top:18px;font-size:.9rem;display:flex}.reader-tools .rbtn{width:36px;height:36px;color:var(--ink-2)}.progress{z-index:60;background:var(--c-truyen);transform-origin:0;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress{animation:linear both grow scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}.chapters{margin-top:28px}.chapters ol{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.chapters ol a{background:var(--c-truyen);min-width:52px;height:52px;color:var(--ink-on-truyen);place-items:center;padding:0 10px;font-size:1.05rem;font-weight:300;display:grid}.chapters ol a:hover{outline:2px solid var(--ink);outline-offset:-2px}.chapters ol a[aria-current=page]{background:var(--ink);color:var(--bg)}.pager{grid-template-columns:1fr 1fr;gap:8px;margin-top:clamp(36px,5vw,60px);display:grid}.pager a{background:var(--bg-2);align-items:flex-end;min-height:128px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.pager a img{object-fit:cover;opacity:.45;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.pager a:hover img{opacity:.7}.pager .pager-text{gap:2px;display:grid;position:relative}.pager small{color:var(--ink-2);font-size:.82rem}.pager span.t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.3;display:-webkit-box;overflow:hidden}.pager .older{text-align:right;justify-content:flex-end}.pager a:only-child.older{grid-column:2}.kbd-hint{color:var(--ink-3);margin-top:10px;font-size:.8rem}.kbd-hint kbd{font:inherit;border:1px solid var(--line);padding:0 5px}@media (hover:none){.kbd-hint{display:none}}.lightbox{color:#fff;background:#020e12f0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.lightbox::backdrop{background:0 0}.lightbox[open]{animation:vt-in .22s var(--ease-metro);place-items:center;display:grid}.lightbox img{object-fit:contain;cursor:zoom-out;width:auto;max-width:96vw;height:auto;max-height:92dvh}.lightbox .rbtn{color:#fff;position:fixed;top:16px;right:16px}.charms{background:var(--bg-2);width:min(380px,100vw);height:100dvh;max-height:none;color:var(--ink);border:0;margin:0 0 0 auto;padding:28px 26px;box-shadow:-24px 0 60px #00000059}.charms::backdrop{background:#00000059}.charms[open]{animation:charm-in .36s var(--ease-metro)}@keyframes charm-in{0%{transform:translate(100%)}}.charms h2{letter-spacing:-.04em;font-size:2.6rem;font-weight:200;line-height:1}.charms h3{color:var(--ink-2);margin:28px 0 10px;font-size:1rem;font-weight:400}.charms .close{position:absolute;top:22px;right:22px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{position:relative}.seg input{opacity:0;position:absolute}.seg span{border:2px solid var(--line);cursor:pointer;padding:8px 14px;font-size:.95rem;display:inline-block}.seg input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--bg)}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.swatches{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.swatches button{aspect-ratio:1;cursor:pointer;background:var(--sw);border:0;position:relative}.swatches button[aria-pressed=true]:after{content:"";border:3px solid var(--ink);outline:2px solid var(--bg-2);outline-offset:-5px;position:absolute;inset:0}.charms .note{color:var(--ink-3);margin-top:28px;font-size:.85rem}.foot{border-top:1px solid var(--line);color:var(--ink-3);margin-top:clamp(64px,8vw,110px);padding:28px 0 40px;font-size:.88rem}.foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px 40px;display:flex}.foot blockquote{color:var(--ink-2);max-width:46ch;margin:0;font-size:1.15rem;font-weight:300}.foot cite{color:var(--ink-3);margin-top:4px;font-size:.85rem;font-style:normal;display:block}.foot nav{gap:18px;display:flex}.foot a:hover{color:var(--ink)}.empty{color:var(--ink-2);padding:40px 0;font-size:1.1rem}.prose{max-width:64ch;color:var(--ink-2);font-size:1.08rem}.prose p+p{margin-top:1em}.prose a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.searchbar{gap:8px;max-width:760px;margin-top:22px;display:flex}.searchbar input{border:2px solid var(--ink-3);background:var(--surface);min-width:0;height:56px;color:var(--ink);font:inherit;border-radius:0;flex:1;padding:0 18px;font-size:1.2rem;font-weight:300}.searchbar input:focus{border-color:var(--accent);outline:none}.search-status{color:var(--ink-3);min-height:1.5em;margin:16px 0}mark.hit{background:color-mix(in srgb, var(--accent) 40%, transparent);color:inherit}.chapters .post-cat a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--c-truyen);text-underline-offset:4px}.tile-in:after,.card:after,.story:after,.pager a:after{content:"";z-index:4;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #fff3, transparent 70%);transition:opacity .18s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffbf}.story,.pager a{position:relative}@media (hover:hover){.tile:hover .tile-in:after,.card:hover:after,.story:hover:after,.pager a:hover:after{opacity:1}.tile:hover .tile-in{outline-color:#0000}.card:hover .card-media img{filter:brightness(1.08)saturate(1.05)}.pic:hover .card-media img{transform:scale(1.025)}.card:hover .card-title,.story:hover h2{text-decoration:none}}.card:focus-visible,.story:focus-visible,.pager a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.card:focus-visible:after,.story:focus-visible:after{opacity:1}:root[data-theme=light] .card:after{box-shadow:inset 0 0 0 2px #06232d8c}.count-badge{white-space:nowrap}.loading-dots[hidden]{display:none}