/* StudioZ — giao diện "Kính không gian" cho các trang khách (album, video, shop, thiệp). Chỉ đổi diện mạo. */
html[data-skin="glass"]{--gs:min(58vmax,680px);--gblur:22px;color-scheme:dark}
html[data-skin="glass"][data-gk="l"]{color-scheme:light}
html[data-skin="glass"][data-gk="d"]{--bg:#080a16;--card:#14172d;--sf:rgba(255,255,255,.06);--sf2:rgba(255,255,255,.1);--tile:rgba(255,255,255,.07);--tx:#f1f3ff;--mu:#a3aac8;--bd:rgba(255,255,255,.15);--ac:#4cc9f0;--acx:#06202a;--ok:#5fc08a;--bad:#f08a80;--hr:#ff6b8b;--gglass:rgba(255,255,255,.065);--gglass2:rgba(255,255,255,.1);--gsub:rgba(255,255,255,.05);--gline:rgba(255,255,255,.16);--ghi:rgba(255,255,255,.26);--gin:rgba(255,255,255,.06);--gdrawer:rgba(12,14,30,.82);--gsh:0 14px 40px -10px rgba(0,0,0,.55);--gscrim:rgba(3,5,14,.66)}
html[data-skin="glass"][data-gk="l"]{--bg:#e8ecf5;--card:#ffffff;--sf:rgba(255,255,255,.6);--sf2:rgba(255,255,255,.85);--tile:rgba(255,255,255,.7);--tx:#141a2e;--mu:#586080;--bd:rgba(20,26,46,.13);--ac:#0b7285;--acx:#ffffff;--ok:#2f7d4f;--bad:#b3392f;--hr:#e11d48;--gglass:rgba(255,255,255,.62);--gglass2:rgba(255,255,255,.82);--gsub:rgba(255,255,255,.5);--gline:rgba(255,255,255,.9);--ghi:#fff;--gin:rgba(255,255,255,.72);--gdrawer:rgba(255,255,255,.88);--gsh:0 12px 34px -12px rgba(40,55,110,.28),0 0 0 1px rgba(20,26,46,.07);--gscrim:rgba(20,26,46,.38)}
html[data-skin="glass"][data-amb="nebula"][data-gk="d"]{--gbase:#05060f;--gmesh:radial-gradient(var(--gs) var(--gs) at 12% -4%,rgba(6,182,212,0.3),transparent 70%),radial-gradient(var(--gs) var(--gs) at 96% 28%,rgba(79,70,229,0.34),transparent 70%),radial-gradient(var(--gs) var(--gs) at 30% 104%,rgba(192,38,211,0.24),transparent 70%),radial-gradient(var(--gs) var(--gs) at -4% 62%,rgba(245,158,11,0.13),transparent 70%)}
html[data-skin="glass"][data-amb="nebula"][data-gk="l"]{--gbase:#e8ecf6;--gmesh:radial-gradient(var(--gs) var(--gs) at 12% -4%,rgba(6,182,212,0.26),transparent 70%),radial-gradient(var(--gs) var(--gs) at 96% 28%,rgba(79,70,229,0.22),transparent 70%),radial-gradient(var(--gs) var(--gs) at 30% 104%,rgba(192,38,211,0.18),transparent 70%),radial-gradient(var(--gs) var(--gs) at -4% 62%,rgba(245,158,11,0.14),transparent 70%)}
html[data-skin="glass"][data-amb="sequoia"][data-gk="d"]{--gbase:#040812;--gmesh:radial-gradient(var(--gs) var(--gs) at 15% -4%,rgba(14,165,233,0.3),transparent 70%),radial-gradient(var(--gs) var(--gs) at 98% 34%,rgba(16,185,129,0.24),transparent 70%),radial-gradient(var(--gs) var(--gs) at 22% 104%,rgba(245,158,11,0.24),transparent 70%),radial-gradient(var(--gs) var(--gs) at 78% 86%,rgba(79,70,229,0.28),transparent 70%)}
html[data-skin="glass"][data-amb="sequoia"][data-gk="l"]{--gbase:#e6eef5;--gmesh:radial-gradient(var(--gs) var(--gs) at 15% -4%,rgba(14,165,233,0.26),transparent 70%),radial-gradient(var(--gs) var(--gs) at 98% 34%,rgba(16,185,129,0.2),transparent 70%),radial-gradient(var(--gs) var(--gs) at 22% 104%,rgba(245,158,11,0.2),transparent 70%),radial-gradient(var(--gs) var(--gs) at 78% 86%,rgba(79,70,229,0.18),transparent 70%)}
html[data-skin="glass"][data-amb="bokeh"][data-gk="d"]{--gbase:#08090c;--gmesh:radial-gradient(var(--gs) var(--gs) at 88% -2%,rgba(245,158,11,0.24),transparent 70%),radial-gradient(var(--gs) var(--gs) at 2% 40%,rgba(148,163,184,0.2),transparent 70%),radial-gradient(var(--gs) var(--gs) at 84% 104%,rgba(249,115,22,0.2),transparent 70%),radial-gradient(var(--gs) var(--gs) at 38% 82%,rgba(6,182,212,0.14),transparent 70%)}
html[data-skin="glass"][data-amb="bokeh"][data-gk="l"]{--gbase:#eeece7;--gmesh:radial-gradient(var(--gs) var(--gs) at 88% -2%,rgba(245,158,11,0.22),transparent 70%),radial-gradient(var(--gs) var(--gs) at 2% 40%,rgba(148,163,184,0.26),transparent 70%),radial-gradient(var(--gs) var(--gs) at 84% 104%,rgba(249,115,22,0.18),transparent 70%),radial-gradient(var(--gs) var(--gs) at 38% 82%,rgba(6,182,212,0.12),transparent 70%)}

html[data-skin="glass"]{background:var(--gbase,#05060f)}
html[data-skin="glass"] body{background:transparent;position:relative}
html[data-skin="glass"] body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--gmesh),var(--gbase)}
html[data-skin="glass"] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.085) 1px,transparent 0);background-size:28px 28px}
html[data-skin="glass"][data-gk="l"] body::after{background-image:radial-gradient(circle at 1px 1px,rgba(20,26,46,.07) 1px,transparent 0)}
/* đầu trang / thanh dưới: kính mờ */
html[data-skin="glass"] .hd{background:var(--gglass);border-bottom:1px solid var(--gline);-webkit-backdrop-filter:blur(var(--gblur)) saturate(165%);backdrop-filter:blur(var(--gblur)) saturate(165%);box-shadow:inset 0 -1px 0 var(--ghi)}
html[data-skin="glass"] .bar{background:var(--gdrawer);border-top:1px solid var(--gline);-webkit-backdrop-filter:blur(var(--gblur)) saturate(165%);backdrop-filter:blur(var(--gblur)) saturate(165%);box-shadow:0 -10px 30px -14px rgba(0,0,0,.4)}
/* thẻ, ghi chú, hộp thoại, danh sách */
html[data-skin="glass"] .card,html[data-skin="glass"] .ctr .card,html[data-skin="glass"] .note:not(.end),html[data-skin="glass"] .lst,html[data-skin="glass"] .fi,html[data-skin="glass"] .fs{background:var(--gglass);border:1px solid var(--gline);box-shadow:var(--gsh),inset 0 1px 0 var(--ghi);-webkit-backdrop-filter:blur(var(--gblur)) saturate(165%);backdrop-filter:blur(var(--gblur)) saturate(165%)}
html[data-skin="glass"] .note[hidden]{display:none}
html[data-skin="glass"] .ov,html[data-skin="glass"] .fbo{background:var(--gscrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-skin="glass"] .dlg{background:var(--gdrawer);border:1px solid var(--gline);box-shadow:var(--gsh),inset 0 1px 0 var(--ghi);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%)}
html[data-skin="glass"] .st .bub{background:var(--gglass2);border:1px solid var(--gline);box-shadow:0 10px 30px -10px var(--ac),inset 0 1px 0 var(--ghi)}
html[data-skin="glass"] .pl{background:transparent}
html[data-skin="glass"] .stage{border:1px solid var(--gline);box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04)}
/* nút, chip, ô nhập */
html[data-skin="glass"] button{background:var(--gin);border-color:var(--gline);color:var(--tx);-webkit-tap-highlight-color:transparent}
html[data-skin="glass"] button.pri{background:var(--ac);background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 62%,#7c5cff));color:var(--acx);border-color:transparent;box-shadow:0 10px 22px -10px var(--ac),inset 0 1px 0 rgba(255,255,255,.35)}
@media (hover:hover){html[data-skin="glass"] button:hover:not(:disabled):not(.pri){background:var(--gglass2);border-color:var(--ac)}}
html[data-skin="glass"] .chip{background:var(--gsub);border-color:var(--gline);color:var(--mu)}
html[data-skin="glass"] button.chip,html[data-skin="glass"] .chip.on,html[data-skin="glass"] .tg[aria-pressed="true"]{color:var(--tx)}
html[data-skin="glass"] .chip.on{background:var(--ac);background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 62%,#7c5cff));color:var(--acx);border-color:transparent;box-shadow:0 6px 16px -8px var(--ac)}
html[data-skin="glass"] .tg[aria-pressed="true"]{background:color-mix(in srgb,var(--ac) 22%,transparent);border-color:var(--ac)}
html[data-skin="glass"] input,html[data-skin="glass"] textarea,html[data-skin="glass"] select{background:var(--gin);border-color:var(--gline);color:var(--tx)}
html[data-skin="glass"] input:focus,html[data-skin="glass"] textarea:focus,html[data-skin="glass"] select:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 28%,transparent)}
html[data-skin="glass"] input::placeholder,html[data-skin="glass"] textarea::placeholder{color:var(--mu);opacity:.75}
html[data-skin="glass"] input[type=checkbox]{background:transparent}
/* ảnh, video trong danh sách */
html[data-skin="glass"] .t{border:1px solid var(--gline);box-shadow:0 8px 22px -12px rgba(0,0,0,.5)}
html[data-skin="glass"] .t.pk{box-shadow:0 0 0 2px var(--ac),0 10px 26px -10px var(--ac)}
html[data-skin="glass"] .it.on{background:color-mix(in srgb,var(--ac) 20%,transparent);border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:inset 0 1px 0 var(--ghi),0 8px 20px -12px var(--ac)}
html[data-skin="glass"] .prog,html[data-skin="glass"] .prog i{border-radius:99px}
html[data-skin="glass"] .toast,html[data-skin="glass"] #tstA{background:var(--gdrawer);color:var(--tx);border:1px solid var(--gline);box-shadow:0 12px 34px -10px rgba(0,0,0,.5),0 0 26px -8px var(--ac);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
html[data-skin="glass"] ::selection{background:color-mix(in srgb,var(--ac) 38%,transparent)}
html[data-skin="glass"] .ft,html[data-skin="glass"] .foot{color:var(--mu)}
/* thiệp mời: giữ nguyên thiết kế mẫu thiệp, chỉ đổi màn hình chờ/lỗi */
html[data-skin="glass"] .st .sp{border-color:var(--gline);border-top-color:var(--ac)}
html[data-skin="glass"] .st h1,html[data-skin="glass"] .st p{color:var(--tx)}
html[data-skin="glass"] .st p{opacity:.8}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-skin="glass"][data-gk="d"]{--gglass:rgba(22,26,52,.94);--gglass2:rgba(30,35,66,.96);--gdrawer:rgba(14,17,36,.98)}
 html[data-skin="glass"][data-gk="l"]{--gglass:rgba(255,255,255,.94);--gglass2:#fff;--gdrawer:rgba(255,255,255,.99)}
}
@media (prefers-reduced-motion:reduce){html[data-skin="glass"] *{transition:none!important}}
@media print{html[data-skin="glass"],html[data-skin="glass"] body{background:#fff!important}html[data-skin="glass"] body::before,html[data-skin="glass"] body::after{display:none!important}html[data-skin="glass"] .card,html[data-skin="glass"] .hd,html[data-skin="glass"] .bar{-webkit-backdrop-filter:none;backdrop-filter:none}}