@font-face{font-family:Lobster;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lobster-latin-400-normal-VmWungf4.woff2)format("woff2"),url(/assets/lobster-latin-400-normal-Cc8ENR_t.woff)format("woff")}@font-face{font-family:Bitter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bitter-latin-400-normal-Cl9vToDR.woff2)format("woff2"),url(/assets/bitter-latin-400-normal-B_gsCfHZ.woff)format("woff")}@font-face{font-family:Bitter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/bitter-latin-400-italic-B9yeSdDS.woff2)format("woff2"),url(/assets/bitter-latin-400-italic-CxRRx--Z.woff)format("woff")}@font-face{font-family:Bitter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bitter-latin-700-normal-1jQzrEdb.woff2)format("woff2"),url(/assets/bitter-latin-700-normal-BHV1FLDM.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Lobster", "Brush Script MT", cursive;--font-serif:"Bitter", Georgia, "Times New Roman", serif;--font-ui:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--page-bg:#dfe3e8;--page-bg-blend:normal;--surface:#fff;--surface-2:#f1f2f4;--surface-3:#e4e6ea;--ink:#1f2933;--ink-soft:#3e4c59;--muted:#6b7785;--accent:#456;--accent-ink:#fff;--hot:#d65c5c;--border:#dde1e6;--shadow:0 2px 6px #0f172a14, 0 12px 40px #0f172a1f;--card-shadow:0 1px 2px #0f172a0f;--card-shadow-hover:0 6px 22px #0f172a1f;--q-poor:#bfc4cc;--q-common:#fff;--q-common-ring:#bfc4cc;--q-uncommon:#5fbd3a;--q-rare:#4a74d8;--q-epic:#b04fd0;--q-legendary:#e8a526;--q-artifact:#d65c5c;--page-w:1180px;--gutter:clamp(18px, 4vw, 56px);--radius:18px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#14171c;--page-bg-blend:multiply;--surface:#1c2027;--surface-2:#252b34;--surface-3:#323a46;--ink:#e8ebef;--ink-soft:#c3cad3;--muted:#8f9aa8;--accent:#8ea4bd;--accent-ink:#14171c;--hot:#f0807f;--border:#2d343e;--shadow:0 2px 6px #00000059, 0 12px 40px #00000073;--card-shadow:0 1px 2px #0000004d;--card-shadow-hover:0 6px 22px #00000073;--q-common:#1c2027;--q-common-ring:#8f9aa8;--q-poor:#6d7683}@media (min-width:1500px){:root{--page-w:1320px}}*,:before,:after{box-sizing:border-box}html{background:var(--page-bg) url(/assets/background-BRMT7nII.jpg);background-blend-mode:var(--page-bg-blend);scroll-behavior:auto;-webkit-text-size-adjust:100%;background-attachment:fixed;scroll-padding-top:72px}html.lb-open{scrollbar-gutter:stable;overflow:hidden}body{font-family:var(--font-serif);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--hot) 25%, transparent)}:focus-visible{outline:2px solid var(--hot);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}.wrapper{width:min(var(--page-w), 100%);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin:clamp(0px,3vw,48px) auto 24px;padding:clamp(28px,4vw,48px) 0 28px;position:relative}@media (max-width:1240px){.wrapper{box-shadow:none;border-radius:0;margin-top:0}}.progress{z-index:60;background:var(--hot);transform-origin:0;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.topnav{z-index:50;padding:8px max(var(--gutter), calc((100vw - var(--page-w)) / 2 + var(--gutter)));background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--border);align-items:center;gap:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;display:flex;position:fixed;inset:0 0 auto}.topnav[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(-100%)}.topnav-brand{font-family:var(--font-display);color:var(--accent);margin-right:auto;font-size:22px;text-decoration:none}.topnav ul{scrollbar-width:none;--fl:0px;--fr:0px;min-width:0;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);gap:2px;display:flex;overflow-x:auto}.topnav ul[data-more~=start]{--fl:28px}.topnav ul[data-more~=end]{--fr:28px}.topnav ul::-webkit-scrollbar{display:none}.topnav ul a{white-space:nowrap;font:600 12px/1.4 var(--font-ui);letter-spacing:.02em;color:var(--muted);border-radius:999px;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s;display:block}.topnav ul a:hover{color:var(--ink);background:var(--surface-2)}.topnav ul a[aria-current=true]{color:var(--accent-ink);background:var(--accent)}.topnav .theme-toggle{flex:none}@media (max-width:720px){.topnav{gap:8px;padding-inline:12px}.topnav-brand{display:none}.topnav ul{margin-right:auto}}.hero{padding:0 var(--gutter) 8px;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.hero-name{font-family:var(--font-display);color:var(--accent);font-size:clamp(40px,6vw,68px);font-weight:400;line-height:1.05}.hero-title{font:500 clamp(14px, 1.8vw, 17px)/1.4 var(--font-ui);letter-spacing:.04em;color:var(--muted);margin-top:6px}.hero-tools{align-items:center;gap:6px;display:flex}.icon-btn{width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s,transform .2s;display:grid}.icon-btn:hover{color:var(--hot);background:var(--surface-2)}.icon-btn svg{width:22px;height:22px}.hero .theme-toggle{display:none}.social{gap:4px;display:flex}.social li{position:relative}.social a{width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;transition:color .2s,background .2s,transform .2s;display:grid}.social a:hover{color:var(--hot);background:var(--surface-2);transform:translateY(-2px)}.social svg{width:24px;height:24px}.social li:after{content:attr(data-name);white-space:nowrap;font:600 11px/1.5 var(--font-ui);background:var(--accent);color:var(--accent-ink);opacity:0;pointer-events:none;border-radius:6px;padding:3px 9px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.social li:hover:after,.social li:focus-within:after{opacity:1;transform:translate(-50%)}@media (max-width:720px){.hero{flex-direction:column;gap:14px}.hero-tools{margin-left:-8px}.hero .theme-toggle{display:grid;position:absolute;top:-8px;right:12px}}.footer{text-align:center;font:400 12px var(--font-serif);color:color-mix(in srgb, var(--ink) 65%, var(--page-bg));padding:8px 16px 32px}:root[data-theme=dark] .footer{color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section{margin-top:clamp(36px,5vw,60px)}.section-title{font:400 clamp(24px, 3vw, 30px)/1.2 var(--font-display);padding-left:var(--gutter);color:var(--ink);margin-bottom:28px;position:relative}.section-title:before{content:"";background:var(--accent);border-radius:0 16px 16px 0;width:clamp(12px,1.6vw,16px);height:30px;transition:height .3s,background .3s;position:absolute;top:50%;left:0;translate:0 -50%}.section:hover>.section-title:before{background:var(--hot)}.content{padding:0 var(--gutter)}.section-body{transition:opacity .4s}[data-lazy]:not(.loaded) .section-body{opacity:0}.section-body:empty{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:14px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}[data-lazy]:not(.loaded) .section-body:empty{opacity:.5}.introduction{background:var(--surface-2);text-wrap:pretty;border-radius:14px;padding:24px 28px 24px clamp(56px,7vw,84px);font-size:clamp(15px,1.5vw,17px);line-height:1.75;position:relative}.introduction:before{content:"“";color:var(--surface-3);font:400 clamp(72px,9vw,104px)/1 Georgia,serif;transition:color .3s;position:absolute;top:4px;left:clamp(12px,2vw,22px)}.introduction:hover:before{color:var(--hot)}.skills{position:relative}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px 40px;transition:max-height .5s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.skills[data-collapsed=true] .skill-grid{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.skill{grid-template-columns:112px 1fr 40px;align-items:center;gap:12px;padding-bottom:2px;display:grid}.skill-name{font:500 12.5px/1.3 var(--font-ui);transition:color .2s}.skill-pct{font:500 11px var(--font-ui);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.skill-bar{background:var(--surface-3);border-radius:7px;height:14px;overflow:hidden}.skill-bar i{background:var(--accent);width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1),background .2s;transition-delay:calc(var(--i) * 25ms);border-radius:7px;display:block}.skills.in .skill-bar i{width:calc(var(--level) * 100%)}.skill:hover .skill-name{color:var(--hot)}.skill:hover .skill-bar i{background:var(--hot);animation:1s ease-in-out infinite bar-pulse}@keyframes bar-pulse{50%{width:calc(var(--level) * 100% + 6px)}}.more-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:600 12px var(--font-ui);color:var(--muted);border-radius:999px;align-items:center;gap:6px;margin:10px auto 0;padding:8px 16px;transition:color .2s,border-color .2s,background .2s;display:flex}.more-toggle:hover{color:var(--hot);border-color:var(--hot)}.more-toggle svg{width:16px;height:16px;transition:transform .35s}.more-toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media (max-width:480px){.skill{grid-template-columns:96px 1fr 36px;gap:8px}}.history-list{gap:8px;display:grid}.history{border-radius:14px;grid-template-columns:minmax(220px,340px) 1fr;gap:8px clamp(20px,4vw,56px);margin-inline:-20px;padding:18px 20px;transition:background .25s;display:grid}.history:hover{background:var(--surface-2)}.history-title{font:700 16px/1.35 var(--font-serif);transition:color .2s}.history:hover .history-title{color:var(--hot)}.history-org{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.history-when{color:var(--muted);margin-top:2px;font-size:13px;font-style:italic}.history-desc{text-wrap:pretty;max-width:75ch}@media (max-width:760px){.history{grid-template-columns:1fr;margin-inline:-12px;padding-inline:12px}}.js .history,.js .year-mark,.js .item{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;transform:translateY(14px)}.js .history.in,.js .year-mark.in,.js .item.in{opacity:1;transform:none}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:32px;display:flex}.legend{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.legend-title{font:600 11px var(--font-ui);letter-spacing:.1em;color:var(--muted);margin-right:4px}.legend-chip{cursor:pointer;border:1px solid var(--border);font:500 11.5px var(--font-ui);color:var(--ink-soft);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.legend-chip:hover{border-color:var(--accent)}.legend-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.toolbar-right{font:500 12px var(--font-ui);color:var(--muted);align-items:center;gap:14px;display:flex}.text-btn{cursor:pointer;font:600 12px var(--font-ui);color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;text-decoration:underline}.text-btn:hover{color:var(--hot)}.empty{text-align:center;color:var(--muted);padding:40px 0}.q-pip{background:var(--pip,var(--q-common));width:10px;height:10px;box-shadow:0 0 0 2px var(--pip-ring,transparent);border-radius:50%;flex:none}.q-poor{--pip:var(--q-poor)}.q-common{--pip:var(--q-common);--pip-ring:var(--q-common-ring)}.q-uncommon{--pip:var(--q-uncommon)}.q-rare{--pip:var(--q-rare)}.q-epic{--pip:var(--q-epic)}.q-legendary{--pip:var(--q-legendary)}.q-artifact{--pip:var(--q-artifact)}.legend-chip[aria-pressed=true] .q-pip{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-ink) 60%, transparent)}.timeline{--date-w:108px;--rail-w:44px;--rail-x:calc(var(--date-w) + var(--rail-w) / 2);--progress:0px;isolation:isolate;position:relative}.timeline:before,.timeline:after{content:"";top:0;left:calc(var(--rail-x) - 2.5px);z-index:0;border-radius:3px;width:5px;position:absolute}.timeline:before{background:var(--accent);opacity:.85;bottom:0}.timeline:after{height:var(--progress);background:var(--hot)}.timeline-list{display:grid}.timeline-end{height:1px}.year-mark{z-index:1;padding-left:calc(var(--date-w) + var(--rail-w));margin:6px 0 14px;position:relative}.year-mark span{left:calc(var(--rail-x) - 26px);text-align:center;background:var(--accent);width:52px;color:var(--accent-ink);font:600 12px var(--font-ui);letter-spacing:.02em;z-index:2;border-radius:999px;padding:3px 0;transition:background .3s;position:absolute;top:50%;translate:0 -50%}.year-mark{height:28px}.item{grid-template-columns:var(--date-w) var(--rail-w) minmax(0, 1fr);z-index:1;margin-bottom:22px;display:grid;position:relative}.item-when{text-align:right;font:italic 400 12.5px/1.4 var(--font-serif);color:var(--muted);grid-column:1;padding:14px 8px 0 0;transition:color .25s}.item-when span{display:block}.item-when .to:before{content:"– "}.item-when .to.live{color:var(--hot);font-style:normal;font-weight:700}.item-dot{background:var(--surface);border:5px solid var(--accent);z-index:2;border-radius:50%;grid-column:2;justify-self:center;width:18px;height:18px;margin-top:17px;transition:border-color .25s,transform .25s}.item:hover .item-dot{border-color:var(--hot);transform:scale(1.25)}.item:has(:focus-visible) .item-dot{border-color:var(--hot);transform:scale(1.25)}.item.passed .item-dot{border-color:var(--hot)}.year-mark.passed span{background:var(--hot);color:#fff}.item:hover .item-when{color:var(--hot)}.item.ongoing .item-dot{animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--hot) 55%, transparent)}70%,to{box-shadow:0 0 0 10px #0000}}.card{background:var(--surface-2);border-radius:var(--radius);box-shadow:var(--card-shadow);grid-column:3;min-width:0;transition:box-shadow .25s,transform .25s,background .25s}.item:hover .card{box-shadow:var(--card-shadow-hover)}.card-title{font:inherit}.card-head{text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:10px;width:100%;padding:14px 14px 14px 18px;display:grid}.card-head .q-pip{margin-top:8px}.card-head .name{font:700 clamp(16px, 1.6vw, 18px)/1.4 var(--font-serif);text-wrap:balance;grid-column:2}.nowrap{white-space:nowrap}.company{vertical-align:-2px;border-radius:3px;width:16px;height:16px;margin-left:8px;display:inline-block}.company img{opacity:.55;filter:grayscale();border-radius:3px;width:16px;height:16px;transition:filter .3s,opacity .3s}.card-head:hover .company img,.item:hover .company img,.company:focus-visible img{filter:none;opacity:1}.card-head .when-inline{font:italic 400 12px var(--font-serif);color:var(--muted);grid-column:2;display:none}.card-head .chev{width:30px;height:30px;color:var(--muted);border-radius:50%;grid-area:1/3;place-items:center;margin-top:-3px;transition:transform .35s,color .2s,background .2s;display:grid}.card-head .chev svg{width:20px;height:20px}.card-head:hover .chev{color:var(--hot);background:var(--surface-3)}.item:not(.collapsed) .chev{transform:rotate(180deg)}.card-body{grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1);display:grid}.item.collapsed .card-body{grid-template-rows:0fr}.card-body-inner{min-height:0;padding:0 18px;transition:padding .4s cubic-bezier(.2,.8,.2,1),opacity .3s;overflow:hidden}.card-body-inner>:last-child{margin-bottom:18px}.item.collapsed .card-body-inner{opacity:0}.card-grid{gap:14px 28px;display:grid}.card-text p+p{margin-top:.7em}.card-text{text-wrap:pretty;max-width:72ch}.card-text i{font-style:italic}.media-wrap{--fl:0px;--fr:0px;margin-top:14px;position:relative}.media-wrap[data-overflow=true][data-start=false]{--fl:24px}.media-wrap[data-overflow=true][data-end=false]{--fr:24px}.media{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);gap:10px;margin:-10px -10px 0;padding:10px 10px 22px;scroll-padding-inline:10px;display:flex;overflow-x:auto}.media::-webkit-scrollbar{display:none}.media li{scroll-snap-align:start;flex:none}.scroll-btn{z-index:2;cursor:pointer;background:var(--surface);width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s,color .2s;display:none;position:absolute;top:50%;translate:0 -50%;box-shadow:0 2px 10px #0000004d}.scroll-btn svg{width:20px;height:20px}.scroll-btn:hover{background:var(--hot);color:#fff}.scroll-btn.prev{left:-6px}.scroll-btn.next{right:-6px}@media (hover:hover){.media-wrap[data-overflow=true][data-start=false] .prev,.media-wrap[data-overflow=true][data-end=false] .next{display:grid}}.thumb{background:var(--surface-3);cursor:zoom-in;outline-offset:2px;box-shadow:0 0 0 3px var(--surface-3);border:0;border-radius:8px;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:auto;height:clamp(84px,9vw,112px);transition:transform .4s;display:block}.thumb:hover{box-shadow:0 0 0 3px var(--hot), 0 8px 18px #00000040;transform:translateY(-3px)}.thumb:hover img{transform:scale(1.04)}.thumb.is-video{cursor:pointer}.thumb .play{color:#fff;background:#00000038;place-items:center;transition:background .25s;display:grid;position:absolute;inset:0}.thumb .play svg{filter:drop-shadow(0 2px 4px #00000080);width:34px;height:34px;transition:transform .25s}.thumb:hover .play{background:#0000001a}.thumb:hover .play svg{transform:scale(1.15)}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.media-wrap+.chips{margin-top:0}.chips li{background:var(--surface-3);color:var(--ink-soft);font:500 11.5px/1.6 var(--font-ui);cursor:default;border-radius:999px;padding:3px 11px;transition:background .2s,color .2s}.chips li:hover{background:var(--accent);color:var(--accent-ink)}.links{gap:8px;margin-top:14px;display:grid}.link-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-label{font:500 12px var(--font-ui);color:var(--muted);margin-right:2px}.btn-link{background:var(--surface-3);color:var(--ink);font:500 12px/1.4 var(--font-ui);border-radius:8px;align-items:center;gap:7px;padding:6px 12px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.btn-link svg{flex:none;width:14px;height:14px}.btn-link:hover{background:var(--hot);color:#fff;transform:translateY(-1px)}@media (max-width:860px){.timeline{--date-w:0px;--rail-w:28px}.item-when{display:none}.card-head .when-inline{grid-row:2;display:block}.item-dot{border-width:4px;width:14px;height:14px;margin-top:19px}.year-mark span{width:46px;font-size:11px}}@media (max-width:480px){.timeline{--rail-w:22px}.card-head{padding:12px}.card-body-inner{padding:0 12px}.thumb img{height:76px}}.tip{z-index:200;pointer-events:none;background:var(--accent);max-width:min(260px,100vw - 16px);color:var(--accent-ink);font:600 12px/1.4 var(--font-ui);opacity:0;border-radius:8px;padding:6px 10px;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px);box-shadow:0 4px 14px #0000004d}.tip[data-show=true]{opacity:1;transform:none}.tip:after{content:"";left:var(--arrow-x,50%);border:5px solid #0000;margin-left:-5px;position:absolute}.tip[data-pos=top]:after{border-top-color:var(--accent);top:100%}.tip[data-pos=bottom]:after{border-bottom-color:var(--accent);bottom:100%}[data-tip]{cursor:help}.lb{color:#fff;width:100%;max-width:none;height:100%;max-height:none;font-family:var(--font-ui);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lb:not([open]){display:none}.lb::backdrop{background:0 0}.lb-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0eeb;position:absolute;inset:0}.lb-top{z-index:3;background:linear-gradient(#0000008c,#0000);align-items:center;gap:4px;padding:8px 12px 8px 20px;transition:opacity .25s;display:flex;position:absolute;inset:0 0 auto}.lb-title{font:600 14px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.lb-count{font:500 12px var(--font-ui);opacity:.75;font-variant-numeric:tabular-nums;margin-right:8px}.lb-btn,.lb-nav{color:#fff;cursor:pointer;background:#fff0;border:0;place-items:center;text-decoration:none;transition:background .2s,opacity .2s,transform .2s;display:grid}.lb-btn{border-radius:50%;width:40px;height:40px}.lb-btn:hover,.lb-nav:hover:not(:disabled){background:#ffffff29}.lb-btn svg,.lb-nav svg{width:22px;height:22px}.lb-nav{z-index:3;background:#00000047;width:48px;height:64px;position:absolute;top:50%;translate:0 -50%}.lb-prev{border-radius:12px;left:12px}.lb-next{border-radius:12px;right:12px}.lb-nav:disabled{opacity:0;pointer-events:none}.lb.single .lb-nav{display:none}.lb-stage{inset:56px 0 var(--lb-bottom,64px) 0;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;overflow:hidden}.lb.single{--lb-bottom:24px}.lb:not(.single){--lb-bottom:96px}.lb-media{will-change:transform;cursor:zoom-in;border-radius:4px;flex:none;grid-area:1/1;position:relative;overflow:hidden}.lb-media.zoomed{cursor:grab}.lb-media img,.lb-media video{object-fit:contain;border-radius:inherit;background:#000;width:100%;height:100%;position:absolute;inset:0}.lb-media video{background:#000}.lb-media .lb-ph{filter:blur(6px);transform:scale(1.01)}.lb-media .lb-full{opacity:0;background:0 0;transition:opacity .3s}.lb-media .lb-full.ready{opacity:1}.lb-media:not(.loading) .lb-ph{visibility:hidden}.lb-media.loading:after{content:"";border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{rotate:360deg}}.lb-media:has(video){cursor:default}.lb-bottom{z-index:3;pointer-events:none;background:linear-gradient(#0000,#00000080);justify-items:center;gap:8px;padding:0 16px 12px;display:grid;position:absolute;inset:auto 0 0}.lb-caption{font:400 13px/1.5 var(--font-ui);text-align:center;opacity:.9;max-width:70ch}.lb-caption:empty{display:none}.lb-strip{pointer-events:auto;scrollbar-width:none;gap:8px;max-width:100%;padding:6px;display:flex;overflow-x:auto}.lb-strip::-webkit-scrollbar{display:none}.lb-strip button{cursor:pointer;opacity:.5;outline-offset:2px;background:#000;border:0;border-radius:6px;flex:none;padding:0;transition:opacity .2s,transform .2s,box-shadow .2s;overflow:hidden}.lb-strip button:hover{opacity:.85}.lb-strip button.on{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 2px #fff}.lb-strip img{width:auto;height:52px;display:block}.lb.closing .lb-top,.lb.closing .lb-bottom,.lb.closing .lb-nav{opacity:0}@media (max-width:720px){.lb-nav{display:none}.lb-stage{inset:52px 0 var(--lb-bottom,64px) 0}.lb:not(.single){--lb-bottom:84px}.lb-strip img{height:44px}}@media (hover:none){.lb-zoom{display:none}}