/* Personal Color KIMLY — dựng từ bản Claude Design v1 (Sếp chốt 28/09/2026):
   nền hướng A "Studio Seoul" · màn 1 + màn 5 + thẻ chia sẻ mượn hướng B.
   Đã sửa theo Sếp: bỏ khung iPhone/giờ giả/thanh chọn màn · bỏ mã màu dưới tên tông ·
   nhãn nhỏ đậm hơn · màn 6 không để tên mùa đè thanh trên. Trang di động bình thường. */
:root{
  --bg:#FDF7F4;--bg2:#F2E4DC;--line:#E7CEC3;--brand:#8A5D4E;--brand-sang:#A67564;
  --btn:#8A5D4E;--btn-hover:#7A4F41;--h:#4A2F27;--t:#382E29;--s:#6F5F58;--ok:#4F6C4B;--ok-bg:#E4EDE1;
  --warn:#9B6522;--warn-bg:#FBEEDD;--dark:#241915;--dark2:#1E1613;--kem:#F2E4DC;--kem2:#E0B8A8;
  --sans:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;--serif:"Playfair Display",Georgia,serif;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);font-family:var(--sans);color:var(--t);-webkit-font-smoothing:antialiased;min-height:100dvh}
body.toi{background:var(--dark)}
a{color:var(--btn)}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.app{max-width:460px;margin:0 auto;min-height:100dvh;position:relative}
.scr{min-height:100dvh;padding:max(8px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:none;flex-direction:column}
.scr.on{display:flex}
.nav{display:flex;align-items:center;justify-content:space-between;height:52px;margin:0 -10px 8px}
.back{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--h)}
.logo{height:22px;display:block}
.toi-scr .logo,.scr.dark .logo{filter:brightness(0) invert(1);opacity:.92}
.nav .sp{width:44px}
h1,h2,h3,.serif{font-family:var(--serif);color:var(--h);font-weight:500;letter-spacing:-.01em;text-wrap:pretty}
h1{font-size:36px;line-height:1.12}
h2{font-size:28px;line-height:1.18}
p{font-size:15px;line-height:1.6;color:var(--s);text-wrap:pretty}
.small{font-size:13px;line-height:1.5;color:var(--s)}
/* nhãn nhỏ: đậm hơn bản thiết kế (Sếp: #A67564 12px hơi mờ) */
.eyebrow{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);font-weight:600}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg2);font-size:13px;color:var(--h);font-weight:500;align-self:flex-start}
.grow{flex:1}
.cta{display:flex;flex-direction:column;gap:10px;padding-top:20px}
.btn{min-height:54px;border-radius:999px;background:var(--btn);color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;transition:background .2s,opacity .2s,transform .1s}
.btn:active{transform:scale(.975)}
@media (hover:hover){.btn:hover{background:var(--btn-hover)}.btn2:hover{background:var(--bg2)}}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn2{min-height:50px;border-radius:999px;border:1px solid var(--line);color:var(--h);font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:transparent}
.link{font-size:14px;color:var(--btn);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:3px;width:100%}
.foot{font-size:12.5px;color:var(--s);text-align:center;line-height:1.5;margin-top:10px}
.prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--h);font-weight:600;margin-bottom:18px}
.prog .bar{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.prog .bar i{height:3px;border-radius:2px;background:var(--line)}
.prog .bar i.on{background:var(--brand-sang)}
.fab{background-color:var(--c);background-image:linear-gradient(90deg,rgba(0,0,0,.13),rgba(255,255,255,.06) 18%,rgba(0,0,0,.05) 34%,rgba(255,255,255,.12) 52%,rgba(0,0,0,.08) 70%,rgba(255,255,255,.07) 86%,rgba(0,0,0,.12)),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}
.sw{background-color:var(--c);background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 2px 6px rgba(74,47,39,.08)}
.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--h);color:#fff;font-size:14px;padding:12px 18px;border-radius:999px;opacity:0;transition:all .3s;z-index:30;max-width:calc(100% - 32px);text-align:center;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* Màn 1 — hướng B: vải rủ 4 mùa */
.hero-b{position:relative;height:min(330px,40dvh);margin:-8px -20px 22px;overflow:hidden}
.hero-b .fab{position:absolute;top:-14px;width:34%;border-radius:0 0 140px 140px/0 0 60px 60px;box-shadow:6px 0 18px rgba(40,20,10,.18)}
.hero-b .tag{position:absolute;bottom:18px;left:22px;font-family:var(--serif);font-style:italic;color:#fff;font-size:17px;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.hero-b .logo-noi{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translateX(-50%);z-index:6;background:rgba(253,247,244,.92);padding:9px 18px;border-radius:999px}
.hero-b .logo-noi img{height:20px;display:block}
.trong-app{margin-top:14px;padding:12px 14px;border-radius:16px;background:var(--warn-bg);font-size:13.5px;line-height:1.5;color:var(--t)}
.trong-app b{color:var(--warn);font-weight:600}

/* Màn 2 */
.ico-tron{width:48px;height:48px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;color:var(--h);margin-bottom:16px}
.tips{display:flex;flex-direction:column;gap:14px;margin:22px 0}
.tip{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}
.tip .ico{width:56px;height:56px;border-radius:18px;background:var(--bg2);display:grid;place-items:center;color:var(--h)}
.tip b{display:block;font-weight:500;color:var(--h);font-size:15px;margin-bottom:2px}
.tip span{font-size:13px;color:var(--s);line-height:1.45}
.opt-tip{border:1px dashed var(--line);border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;cursor:pointer}
.opt-tip input{width:22px;height:22px;accent-color:var(--btn);margin-top:1px}
.nap{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--s);margin-top:12px;justify-content:center;min-height:20px}
.nap i{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--brand);animation:quay 1s linear infinite}
.nap.xong i{animation:none;border-color:var(--ok);background:var(--ok)}
@keyframes quay{to{transform:rotate(360deg)}}

