.media-document{width:100%;max-width:1320px;margin:0 auto;padding-block:48px 0}.media-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.media-title h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(2.7rem,6vw,5.4rem);font-weight:400;line-height:1.1}.media-title p{max-width:62ch;color:var(--secondary);margin:0;line-height:1.7}.media-document button,.media-admin button{cursor:pointer}.media-document button:disabled,.media-admin button:disabled{opacity:.48;cursor:not-allowed}.media-document input,.media-document select,.media-document textarea,.media-admin input,.media-admin select,.media-admin textarea{box-sizing:border-box;border:1px solid var(--rule);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:0;padding:10px 12px}.media-document label,.media-admin label{gap:8px;font-size:.85rem;display:grid}.media-document h2,.media-admin h2{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.media-document p,.media-admin p{line-height:1.65}.media-albums{border-bottom:1px solid var(--rule);gap:24px;margin-bottom:28px;padding:0 0 24px;display:flex;overflow-x:auto}.media-albums button{text-align:left;color:var(--ink);font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:0 0 220px;align-content:center;gap:6px 12px;padding:0 0 12px;display:grid}.media-albums button.is-active{border-color:var(--cobalt);color:var(--cobalt)}.media-albums button:has(img){grid-template-columns:64px 1fr}.media-albums img{object-fit:cover;grid-row:span 2;width:64px;height:64px}.media-albums small,.media-photo small,.media-admin small{color:var(--secondary);font-size:.75rem;line-height:1.6;display:block}.media-album-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.media-album-heading h2{margin:0}.media-album-heading p{color:var(--secondary);margin:8px 0 0}.media-filters{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.media-filters>label{flex:135px}.media-filters .media-search{flex:3 260px}.media-filter-details{flex:160px}.media-filter-details summary{border:1px solid var(--rule);cursor:pointer;min-height:44px;padding:12px;font-size:.85rem}.media-filter-options{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;padding-top:16px;display:grid}.media-filter-details[open]{flex-basis:100%}.media-result-bar{color:var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 8px;font-size:.85rem;display:flex}.media-document .media-check,.media-admin .media-check,.media-document .media-consent{align-items:center;gap:10px;line-height:1.6;display:flex}.media-document input[type=checkbox],.media-admin input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--cobalt);flex:0 0 20px}.media-hint{color:var(--secondary);max-width:75ch;font-size:.8rem}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:24px 0;display:grid}.media-photo{min-width:0;margin:0}.media-photo-open{background:var(--surface);border:0;width:100%;padding:0;display:block;overflow:hidden}.media-photo-open img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .2s ease-out;display:block}.media-photo-open:hover img{transform:scale(1.025)}.media-photo figcaption{justify-content:space-between;gap:12px;padding-top:14px;display:flex}.media-photo strong{overflow-wrap:anywhere;font-size:.9rem;font-weight:400;line-height:1.5}.media-favorite{color:var(--secondary);background:0 0;border:0;flex-shrink:0;width:44px;height:44px}.media-favorite svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px}.media-favorite[aria-pressed=true]{color:var(--cobalt)}.media-favorite[aria-pressed=true] svg{fill:var(--cobalt-faint)}.media-empty{border-block:1px solid var(--rule);margin:32px 0;padding:64px 0}.media-empty h2{margin-top:0}.media-empty p{color:var(--secondary);max-width:65ch}.media-load{text-align:center;padding:24px}.media-videos,.media-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin-top:24px;display:grid}.media-videos article,.media-review-grid article{min-width:0}.media-videos h2{margin-bottom:8px;font-size:1.3rem}.media-videos article>p{color:var(--secondary);margin-block:8px}.media-video-stage{aspect-ratio:16/9;background:var(--surface);width:100%}.media-video-stage iframe{border:0;width:100%;height:100%;display:block}.media-video-poster{background:var(--surface);color:#fff;border:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.media-video-poster img{object-fit:cover;width:100%;height:100%}.media-video-poster span{font:inherit;background:#171a1f;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:16px;left:16px}.media-video-poster svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:28px}.media-video>a{color:var(--cobalt);padding-block:12px;font-size:.8rem;display:inline-block}.media-lightbox{background:var(--ground);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;inset:0}.media-lightbox[open]{flex-direction:column;display:flex}.media-lightbox header{border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;gap:20px;padding:16px 24px;display:flex}.media-lightbox header p{overflow-wrap:anywhere;align-self:center;max-width:65ch;margin:0}.media-lightbox button,.media-lightbox footer a,.media-inline-actions button,.media-tabs button,.media-bulk button,.media-pagination button,.media-invites button{border:1px solid var(--rule);min-height:44px;color:var(--ink);background:var(--surface);font:inherit;padding:10px 14px;font-size:.85rem}.media-lightbox-image{touch-action:pan-y pinch-zoom;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.media-lightbox-image img{object-fit:contain;max-width:100%;max-height:100%}.media-lightbox-image.is-zoomed{touch-action:pan-x pan-y pinch-zoom;display:block}.media-lightbox-image.is-zoomed img{width:180%;max-width:none;max-height:none}.media-lightbox footer{padding:12px 24px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--rule);flex-shrink:0}.media-viewer-navigation,.media-viewer-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.media-viewer-actions{margin-top:12px}.media-lightbox footer p{color:var(--secondary);text-align:center;margin:8px 0 0;font-size:.8rem}.media-tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:12px;padding-bottom:20px;display:flex}.media-tabs button[aria-pressed=true]{color:var(--cobalt);border-color:var(--cobalt)}.media-submit-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 0;display:grid}.media-submit-fields legend{padding-top:24px;font-size:1.2rem}.media-file-picker{border:1px dashed var(--rule);background:var(--surface);padding:28px}.media-file-picker small{color:var(--secondary)}.media-upload-queue article{border-bottom:1px solid var(--rule);grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.media-upload-queue img{object-fit:contain;background:var(--surface);width:140px;height:120px}.media-upload-queue small{color:var(--secondary);margin-top:8px;display:block}.media-upload-queue progress{width:100%;accent-color:var(--cobalt);margin-top:8px}.media-inline-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.media-consent{max-width:70ch;margin:28px 0}.media-video-form{gap:20px;max-width:760px;margin-top:24px;display:grid}.media-submission-history{margin-top:64px}.media-submission-history article{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;display:flex}.media-submission-history article p{width:100%;margin:0}.media-submission-history span{color:var(--cobalt);font-size:.85rem}.media-admin-storage{border-bottom:1px solid var(--rule);grid-template-columns:2fr 1fr;gap:40px;padding:32px 0;display:grid}.media-admin-storage meter{width:100%;height:16px}.media-admin-storage .media-inline-actions{align-content:center}.media-admin-tools{grid-template-columns:1fr 1fr;gap:40px;padding:32px 0;display:grid}.media-admin-tools details{min-width:0}.media-admin-tools summary{cursor:pointer;padding:16px 0;font-size:1.2rem}.media-admin-tools form,.media-edit-panel form{gap:16px;display:grid}.media-invite-result{gap:12px;margin-top:20px;display:grid}.media-invites article{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.media-bulk{flex-wrap:wrap;align-items:center;gap:16px;padding:24px 0;display:flex}.media-bulk>label:not(.media-check){flex:240px}.media-review-image{object-fit:contain;background:var(--surface);width:100%;height:260px;margin-top:12px}.media-review-grid article{border-bottom:1px solid var(--rule);padding-bottom:24px}.media-review-grid h3{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.media-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:32px 0;display:flex}.media-edit-panel{border-top:1px solid var(--rule);margin:24px 0;padding-top:24px}.media-status{color:var(--cobalt);overflow-wrap:anywhere}:root[data-theme=dark] .media-document .primary-action,:root[data-theme=dark] .media-admin .primary-action{color:var(--ground)}@media (max-width:800px){.media-title{flex-direction:column;align-items:start}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.media-admin-tools,.media-admin-storage{grid-template-columns:1fr;gap:24px}.media-admin .admin-header{flex-direction:column;align-items:start}}@media (max-width:520px){.media-document{padding-top:32px}.media-videos,.media-review-grid,.media-submit-fields{grid-template-columns:1fr}.media-photo figcaption{gap:4px}.media-photo strong{font-size:.8rem}.media-upload-queue article{grid-template-columns:80px minmax(0,1fr);gap:12px}.media-upload-queue img{width:80px;height:80px}.media-lightbox header{padding:12px}.media-lightbox footer{padding-inline:12px}.media-viewer-actions{gap:6px}.media-lightbox header p{font-size:.85rem}.media-albums button{flex-basis:205px}.media-filter-options{grid-template-columns:1fr 1fr}.media-filter-options label:last-child{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.media-photo-open img{transition:none}}.media-document{max-width:1440px;padding-top:clamp(32px,5vw,70px)}.media-title{isolation:isolate;border-top:1px solid var(--rule);border-bottom:1px solid var(--ink);align-items:end;min-height:250px;margin-bottom:30px;padding:38px 0;display:flex;position:relative;overflow:hidden}.media-title h1{z-index:1;letter-spacing:-.06em;margin:0;font-size:clamp(3.8rem,7.5vw,7rem);line-height:.93;position:relative}.media-title-atlas{z-index:0;width:min(55%,650px);height:190%;color:var(--cobalt);opacity:.34;pointer-events:none;position:absolute;top:-61%;right:-4%}.media-title .button-link{z-index:1;border:1px solid var(--cobalt);min-height:47px;color:var(--cobalt);background:var(--surface);white-space:nowrap;justify-content:space-between;align-items:center;gap:28px;padding:0 17px;font-size:.8rem;text-decoration:none;transition:background-color .18s;display:inline-flex;position:relative}.media-title .button-link:hover,.media-title .button-link:focus-visible{background:var(--hover-wash)}.media-albums{gap:12px;margin-bottom:32px;padding-bottom:24px}.media-albums button{border:1px solid var(--rule);background:var(--surface);min-height:90px;transition:border-color .18s ease, background-color .18s ease, transform .14s var(--ease-out);flex-basis:230px;padding:11px}.media-albums button:first-child{justify-content:center}.media-albums button.is-active,.media-albums button:hover{border-color:var(--cobalt);background:var(--hover-wash)}.media-albums button:active{transform:scale(.985)}.media-albums img{width:68px;height:68px}.media-filters{gap:12px}.media-filters label{color:var(--secondary)}.media-filters input,.media-filters select,.media-filter-details summary{background:var(--surface);min-height:50px;padding-inline:15px}.media-filter-details summary{align-items:center;display:flex}.media-result-bar{border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 18px;margin-block:26px 60px}.media-photo:first-child{grid-area:span 2/span 2}.media-photo:first-child .media-photo-open img{aspect-ratio:1.18}.media-photo-open{background:#d5e1e4;position:relative}.media-photo-open:after{content:"Xem ảnh ↗";background:var(--ink);color:var(--ground);transition:transform .24s var(--ease-out);padding:11px 15px;font-size:.72rem;position:absolute;bottom:0;right:0;transform:translateY(100%)}.media-photo-open img{aspect-ratio:1.4;transition:transform .45s var(--ease-out), filter .45s var(--ease-out)}.media-photo figcaption{border-top:1px solid var(--rule);align-items:start;padding-top:14px}.media-photo strong{font-size:.9rem;font-weight:600}.media-photo small{margin-top:4px}.media-favorite{transition:color .16s ease, transform .14s var(--ease-out)}.media-videos{gap:48px 22px;margin-block:26px 60px}.media-videos article{border-top:1px solid var(--rule);padding-top:12px}.media-videos h2{margin:16px 0 4px;font-size:clamp(1.2rem,2.2vw,1.7rem)}.media-video-stage{background:var(--ink);position:relative;overflow:hidden}.media-video-stage iframe{z-index:1;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);position:absolute;inset:0}.media-video-stage[data-ready=true] iframe{opacity:1;pointer-events:auto}.media-video-poster{transition:opacity .2s var(--ease-out);display:block}.media-video-stage[data-ready=true] .media-video-poster{opacity:0;pointer-events:none}.media-video-poster img{transition:transform .48s var(--ease-out), filter .48s var(--ease-out);display:block}.media-video-poster span{background:var(--surface);min-height:48px;color:var(--ink);transition:transform .24s var(--ease-out);padding:8px 15px;font-weight:600;bottom:18px;left:18px}.media-video>a{text-underline-offset:4px}.media-empty{background:0 0;min-height:250px;margin-block:28px 72px;padding:55px 0;display:block}.media-empty-orbit{display:none}.media-empty h2{margin:0 0 11px;font-size:clamp(1.8rem,3vw,2.7rem)}.media-empty p{margin:0 0 20px}.media-empty a{color:var(--cobalt);text-underline-offset:5px;font-size:.82rem;font-weight:600}.media-empty button{border:1px solid var(--cobalt);color:var(--cobalt);font:inherit;background:0 0;padding:11px 15px}.media-skeleton-tile{min-width:0}.media-skeleton .media-photo-open{background:0 0}.media-skeleton .media-photo-open:after{content:none}.media-skeleton-image{aspect-ratio:1.4;width:100%}.media-grid.media-skeleton .media-photo:first-child .media-skeleton-image{aspect-ratio:1.18}.media-skeleton-caption{flex:1;align-content:start;gap:9px;min-width:0;display:grid}.media-skeleton-caption .skeleton-block:first-child{width:min(78%,28ch);height:18px}.media-skeleton-caption .skeleton-block:last-child{width:min(42%,13ch);height:12px}.media-skeleton-favorite{flex:0 0 22px;width:22px;height:22px;margin:2px 11px}.media-album-heading p{overflow-wrap:anywhere}.media-videos.media-skeleton .media-video-stage{background:color-mix(in srgb, var(--rule) 75%, var(--ground))}.media-skeleton-video-link{width:29%;height:13px;margin:16px 0 12px}.media-skeleton-video-title{width:66%;height:28px}.media-skeleton-video-meta{width:36%;height:14px}.media-lightbox[open]{animation:viewer-enter .22s var(--ease-out) both}.media-lightbox::backdrop{background:#09151fdb}.media-lightbox-image{background:#111c26}@media (prefers-reduced-motion:no-preference){.media-grid:not(.media-skeleton)>.media-photo,.media-videos:not(.media-skeleton)>article{animation:media-tile-enter .26s var(--ease-out) both}.media-grid:not(.media-skeleton)>.media-photo:nth-child(2),.media-videos:not(.media-skeleton)>article:nth-child(2){animation-delay:40ms}.media-grid:not(.media-skeleton)>.media-photo:nth-child(3),.media-videos:not(.media-skeleton)>article:nth-child(3){animation-delay:80ms}.media-grid:not(.media-skeleton)>.media-photo:nth-child(4),.media-videos:not(.media-skeleton)>article:nth-child(4){animation-delay:.12s}.media-grid:not(.media-skeleton)>.media-photo:nth-child(5),.media-videos:not(.media-skeleton)>article:nth-child(5){animation-delay:.16s}.media-grid:not(.media-skeleton)>.media-photo:nth-child(6),.media-videos:not(.media-skeleton)>article:nth-child(6){animation-delay:.2s}.media-grid:not(.media-skeleton)>.media-photo:nth-child(n+7),.media-videos:not(.media-skeleton)>article:nth-child(n+7){animation:none}.media-empty{animation:content-rise .42s var(--ease-out) both}}@keyframes media-tile-enter{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes media-tile-fade{0%{opacity:.65}to{opacity:1}}@keyframes viewer-enter{0%{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.media-photo-open:hover img,.media-photo-open:focus-visible img{filter:brightness(.9);transform:scale(1.045)}.media-photo-open:hover:after,.media-photo-open:focus-visible:after{transform:translateY(0)}.media-favorite:hover{color:var(--cobalt);transform:translateY(-2px)}.media-video-poster:hover img,.media-video-poster:focus-visible img{filter:brightness(.78);transform:scale(1.055)}.media-video-poster:hover span,.media-video-poster:focus-visible span{transform:translateY(-4px)}}.media-favorite:active{transform:scale(.94)}@media (max-width:800px){.media-title{min-height:220px}.media-title-atlas{width:70%}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-photo:first-child{grid-area:auto/span 2}.media-photo:first-child .media-photo-open img,.media-grid.media-skeleton .media-photo:first-child .media-skeleton-image{aspect-ratio:1.5}}@media (max-width:520px){.media-title{justify-content:end;align-items:flex-start;min-height:255px;padding:25px 0}.media-title h1{font-size:3.3rem}.media-title-atlas{opacity:.22;width:110%;height:150%;top:-32%;right:-44%}.media-title .button-link{align-self:flex-start;min-width:190px;margin-top:18px}.media-grid{gap:32px 12px}.media-photo strong{font-size:.79rem}.media-videos{gap:40px}}@media (prefers-reduced-motion:reduce){.media-photo-open img,.media-video-poster img,.media-video-poster span,.media-photo-open:after,.media-favorite{transition:none}.media-albums button{transition:border-color .12s,background-color .12s}.media-albums button:active,.media-favorite:active{transform:none}.media-video-stage iframe,.media-video-poster{transition-duration:.12s}.media-grid:not(.media-skeleton)>.media-photo,.media-videos:not(.media-skeleton)>article{animation:.16s both media-tile-fade}.media-lightbox[open]{animation:none}}