:root{--control-radius:8px;--header-height:90px}.vbar{position:sticky!important;top:0!important;right:auto!important;left:auto!important;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "tabs tabs";align-items:center;gap:2px 12px;width:100%;min-height:var(--header-height)!important;padding:calc(6px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;background:#fff!important;border-bottom:1px solid #e9e5e1!important;transform:translateY(0)!important;transition:transform .24s cubic-bezier(.2,.7,.1,1)!important;will-change:transform}.view.nav-hidden .vbar{transform:translateY(-101%)!important;pointer-events:none!important}.brand-link{position:relative;grid-area:brand;display:block;width:84px;height:34px;overflow:hidden;color:#111}.brand-link img{position:absolute;top:50%;left:50%;display:block;width:92px;height:92px;max-width:none;object-fit:contain;filter:invert(1);transform:translate(-50%,-50%)}.header-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:7px;justify-self:end}.vbar .tabs{grid-area:tabs;justify-self:center;display:flex;align-items:stretch;justify-content:center;width:calc(100% + 28px);max-width:none;height:38px;margin:0 -14px;padding:0 14px;gap:40px;border:0!important;border-top:1px solid #efede9!important;border-radius:0!important;background:#f5f4f2!important;color:#696969;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.vbar .tabs::-webkit-scrollbar{display:none}.vbar .tabs button{position:relative;display:flex;flex:0 0 auto;width:max-content;min-height:38px;align-items:flex-end;padding:0 0 12px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:0 0!important;color:#696969;font-size:13.5px;line-height:1.2;white-space:nowrap;text-decoration:none;scroll-snap-align:center;transition:color .18s}.vbar .tabs button[aria-current=true]{border-bottom-color:#111!important;background:0 0!important;color:#111!important}.fav-main{position:relative;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:var(--control-radius);background:#fff;color:#111;transition:background .18s,color .18s}.fav-main[aria-expanded=true]{background:#111;color:#fff}.header-book{display:inline-flex;width:max-content;height:38px;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:var(--control-radius);background:#111;color:#fff;font:600 14.5px/1 var(--f);white-space:nowrap;cursor:pointer}@property --book-a{syntax:"<angle>";initial-value:0deg;inherits:false}.floating-book{position:fixed;z-index:90;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}.bar-book,.floating-book{isolation:isolate;overflow:visible;background:0 0!important;transition:color .18s,opacity .18s,transform .18s;animation:2.6s ease-in-out infinite book-glow}.bar-book::before,.floating-book::before{content:"";position:absolute;z-index:-1;inset:-3px;padding:3px;border-radius:inherit;background:conic-gradient(from var(--book-a),rgba(255,255,255,0) 0 22%,#ff6f91 40%,#fff 54%,#ffc86b 68%,#ff6f91 80%,rgba(255,255,255,0) 94%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:1.9s linear infinite book-spin}.bar-book::after,.floating-book::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:#111;transition:background .18s}@keyframes book-spin{to{--book-a:360deg}}@keyframes book-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,111,145,0))}50%{filter:drop-shadow(0 0 11px rgba(255,111,145,.62))}}body:has(#book.open) .floating-book,body:has(.favorites-dialog:not([hidden])) .floating-book,body:has(.lb.open) .floating-book{visibility:hidden;opacity:0;pointer-events:none}.brand-link:focus-visible,.fav-main:focus-visible,.header-book:focus-visible,.vbar .tabs button:focus-visible{outline:#111 solid 2px;outline-offset:2px}.fav-close svg,.fav-main svg,.fav-remove svg,.favorite-marker svg,.photo-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fav-main svg{width:23px;height:23px;transition:transform .18s}.fav-main.has-items svg{transform:translateX(-7px)}.fav-main.has-items .fav-count{right:3px;display:flex}.fav-main .fav-count{position:absolute;top:-6px;right:-7px;display:none;min-width:21px;height:21px;padding:0 5px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#e41e3f;color:#fff;font:700 12px/1 Arial,sans-serif}.favorite-marker{position:absolute;z-index:5;top:7px;right:7px;display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:#e7485c;pointer-events:none}.favorite-marker svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.photo-tool{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid rgba(255,255,255,.32);border-radius:var(--control-radius);background:rgba(0,0,0,.78);color:#fff;font:13px/1 var(--f);backdrop-filter:blur(5px);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .14s}.photo-tool:active{transform:scale(.94)}.photo-tool[aria-pressed=true]{border-color:#fff;background:#fff;color:#111}.photo-tool[aria-pressed=true] svg{fill:#e7485c;stroke:#e7485c}.lb{background:#000!important}.lb .c{left:12px;right:auto;border-radius:var(--control-radius)}.lb .n,.lb .p{border-radius:var(--control-radius)}.lb-tools{position:absolute;z-index:3;top:calc(12px + env(safe-area-inset-top,0px));right:12px;left:auto;display:flex}.lb-tools .photo-tool{background:rgba(0,0,0,.72)}.lb-tools .photo-tool[aria-pressed=true]{background:#fff}.vhead{padding-top:0!important}.facts{display:none!important}.jg .ph{content-visibility:auto;contain-intrinsic-size:auto 320px}.favorites-dialog{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(17,17,17,.55);color:#111;backdrop-filter:blur(5px)}.favorites-dialog[hidden]{display:none}.favorites-sheet{display:flex;flex-direction:column;width:100%;max-width:720px;height:min(640px,86svh);overflow:hidden;background:#fff;border:1px solid #dedede;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px))}.favorites-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.favorites-head h3{font-size:29px;letter-spacing:-.02em}.favorites-head p{margin-top:3px;color:#6d6d6d;font-size:14px}.fav-close,.fav-remove{display:flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:#111}.favorites-empty{display:flex;flex:1;align-items:center;justify-content:center;margin:0;padding:36px 16px;text-align:center;color:#777}.favorites-list{display:grid;flex:1;align-content:start;gap:1px;margin:0;padding:0;overflow:auto;list-style:none;background:#e5e5e5}.favorites-empty[hidden],.favorites-list[hidden]{display:none}.favorites-item{display:grid;grid-template-columns:86px minmax(0,1fr) 40px;align-items:center;gap:13px;background:#fff;padding:10px 0}.favorites-item img{width:86px;height:64px;object-fit:contain;background:#f2f2f2}.favorites-code{display:block;overflow:hidden;color:#111;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.favorites-alt{display:block;overflow:hidden;margin-top:2px;color:#777;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.favorites-actions{flex:0 0 auto;padding:14px 0 0;background:#fff}.copy-concepts{width:100%;height:50px;border:0;border-radius:var(--control-radius);background:#111;color:#fff;font:16px var(--f)}.copy-concepts[disabled]{background:#c8c8c8;color:#fff;cursor:default}.copy-status{min-height:21px;margin-top:7px;color:#555;text-align:center;font-size:13px}@media (hover:hover) and (pointer:fine){.photo-tool:hover{background:#111}.bar-book:hover::after,.floating-book:hover::after,.header-book:hover{background:#2a2a2a}.vbar .tabs button:hover{color:#111}}@media (prefers-reduced-motion:reduce){.fav-main,.header-book,.vbar,.vbar .tabs button{transition:none!important}.bar-book,.bar-book::before,.floating-book,.floating-book::before{animation:none}.bar-book::before,.floating-book::before{background:#c27884}}@media (min-width:700px){.favorites-dialog{align-items:center}.favorites-sheet{height:min(640px,80svh);padding:26px}.favorites-item{grid-template-columns:112px minmax(0,1fr) 44px}.favorites-item img{width:112px;height:80px}}@media (max-width:699px){:root{--header-height:98px}.vbar{gap:2px 8px;padding-right:max(10px,env(safe-area-inset-right))!important;padding-left:max(10px,env(safe-area-inset-left))!important;border-bottom:0!important}.brand-link{display:flex;width:94px;height:46px;align-items:center;justify-content:flex-start;overflow:visible;margin-left:2px}.brand-link img{position:static;width:94px;height:auto;max-width:100%;object-fit:contain;transform:none}.header-actions{gap:6px}.fav-main{width:46px;height:46px;transform:translateX(-2px)}.fav-main svg{width:25px;height:25px}.floating-book{height:49.2px;padding:0 21.6px;border-radius:9.6px;font-size:23.4px}.vbar .tabs{display:flex;align-items:stretch;justify-content:space-between;width:calc(100% + 20px);height:38.5px;margin:0 -10px;padding:0 6%;gap:0;overflow:hidden;scroll-snap-type:none}.vbar .tabs button{width:max-content;max-width:100%;height:38.5px;min-height:38.5px;align-items:center;padding:0;border-bottom-width:3px!important;font-size:clamp(13.5px,4vw,18.225px);line-height:1.15;transform:translateX(-2px)}.vend{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}.favorite-marker{top:6px;right:6px;width:24px;height:24px}.favorite-marker svg{width:13px;height:13px}.photo-tool{width:30px;height:30px;padding:0}.photo-tool svg{width:16px;height:16px}.photo-tool .tool-label{display:none}.lb .c{left:10px}.lb-tools{top:calc(10px + env(safe-area-inset-top,0px));right:10px;left:auto}.lb-tools .photo-tool{width:40px;height:40px}.favorites-sheet{border-right:0;border-bottom:0;border-left:0}.favorites-head h3{font-size:26px}}@media (max-width:390px){.brand-link,.brand-link img{width:84px}}.bar-book{display:none}.jg::before{content:"Bộ sưu tập concept";flex:0 0 100%;padding:34px 8px 14px;color:#6b6b6b;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}.vend{color:#6b6b6b;font-size:14px;text-align:center}.vend a{color:#111;text-decoration:underline;text-underline-offset:3px}@media (max-width:699px){.hero-copy{padding-bottom:16px!important}.jg::before{padding:4px 6px 10px;font-size:11.5px}}@media (min-width:900px){:root{--wrap:1440px;--padx:clamp(28px,4vw,64px);--header-height:76px;--ink-soft:#6b6b6b}body,html{background:#fff}.view{left:0;right:0;width:auto;transform:none}.vbar{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand tabs actions";gap:0 28px;min-height:76px!important;padding:0 max(var(--padx),calc((100% - var(--wrap))/ 2 + var(--padx)))!important;border-bottom:1px solid #ececec!important}.brand-link{width:112px;height:44px}.brand-link img{width:122px;height:122px}.vbar .tabs{justify-self:center;width:auto;height:76px;margin:0;padding:0;gap:38px;border:0!important;background:0 0!important;overflow:visible}.vbar .tabs button{align-items:center;min-height:76px;padding:0;border-bottom:0!important;color:var(--ink-soft);font-size:15.5px;letter-spacing:.01em}.vbar .tabs button::after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:#111;transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ei,cubic-bezier(.16,1,.3,1))}.vbar .tabs button[aria-current=true]{color:#111}.vbar .tabs button[aria-current=true]::after{transform:scaleX(1)}.header-actions{gap:12px}.bar-book{position:relative;display:inline-flex;height:44px;padding:0 22px;font-size:15px;transition:background .18s,transform .18s}.bar-book:active{transform:scale(.97)}.fav-main{width:44px;height:44px;border:1px solid #e1e1e1}.fav-main:hover{border-color:#111}.floating-book{display:none}.vhead{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:0;max-width:var(--wrap);min-height:min(780px,calc(100svh - 76px));margin:0 auto;padding:30px var(--padx) 0!important;background:0 0}.vhead>.hero-media{grid-column:2;grid-row:1;min-height:0;aspect-ratio:auto;border-radius:6px}.hero-copy{grid-column:1;grid-row:1;justify-content:center;padding:24px clamp(28px,4.5vw,84px) 24px 0}.eb{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:13px;letter-spacing:.16em}.eb::before{content:"";width:36px;height:1px;background:#111}.vhead h2{font-size:clamp(64px,6.4vw,104px);line-height:.96}.vhead .intro{max-width:30em;margin:30px 0 0;font-size:clamp(17px,1.25vw,19.5px);line-height:1.75}.jg{--g:10px;max-width:var(--wrap);margin:36px auto 0;padding:0 var(--padx) 16px;background:0 0}.jg::before{padding:40px 0 18px;border-top:1px solid #ececec}.jg .ph{border-radius:3px}.vend{max-width:var(--wrap);margin:0 auto;padding:30px var(--padx) 54px;border-top:1px solid #ececec}.lb img{max-height:calc(100svh - 112px)}.lb .cap{bottom:30px}}@media (min-width:1500px){.jg{--g:12px}}@media (min-width:900px) and (max-width:1099px){.vbar .tabs{gap:26px}.vbar .tabs button{font-size:14.5px}.brand-link{width:96px}.bar-book{padding:0 16px}}body,html{overscroll-behavior-x:none}.view{touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}.view .cal,.view .tabs{touch-action:pan-x pan-y pinch-zoom}.swipe-hint{position:fixed;z-index:95;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:999px;background:rgba(17,17,17,.92);color:#fff;font-size:15px;line-height:1.3;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,10px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}.swipe-hint.show{opacity:1;transform:translate(-50%,0)}.sh-arrow{font-size:26px;line-height:1;opacity:.85}.sh-l{animation:1.2s ease-in-out infinite sh-left}.sh-r{animation:1.2s ease-in-out infinite sh-right}@keyframes sh-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}@keyframes sh-right{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.sh-l,.sh-r{animation:none}.swipe-hint{transition:opacity .2s}}@media (min-width:900px){.swipe-hint{bottom:34px}.brand-link{width:104px;height:46px;overflow:visible}.brand-link img{width:130px;height:130px}}@media (min-width:900px) and (max-width:1099px){.brand-link{width:96px}.brand-link img{width:120px;height:120px}}