/* Màn 3 — camera (tối) */
.scr.dark{background:var(--dark);color:#fff}
.scr.dark .back{color:#fff}
.cam{position:relative;flex:1;margin:0 -20px;display:flex;flex-direction:column;align-items:center;min-height:440px;overflow:hidden}
.cam video,.cam canvas.dong{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cam video{transform:scaleX(-1)}
.cam .ovl{position:relative;z-index:2;margin-top:28px;width:min(250px,64vw);aspect-ratio:250/330;border-radius:50%;border:2px dashed rgba(255,255,255,.85);box-shadow:0 0 0 999px rgba(20,12,9,.55);transition:border-color .2s}
.cam .ovl.dat{border-style:solid;border-color:#B7D3A8}
.chk{position:relative;z-index:3;display:flex;flex-direction:column;gap:8px;margin-top:18px;width:min(340px,calc(100% - 32px))}
.chk div{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;line-height:1.4}
.chk .warn{background:rgba(242,196,150,.24)}
.dot{width:8px;height:8px;border-radius:50%;flex:none}
.camfoot{position:relative;z-index:3;text-align:center;padding-top:16px}
.camfoot .pb{height:4px;border-radius:2px;background:rgba(255,255,255,.2);margin:10px 0 4px;overflow:hidden}
.camfoot .pb i{display:block;height:100%;width:0;background:var(--kem);transition:width .15s}
.scr.dark .link{color:var(--kem)}
.scr.dark .btn2{color:#fff;border-color:rgba(255,255,255,.35)}
.cam-loi{position:relative;z-index:3;margin:40px 20px 0;padding:18px;border-radius:20px;background:rgba(255,255,255,.1);text-align:center}
.cam-loi p{color:rgba(255,255,255,.85);margin-bottom:14px}
.giay-huong{position:absolute;left:16px;right:16px;top:16px;z-index:4;background:rgba(36,25,21,.82);border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.45;text-align:center}
.dang-phan-tich{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(36,25,21,.6);font-size:15px}

/* Màn 4 — câu hỏi */
.dots{display:flex;gap:6px;justify-content:center;margin-bottom:22px}
.dots i{width:6px;height:6px;border-radius:3px;background:var(--line)}
.dots i.done{background:var(--brand-sang)}
.dots i.on{width:22px;background:var(--h)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.opts.chu{grid-template-columns:1fr}
.opt{border:1px solid var(--line);border-radius:22px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;min-height:118px;transition:all .15s;text-align:center}
.opts.chu .opt{min-height:56px;flex-direction:row;padding:14px 18px;text-align:left;border-radius:18px}
.opt span{font-size:15px;color:var(--h);line-height:1.35}
.opt.on{border-color:var(--h);box-shadow:inset 0 0 0 1px var(--h);background:#FFFBF9}
.opt svg{width:84px}
.opt .mau{width:56px;height:56px;border-radius:50%}
.opt .vai{width:100%;height:58px;border-radius:12px 12px 26px 26px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.opt .khong{width:56px;height:56px;border-radius:50%;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--s);font-size:22px}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.5;color:var(--t);cursor:pointer;padding:10px 0;min-height:44px}
.check input{width:22px;height:22px;accent-color:var(--btn);margin-top:1px}
.hop-sk{margin-top:22px;padding:14px 16px;border-radius:18px;background:var(--bg2)}
.hop-sk .t{font-size:13px;font-weight:600;color:var(--h);margin-bottom:2px}

/* Màn 5 — áp vải, nền tối (hướng B) */
.scr.s5{background:var(--dark)}
.s5 h2{color:#fff;text-align:center}
.s5 .prog{color:rgba(255,255,255,.75)}.s5 .prog .bar i{background:rgba(255,255,255,.18)}.s5 .prog .bar i.on{background:var(--kem2)}
.rounds{display:flex;gap:4px;align-items:center;justify-content:center;font-size:12.5px;color:rgba(255,255,255,.7);margin:4px 0 16px;flex-wrap:wrap;font-weight:500}
.rounds span{padding:5px 9px;border-radius:999px;white-space:nowrap}
.rounds span.on{background:var(--kem);color:var(--h)}
.rounds span.done{color:var(--kem2)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px -12px 10px}
.pick{display:flex;flex-direction:column;gap:6px;align-items:center}
.pick canvas{width:100%;aspect-ratio:3/5;border-radius:18px;outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s;display:block;background:#3a2a24}
.pick.on canvas{outline-color:var(--kem)}
.pick .ab{font-family:var(--serif);font-style:italic;font-size:34px;color:rgba(255,255,255,.5);height:44px;display:grid;place-items:center}
.pick.on .ab{color:#fff}
.s5 .btn{background:var(--kem);color:var(--h)}
.s5 .link{color:var(--kem2)}
.luu-y-vai{font-size:12.5px;color:rgba(255,255,255,.6);text-align:center;line-height:1.5}

/* Màn 6 — kết quả (hướng A; tên mùa KHÔNG đè thanh trên) */
.season{font-size:52px;line-height:1.04;margin:10px 0 6px}
.season.giua{font-size:38px}
.sub6{font-size:13.5px;color:var(--s);letter-spacing:.02em;font-weight:500}
.match{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--ok);background:var(--ok-bg);padding:8px 12px;border-radius:999px;align-self:flex-start;margin:16px 0 4px;font-weight:500}
.match.khac{color:var(--warn);background:var(--warn-bg)}
.sec{margin-top:30px}
.sec h3{font-size:20px;margin-bottom:12px}
.pal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pal .sw{aspect-ratio:1;border-radius:50%}
.avoid{display:flex;gap:10px;margin-top:14px;align-items:center}
.avoid .sw{width:30px;height:30px;border-radius:50%;position:relative;opacity:.85}
.avoid .sw:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:var(--s);transform:rotate(-45deg)}
.tones{display:flex;flex-direction:column;gap:10px}
.tone{display:flex;gap:14px;align-items:center;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.tone .sw{width:48px;height:48px;border-radius:14px;flex:none}
.tone b{font-weight:500;color:var(--h);font-size:15px;display:block}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:10px 0 8px}
.scale i{height:10px;border-radius:5px;background:var(--c);opacity:.35}
.scale i.on{opacity:1;height:14px;margin-top:-2px;box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--h)}
.scale-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--s)}
.note{margin-top:26px;padding:18px;border-radius:20px;background:var(--bg2)}
.note p{color:var(--t);font-size:14px}
.nhac{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--warn-bg);font-size:13.5px;line-height:1.5;color:var(--t)}

/* Thẻ chia sẻ (hướng B) */
.scr.s9{background:var(--dark2);align-items:center}
.s9 .the-img{width:min(358px,calc(100vw - 40px));aspect-ratio:9/16;border-radius:22px;display:block;background:var(--bg);box-shadow:0 20px 50px rgba(0,0,0,.35);-webkit-touch-callout:default}
.s9 .check{color:#fff;width:min(358px,calc(100vw - 40px))}
.s9 .hang{display:flex;gap:10px;width:min(358px,calc(100vw - 40px));margin-top:10px}
.s9 .btn{background:var(--kem);color:var(--h);flex:1.4}
.s9 .btn2{color:#fff;border-color:rgba(255,255,255,.3);flex:1}
.s9 .foot{color:rgba(255,255,255,.65)}

/* Màn 7 — để số */
.teaser{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin:8px 0 22px}
.teaser canvas{width:120px;height:156px;border-radius:22px;display:block;background:var(--bg2)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;color:var(--h);font-weight:600}
.field input,.field select{height:52px;border-radius:14px;border:1px solid var(--line);background:#fff;padding:0 16px;font:inherit;font-size:16px;color:var(--t);appearance:none;-webkit-appearance:none;width:100%}
.field input:focus,.field select:focus{outline:2px solid var(--brand-sang);outline-offset:1px}
.field input.sai{border-color:#B5544C}
.selwrap{position:relative}.selwrap:after{content:"";position:absolute;right:18px;top:21px;width:8px;height:8px;border-right:1.5px solid var(--s);border-bottom:1.5px solid var(--s);transform:rotate(45deg);pointer-events:none}
.consent{font-size:14px}
.ts{margin-top:6px;min-height:0}
.loi7{margin-top:10px;padding:12px 14px;border-radius:14px;background:#F8E3E0;color:#8E3B34;font-size:14px;line-height:1.5}

/* Màn 8 — ảnh mô phỏng */
.big canvas{width:calc(100% + 16px);margin:0 -8px;aspect-ratio:4/5;border-radius:24px;display:block;background:var(--bg2)}
.hanh-trinh{margin-top:16px;padding:14px 16px;border-radius:18px;background:var(--bg2)}
.hanh-trinh .t{font-size:14px;font-weight:600;color:var(--h);margin-bottom:10px}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff;border-radius:999px;padding:3px;border:1px solid var(--line)}
.seg2 button{min-height:40px;border-radius:999px;font-size:13.5px;color:var(--s);font-weight:500}
.seg2 button.on{background:var(--h);color:#fff}
.hanh-trinh p{margin-top:10px}
.tl{margin:18px 0 6px}
.tl input{width:100%;accent-color:var(--h);height:28px}
.tl .ticks{display:grid;grid-template-columns:repeat(4,1fr);font-size:12.5px;color:var(--s);text-align:center;margin:0 -6px}
.tl .ticks button{min-height:44px;line-height:1.3;border-radius:10px;font-size:12.5px}
.tl .ticks button.on{color:var(--h);font-weight:600}
.daybox{background:var(--bg2);border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.55;color:var(--t)}
.daybox b{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--h);display:block;margin-bottom:2px}
.chon-tong{display:flex;flex-direction:column;gap:6px;margin-top:20px}
.chips{display:flex;gap:10px;align-items:center}
.chip-hang{display:flex;gap:12px}
.chipc{width:44px;height:44px;border-radius:50%;position:relative}
.chipc.on:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--h)}
.rowlbl{font-size:13px;color:var(--h);font-weight:600;min-width:72px}
.ten-tong{font-size:13px;color:var(--s);margin:0 0 8px 82px}
.why{margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:16px 18px}
.why b{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--h);display:block;margin-bottom:4px}
.why p{font-size:14px}
a.btn{text-decoration:none}
.lop-luu{position:fixed;inset:0;z-index:40;background:rgba(20,12,9,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}
.lop-luu img{max-width:100%;max-height:72dvh;border-radius:18px;-webkit-touch-callout:default}
.lop-luu p{color:#fff;font-size:15px}
.lop-luu .btn2{color:#fff;border-color:rgba(255,255,255,.35);min-width:140px}

/* Màn 6 bản 28/09 khuya: màu môi làm chính, mùa nhỏ, dáng mày theo khuôn mặt */
.tieu6{font-size:40px;line-height:1.08;margin:8px 0 10px}
.mua-nho{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:6px 14px 6px 6px;border-radius:999px;background:var(--bg2);font-size:13.5px;color:var(--h);font-weight:500}
.dai-mua{display:flex;height:22px;border-radius:999px;overflow:hidden}
.dai-mua i{width:10px;height:22px;background:var(--c)}
.ly-do{margin-top:12px;color:var(--t);font-size:14.5px}
.moi-lon{margin-top:18px}
.moi-lon .tone{padding:12px}
.moi-lon .tone .sw{width:64px;height:56px;border-radius:16px}
.moi-lon .tone b{font-size:16px}
.moi-lon .tone span.phu{font-size:12.5px;color:var(--s);display:block;margin-top:2px}
.mat-chu{font-family:var(--serif);font-size:22px;color:var(--h)}
.dang-may{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.dang-may .the-dang{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 12px 12px;display:flex;flex-direction:column;gap:8px}
.dang-may svg{width:100%;height:44px}
.dang-may b{font-weight:500;color:var(--h);font-size:14.5px;line-height:1.3}
.dang-may span{font-size:12.5px;color:var(--s);line-height:1.45}
.mau-goc{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px;border-radius:16px;background:var(--bg2)}
.mau-goc .sw{width:40px;height:40px;border-radius:50%;flex:none}
.mau-goc b{display:block;font-weight:500;color:var(--h);font-size:14.5px}
.mau-goc span{font-size:13px;color:var(--s)}
.chipd{min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--h);background:#fff}
.chipd.on{background:var(--h);color:#fff;border-color:var(--h)}

/* ---- Đồng bộ trang chủ (29/09/2026): thanh trên + nút Liên hệ + popup Đặt lịch dùng chung /trang-chu/khung.css + lien-he.js ---- */
.thanh.co{z-index:20}
body:has(#s1:not(.on)) .thanh{display:none}                          /* màn trong: đã có nút quay lại riêng */
body:has(:is(#s2,#s3,#s4,#s5,#s7,#s9).on) .noi{display:none}          /* chụp · câu hỏi · áp vải · form · thẻ: không che nút */
body:has(.lop-luu:not([hidden])) .noi{display:none}
#s1,#s6,#s8{padding-bottom:calc(max(24px,env(safe-area-inset-bottom)) + 70px)} /* chừa chỗ nút Liên hệ, khỏi che nút cuối */

/* Màn 6: viên màu môi KIMLY bay vào rồi đậu thành ô màu (Sếp 29/09 — hiệu ứng nhẹ, không 3D, máy yếu vẫn mượt) */
.moi-lon .tone.bay{animation:the-hien .5s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(.25s + var(--i) * .16s)}
.moi-lon .tone.bay .sw{position:relative;overflow:hidden;animation:vien-bay .9s cubic-bezier(.25,1.35,.4,1) both;animation-delay:calc(.2s + var(--i) * .16s)}
.moi-lon .tone.bay .sw::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:vet-bong 1s ease-out both;animation-delay:calc(.95s + var(--i) * .16s)}
@keyframes the-hien{from{opacity:0;transform:translateY(10px)}}
@keyframes vien-bay{0%{opacity:0;transform:translate(calc(42vw - 60px),-140px) scale(.25) rotate(-30deg);border-radius:50%}
  60%{opacity:1;border-radius:40%}100%{transform:none}}
@keyframes vet-bong{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.moi-lon .tone.bay,.moi-lon .tone.bay .sw,.moi-lon .tone.bay .sw::after{animation:none}}