@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #161513;--canvas: #dcdad5;--canvas-soft: #d2d0ca;--ink: #1d1c1a;--ink-soft: #57544e;--line: #232220;--radius-sheet: 26px;--radius-card: 20px;--gap: clamp(14px, 2.2vw, 26px);--pad: clamp(18px, 3.5vw, 48px);--app-pad: clamp(6px, 1.2vw, 14px)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:Archivo Variable,system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;padding:var(--app-pad);max-width:100%}#app,.sheet{min-width:0}.sheet{flex:1;display:flex;flex-direction:column;background:var(--canvas);border-radius:var(--radius-sheet);padding:var(--pad);min-height:calc(100vh - (2*clamp(6px,1.2vw,14px)))}.sheet>main{flex:1}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.wordmark{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:480;letter-spacing:-.02em;line-height:1;text-decoration:none;display:inline-block}.socials{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.socials a{font-size:.72rem;font-weight:560;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.socials a:hover{text-decoration:underline;text-underline-offset:4px}.identity .bio{margin:1.5rem 0 0;font-size:.92rem;color:var(--ink-soft);max-width:34ch;white-space:pre-line}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.grid .identity{grid-column:span 2;align-self:start;padding-top:clamp(.5rem,2vw,1.6rem)}.card{aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--canvas);display:block;position:relative}.card>img,.card>video{width:100%;height:100%;object-fit:cover;display:block}.card-slider{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.card-slider::-webkit-scrollbar{display:none}.card-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.card-slide img,.card-slide video{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.card-empty{width:100%;height:100%;background:var(--canvas-soft)}.card.skeleton{background:var(--canvas-soft);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.empty-state{grid-column:1 / -1;color:var(--ink-soft);font-size:.95rem;padding:3rem 0}.site-footer{margin-top:clamp(2rem,5vw,3.5rem);text-align:center;font-size:.78rem;color:var(--ink-soft)}.post-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.2rem,3vw,2rem)}.back-link{font-size:1.4rem;font-weight:480;letter-spacing:-.02em;text-decoration:none}.back-link:hover{text-decoration:underline;text-underline-offset:5px}.strip{display:flex;min-width:0;max-width:100%;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.strip::-webkit-scrollbar{display:none}.strip-item{flex:0 0 auto;height:68vh;display:flex}.media-el{display:block;height:100%;width:auto;object-fit:cover;border-radius:0;background:#cfcdc7}.strip-item .placeholder{height:100%}.strip-item .media-el.placeholder{width:auto;aspect-ratio:attr(data-ar)}.strip.layout-uniform{align-items:stretch}.strip.layout-top{align-items:flex-start}.strip.layout-top .strip-item{height:auto}.strip.layout-top .media-el{height:auto;max-height:74vh;width:auto}.strip.layout-center{align-items:center}.strip.layout-center .strip-item{height:auto}.strip.layout-center .media-el{height:auto;max-height:74vh;width:auto}.strip.layout-top .placeholder,.strip.layout-center .placeholder{height:auto;width:clamp(200px,24vw,380px);aspect-ratio:auto!important}.strip.layout-uniform .strip-item,.strip.layout-uniform .strip-item.match-h{height:68vh}.strip.layout-uniform .strip-item.match-h .placeholder{height:100%;width:auto}.strip.layout-uniform .strip-item:not(.match-h) .placeholder{height:68vh;width:auto}.scrollbar-track{position:relative;height:6px;margin:.9rem auto 0;max-width:100%}.scrollbar-thumb{position:absolute;top:0;left:0;height:6px;border-radius:3px;background:#f2f0eb;cursor:grab;transition:background .2s ease;will-change:transform}.scrollbar-thumb:hover{background:#fff}.scrollbar-thumb:active{cursor:grabbing}.vol{display:flex;align-items:center;gap:.6rem}.vol-btn{border:none;background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:.2rem}.vol-btn:hover{color:var(--ink-soft)}.vol-tri{width:90px;height:22px;cursor:pointer;display:flex;align-items:center;touch-action:none}.vol-tri-svg{width:100%;height:22px;overflow:visible}.vol-tri-track{fill:#c4c2bc}.vol-tri-fill{fill:var(--ink)}.vol-num{font-size:.72rem;letter-spacing:.08em;color:var(--ink-soft);min-width:1.8rem;text-align:right}.post-meta{max-width:60ch;margin-top:clamp(1.4rem,3vw,2rem)}.post-meta h1{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:520;letter-spacing:-.015em;margin:0 0 .3rem}.post-meta time{font-size:.78rem;color:var(--ink-soft);letter-spacing:.06em}.post-meta p{margin:.9rem 0 0;white-space:pre-line}.not-found{padding:3rem 0;color:var(--ink-soft)}.not-found a{color:var(--ink)}.admin-top-right{display:flex;align-items:center;gap:.8rem}.admin-badge{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--ink-soft);border-radius:999px;padding:.25rem .7rem}.notice{border-radius:10px;padding:.6rem .9rem;font-size:.85rem;margin:0 0 1rem}.notice.ok{background:#cfd8c6}.notice.err{background:#dcc2bc}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.panel{border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(1rem,2.5vw,1.6rem);display:flex;flex-direction:column;gap:.9rem}.panel h1,.panel h2{margin:0;font-size:1.05rem;font-weight:560;letter-spacing:.02em}.login-panel{max-width:380px;margin:8vh auto 0}.panel label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:560;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.panel input:not([type=checkbox]),.panel textarea,.new-post input{font:inherit;font-size:.95rem;color:var(--ink);background:#ffffff59;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem}.panel textarea{resize:vertical}.panel .check{flex-direction:row;align-items:center;gap:.5rem;text-transform:none;font-size:.9rem;color:var(--ink)}.btn{font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--canvas);background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;align-self:flex-start;transition:opacity .2s ease}.btn:hover{opacity:.85}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink)}.btn.small{padding:.35rem .85rem;font-size:.72rem}.upload-btn{align-self:flex-start}.icon-btn{font:inherit;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn.danger:hover{background:#dcc2bc}.tabs{display:flex;gap:.5rem;margin-bottom:1.4rem}.tabs button{font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;color:var(--ink-soft)}.tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.new-post{display:flex;gap:.6rem;margin-bottom:1.4rem;max-width:560px}.new-post input{flex:1}.post-rows,.img-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.post-row,.img-row{display:flex;align-items:center;gap:.9rem;border:1px solid var(--line);border-radius:14px;padding:.55rem .8rem}.row-thumb{width:52px;height:52px;border-radius:9px;overflow:hidden;background:var(--canvas-soft);flex:0 0 auto}.row-thumb img,.img-row>img{width:100%;height:100%;object-fit:cover;display:block}.img-row>img{width:64px;height:64px;border-radius:9px;flex:0 0 auto}.row-main{flex:1;display:flex;flex-direction:column;min-width:0}.row-main strong{font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small{color:var(--ink-soft);font-size:.75rem}.row-state{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.row-state.live{color:#3c5a34}.row-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}.hint{font-size:.78rem;color:var(--ink-soft);margin:0}.hint a{color:var(--ink)}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,1fr)}.grid .identity{grid-column:1 / -1;padding-top:0;padding-bottom:.6rem}.socials{flex-direction:row;gap:1.2rem;flex-wrap:wrap}.two-col{grid-template-columns:1fr}.post-row{flex-wrap:wrap}.row-actions{width:100%}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.scrollbar-track{display:none}.strip{scroll-snap-type:x mandatory;gap:0;width:calc(100% + 2 * var(--pad));max-width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding-left:0;padding-right:0}.strip-item{height:auto;flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:start}.strip-item .media-el{width:100%;height:auto;max-height:82vh;object-fit:cover;aspect-ratio:auto}.strip.layout-top .strip-item,.strip.layout-center .strip-item,.strip.layout-uniform .strip-item{flex:0 0 100%;height:auto}.strip .placeholder{width:100%!important;height:auto;aspect-ratio:var(--ph-ar, 1)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.78rem;font-weight:560;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.layout-choice{display:flex;gap:.5rem}.layout-opt{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .5rem;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;text-align:left}.layout-opt.active{background:var(--ink);border-color:var(--ink)}.layout-opt.active .layout-name,.layout-opt.active .layout-hint{color:var(--canvas)}.layout-name{font-size:.85rem;font-weight:560;color:var(--ink)}.layout-hint{font-size:.68rem;color:var(--ink-soft)}.media-actions{display:flex;gap:.6rem;flex-wrap:wrap}.ph-panel{display:flex;gap:1rem;border:1px solid var(--line);border-radius:12px;padding:.9rem;margin-top:.2rem}.ph-preview{width:90px;flex:0 0 90px;border-radius:8px;border:1px solid var(--line);align-self:stretch;min-height:90px}.ph-controls{flex:1;display:flex;flex-direction:column;gap:.6rem}.ph-color{flex-direction:row!important;align-items:center;gap:.5rem;text-transform:none!important}.ph-color input[type=color]{width:40px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}.ph-range{gap:.3rem}.ph-range input[type=range]{width:100%}.ph-dims{display:flex;gap:.6rem}.ph-dims label{flex:1}.ph-dims input{width:100%}.media-thumb{width:56px;height:56px;flex:0 0 auto;border-radius:9px;overflow:hidden;background:var(--canvas-soft);display:grid;place-items:center}.media-thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{width:100%;height:100%;display:block}.thumb-pending{color:var(--ink-soft);font-size:1.2rem}.media-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.media-kind{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);align-self:flex-start;padding:.1rem .5rem;border:1px solid var(--line);border-radius:999px}.media-kind.k-video{color:#712b13;border-color:#712b13}.media-kind.k-gif{color:#633806;border-color:#633806}.media-kind.k-placeholder{color:#26215c;border-color:#26215c}.media-status{font-size:.72rem;color:var(--ink-soft)}.media-status.cover{color:#3c5a34}.media-status.fail{color:#8a2a1a}.media-item{align-items:flex-start;gap:.7rem}.order-num{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.72rem;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:50%;margin-top:.2rem}.media-thumb{width:60px;height:60px;flex:0 0 60px;border-radius:9px;overflow:hidden;background:var(--canvas-soft);display:flex;align-items:center;justify-content:center}.media-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.media-info-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.media-file{font-size:.78rem;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-meta{font-size:.72rem;color:var(--ink-soft)}.media-pad{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.media-pad label{display:flex;align-items:center;gap:.25rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.media-pad input{width:4.6rem;font:inherit;font-size:.8rem;padding:.15rem .35rem;border:1px solid var(--line);border-radius:6px;background:#ffffff59}.mini-toggle{font:inherit;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer}.mini-toggle.on{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.vol.disabled{opacity:.4;pointer-events:none}.card-slider{cursor:default;touch-action:pan-y}.card-slider.dragging{cursor:grabbing}.card-slide img,.card-slide video{pointer-events:none}.post-top-right{display:flex;align-items:center;gap:1rem}.audio-embed{position:relative}.audio-bar{display:flex;align-items:center;gap:.6rem;background:transparent;border:none;border-radius:0;padding:0;max-width:260px}.audio-play{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:none;background:#1a1a19;color:#dcdad5;display:grid;place-items:center;cursor:pointer}.audio-play:hover{background:#000}.audio-info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.audio-title{font-size:.82rem;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.audio-src{font-size:.72rem;color:#000;text-decoration:none}.audio-src:hover{text-decoration:underline}.audio-hint{position:absolute;bottom:calc(100% + 8px);right:0;cursor:pointer;z-index:5;animation:hint-pulse 1.2s ease-in-out infinite}.hint-tri{position:absolute;bottom:-6px;right:24px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #1a1a19}.hint-body{display:flex;align-items:center;justify-content:center;text-align:center;background:#1a1a19;color:#f2f0eb;border-radius:6px;padding:.7rem 1.1rem;font-size:.8rem;line-height:1.35;white-space:nowrap}@keyframes hint-pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.03);opacity:1}}.hint-enter-active,.hint-leave-active{transition:opacity .4s ease}.hint-enter-from,.hint-leave-to{opacity:0}.post-foot{display:flex;align-items:flex-start;gap:1.5rem;margin-top:clamp(1.4rem,3vw,2rem)}.post-foot .post-meta{margin-top:0;flex:0 0 30%;max-width:30%}.post-audio{flex:1 1 70%;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.audio-frame-slot{width:100%;display:flex;justify-content:flex-end}.audio-frame-slot:empty{display:none}.audio-frame-box{position:relative;background:#fff;border-radius:8px;box-shadow:0 6px 24px #0000002e;overflow:hidden;margin-bottom:var(--gap, 20px);max-width:100%}.audio-frame-inner{width:100%;height:100%}.audio-frame-inner iframe{display:block;border:0;width:100%;height:100%}.audio-frame-close{position:absolute;top:4px;right:4px;z-index:2;width:24px;height:24px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:grid;place-items:center}.audio-frame-close:hover{background:#000c}.audio-frame-resize{position:absolute;bottom:0;left:0;z-index:2;width:16px;height:16px;cursor:nesw-resize;background:linear-gradient(45deg,transparent 6px,rgba(0,0,0,.35) 6px,rgba(0,0,0,.35) 8px,transparent 8px,transparent 10px,rgba(0,0,0,.35) 10px,rgba(0,0,0,.35) 12px,transparent 12px);touch-action:none}@media (max-width: 640px){.post-foot{flex-direction:column}.audio-frame-box{width:100%!important}}.embed-frame{position:relative;height:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.embed-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.strip.layout-top .embed-frame,.strip.layout-center .embed-frame{height:auto;width:clamp(320px,40vw,640px);aspect-ratio:16 / 9}@media (max-width: 640px){.post-top{flex-wrap:wrap}.post-top-right{width:100%;margin-top:.6rem;justify-content:space-between}.audio-embed{flex:1}.audio-bar,.audio-title{max-width:none}.audio-hint{left:0;right:auto}.hint-tri{left:24px;right:auto}}.card-embed{width:100%;height:100%;overflow:hidden;background:#000}.card-embed iframe{width:100%;height:100%;border:0;pointer-events:none}.audio-field{margin-top:.3rem}.audio-add{display:flex;gap:.5rem}.audio-add input{flex:1}.audio-current{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem .7rem;border:.5px solid var(--line);border-radius:8px;background:#ffffff4d}.audio-cur-title{font-size:.85rem;font-weight:500;color:var(--ink)}.audio-cur-prov{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem}.embed-panel{display:flex;gap:.5rem;margin:.2rem 0 .4rem}.embed-panel input{flex:1}.thumb-embed{color:var(--ink-soft);font-size:1rem}.media-kind.k-embed{color:#185fa5;border-color:#185fa5}