:root{--ink:#1c1b19;--ink-2:#5e5b55;--ink-3:#75716a;--line:#e6e3dd;--line-2:#d9d5ce;--paper:#f7f6f3;--paper-2:#f4f2ee;--white:#fff;--moss:#3e5a47;--danger:#a23b2a;--night:#0f0f0e;--night-text:#f3f1ec;--night-muted:#a9a49b;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Jost", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:20px;--gutter:clamp(16px, 3.4vw, 48px);--ease:cubic-bezier(.2, .8, .2, 1);--ink-grad:linear-gradient(180deg, #3b3834 0%, #201f1c 55%, #151412 100%);--shadow-sm:0 1px 2px #11100e0f, 0 2px 8px #11100e0d;--shadow-card:0 1px 2px #11100e0a, 0 12px 32px -18px #11100e47;--shadow-btn:inset 0 1px 0 #ffffff29, 0 1px 2px #0000003d, 0 8px 18px -8px #0000008c;--shadow-btn-hover:inset 0 1px 0 #ffffff2e, 0 2px 4px #0003, 0 14px 28px -10px #0009;--shadow:0 24px 56px -20px #00000073;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wordmark{letter-spacing:.38em;text-transform:uppercase;white-space:nowrap;padding-left:.38em;font-size:13px;font-weight:500;line-height:20px}.wordmark--pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.overline{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:500;line-height:16px}.and{font-family:var(--serif);letter-spacing:.02em;padding:0 .1em;font-size:.55em;font-style:italic}.muted{color:var(--ink-2);font-size:14px}.link-muted{color:var(--ink-2);font-size:13px}.btn{letter-spacing:.01em;white-space:nowrap;min-height:48px;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background-color .2s, border-color .2s, color .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn--ink{background:var(--ink-grad);color:var(--white);box-shadow:var(--shadow-btn)}.btn--ink:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn--line,.btn--soft{background:var(--white);border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.btn--line:hover:not(:disabled),.btn--soft:hover:not(:disabled){border-color:#c7c2b9;transform:translateY(-1px);box-shadow:0 2px 4px #11100e0f,0 12px 24px -14px #11100e66}.btn--light{color:var(--ink);background:#fffffff0;box-shadow:inset 0 1px #fff,0 12px 30px -12px #0000008c}.btn--light:hover:not(:disabled){background:var(--white);transform:translateY(-1px)}.btn--glass{color:var(--white);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:#ffffff24;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff47,0 14px 34px -14px #0009}.btn--glass:hover:not(:disabled){background:#ffffff3d;transform:translateY(-1px)}.btn--ghost{color:var(--ink)}.btn--ghost:hover:not(:disabled){background:#1c1b190d}.btn--sm{min-height:44px;padding:0 18px;font-size:14px}.btn--block{width:100%}.btn__chip{width:32px;height:32px;transition:transform .25s var(--ease);background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;margin:0 -14px 0 4px;display:inline-flex}.btn--light .btn__chip,.btn--soft .btn__chip{background:var(--ink);color:var(--white)}.btn--glass .btn__chip{background:var(--white);color:var(--ink)}.btn:hover .btn__chip{transform:translate(3px)}.text-btn{min-height:44px;transition:background-color .2s, transform .2s var(--ease);background:#1c1b190b;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.text-btn:hover{background:#1c1b1917}.text-btn:active{transform:scale(.97)}.text-btn--muted{color:var(--ink-2);background:0 0}.text-btn--muted:hover{background:#1c1b190f}.icon-btn{width:44px;height:44px;transition:background-color .2s, transform .2s var(--ease);background:#1c1b190b;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#1c1b191a}.icon-btn:active{transform:scale(.94)}.icon-btn--glass{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#ffffff29;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff40}.icon-btn--glass:hover{background:#ffffff47}@media (width<=640px){.hide-sm{display:none}}.segmented{background:var(--paper-2);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #11100e0f}.segmented button{min-height:36px;color:var(--ink-2);border-radius:999px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.segmented button:hover{color:var(--ink)}.segmented button[aria-checked=true],.segmented button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.page-state{min-height:100svh;padding:32px var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.page-state__title{font-size:26px;font-weight:500;line-height:1.4}.page-state__body{max-width:36ch;color:var(--ink-2)}.home__title{font-family:var(--serif);font-size:clamp(48px,8vw,88px);font-weight:300;line-height:1}.home__links{flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:14px;display:flex}.home__links a{min-height:44px;color:var(--ink-2);align-items:center;display:inline-flex}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress__bar{background:var(--ink-grad);border-radius:999px;height:100%;transition:width .3s}.note{background:var(--paper-2);color:#3d3b37;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:20px;display:flex}.note svg{flex:none;margin-top:2px}.note--warn{background:#fbf3e6}.form-error{color:var(--danger);font-size:14px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f0e80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:24px;flex-direction:column;gap:20px;width:600px;max-width:100%;max-height:calc(100svh - 32px);padding:32px 36px 28px;display:flex;overflow:auto;box-shadow:inset 0 1px #fffc,0 40px 80px -28px #00000080}.modal__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal__head h2{margin-top:4px;font-size:26px;font-weight:500;line-height:38px}.modal__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.modal__btns{gap:8px;margin-left:auto;display:flex}@media (width<=640px){.modal{padding:24px 20px}.modal__btns{width:100%}.modal__btns .btn{flex:1;padding:0 12px}}.checklist{background:var(--paper);border:0;border-radius:18px;min-width:0;margin:0;padding:4px}.checklist legend{float:left;width:100%;margin-bottom:4px;padding:8px 12px 4px;font-size:13px;font-weight:500}.checkrow{cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:15px;transition:background-color .2s;display:flex}.checkrow:hover{background:var(--white)}.checkrow input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:0}.checkrow__title{flex:1;min-width:0}.checkrow__n,.checkrow__size{white-space:nowrap;color:var(--ink-2);font-size:14px}.checkrow__size{text-align:right;width:64px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0e66;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:90svh;padding:10px 20px calc(16px + env(safe-area-inset-bottom));background:var(--white);border-radius:28px 28px 0 0;flex-direction:column;gap:12px;display:flex;overflow:auto;box-shadow:0 -12px 40px #00000029}@media (width>=641px){.sheet-backdrop{justify-content:center;align-items:center}.sheet{border-radius:24px;width:420px;padding-bottom:16px}}.sheet__handle{background:var(--line-2);border-radius:999px;width:40px;height:5px;margin:0 auto 6px}.sheet__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sheet__head h2{font-size:18px;font-weight:500;line-height:28px}.sheet__head span{color:var(--ink-2);font-size:14px}.sheet__progress p{color:var(--ink-2);margin-top:8px;font-size:13px}.sheet__done{min-height:48px;color:var(--moss);align-items:center;gap:8px;font-weight:500;display:flex}.sheet__close{align-self:center}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:calc(100% - 32px);color:var(--white);box-shadow:var(--shadow);overflow-wrap:anywhere;background:#161513e0;border:1px solid #ffffff14;border-radius:999px;padding:12px 20px;font-size:14px;position:fixed;transform:translate(-50%)}.cover{height:100svh;min-height:600px;color:var(--ink);background:#d9d4cb;position:relative;overflow:hidden}.cover-frame{position:absolute;inset:0;overflow:hidden;container-type:size}.cover-frame__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}@supports (width:1cqw){.cover-frame__img.is-framed{--dw:calc(max(100cqw, 100cqh * var(--a)) * var(--z));--dh:calc(var(--dw) / var(--a));inset:auto;left:clamp(calc(100cqw - var(--dw)), calc(50cqw - var(--x) * var(--dw)), 0px);top:clamp(calc(100cqh - var(--dh)), calc(50cqh - var(--y) * var(--dh)), 0px);width:var(--dw);height:var(--dh)}}.cover__shade{pointer-events:none;position:absolute;inset:0}.cover__bar{z-index:2;padding:24px var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.cover__count{font-size:14px}.cover__meta{letter-spacing:.24em;text-transform:uppercase;font-size:14px}.cover--classic .cover__media{position:absolute;inset:0}.cover--classic .overline{color:inherit}.cover--classic.is-light .icon-btn--glass{background:#ffffff6b;border-color:#1c1b191a}.cover--classic.is-dark{color:var(--white)}.cover--classic.is-dark .cover__shade{background:#0c0c0b52}.cover__classic{z-index:2;padding:0 var(--gutter);text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:max(120px,15svh);left:0;right:0}.classic-names{font-family:var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(64px,9.4vw,136px);font-weight:300;line-height:.98}.classic-names .and{padding:0 .12em;font-size:.5em}.cover__enter{min-height:52px;margin-top:10px;padding-left:28px}.cover--cinematic{background:var(--night);color:var(--night-text)}.cover--cinematic .cover__shade{background:linear-gradient(#0c0c0b1f 0%,#0c0c0b38 45%,#0c0c0b9e 100%)}.cover--cinematic .overline{color:var(--night-text)}.cover--cinematic .icon-btn--glass,.cover--classic.is-dark .icon-btn--glass{color:var(--white)}.cover__cine{left:var(--gutter);right:var(--gutter);z-index:2;flex-direction:column;gap:24px;display:flex;position:absolute;bottom:72px}.cine-names{letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 2px 30px #00000040;max-width:12ch;font-size:clamp(64px,11.5vw,168px);font-weight:300;line-height:.88}.cine-names__and{font-family:var(--serif);letter-spacing:.01em;text-transform:none;margin:.08em 0 .05em .08em;font-size:.33em;font-style:italic;line-height:1;display:block}.cover__cta{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px;display:flex}.cover--cinematic .cover__count{color:#e9e5dd}.cover__credit{right:var(--gutter);z-index:2;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:500;position:absolute;bottom:28px}.cover--split{--photo-w:clamp(30vw, calc(max(100svh, 600px) * var(--cover-ratio,.6667)), 58vw);grid-template-columns:minmax(0, 1fr) var(--photo-w);grid-template-rows:minmax(0,1fr);display:grid}.cover--split.cover--classic{background:var(--paper);color:var(--ink)}.cover__panel{min-width:0;position:relative;overflow:hidden;container-type:inline-size}.cover__photo{background:#d9d4cb;position:relative;overflow:hidden}.cover--split .cover__bar .icon-btn--glass{color:var(--white);background:#1413114d;border-color:#ffffff3d}.cover--split .cover__classic{padding:88px var(--gutter) 56px;justify-content:center;top:0;bottom:0}.cover--split .classic-names{font-size:clamp(48px,11cqw,136px)}.cover--split .cine-names{font-size:clamp(56px,14cqw,168px)}.cover--split .cover__credit{left:var(--gutter);right:auto}.cover__ambient{object-fit:cover;opacity:.5;filter:blur(48px)saturate(1.2);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.cover--split.cover--cinematic .cover__panel:after{content:"";pointer-events:none;background:linear-gradient(#0f0f0e33 0%,#0f0f0e8c 100%);position:absolute;inset:0}@media (width<=767px),not all and (aspect-ratio>=5/4){.cover--classic,.cover--classic.is-dark{color:var(--white)}.cover--classic .cover__shade,.cover--classic.is-dark .cover__shade{background:linear-gradient(#0c0c0b33 0%,#0c0c0b00 20% 40%,#0c0c0bad 100%)}.cover--classic.is-light .icon-btn--glass,.cover--classic.is-dark .icon-btn--glass{color:var(--white);background:#14131147;border-color:#ffffff3d}.cover--classic .cover__classic{gap:16px;top:auto;bottom:clamp(44px,7svh,96px)}.classic-names{text-shadow:0 2px 24px #00000038;font-size:clamp(56px,10vw,112px);line-height:1.02}.cover--classic .cover__enter{margin-top:8px}.cover--classic .cover__count{color:#e9e5dd}}@media (width<=767px){.cover--classic .cover__classic{gap:12px;bottom:44px}.classic-names{font-size:clamp(46px,14vw,60px)}.cover--classic .cover__meta{letter-spacing:.18em;font-size:12px}.cover--classic .cover__count{font-size:13px}.cover__cine{bottom:76px}.cover--cinematic .cover__credit{left:var(--gutter);right:auto}}.gh{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(18px);backdrop-filter:saturate(1.4)blur(18px);background:#ffffffdb;border-bottom:1px solid #1c1b1914;position:sticky;top:0}.gh.is-selecting{background:#f4f2eeeb}.gh__row{max-width:1440px;min-height:68px;padding:10px var(--gutter);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.gh__left{align-items:center;gap:12px;min-width:0;display:flex}.gh__title{flex-wrap:wrap;align-items:baseline;gap:0 18px;min-width:0;display:flex}.gh__back{flex:none;margin-left:-6px}.gh__names{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:28px;line-height:34px;overflow:hidden}.gh__names .and{font-size:.7em}.gh__meta{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--ink-3);font-size:12px}.gh__count{font-size:17px;font-weight:500}.gh__actions{flex:none;align-items:center;gap:6px;display:flex}.gh__tabs{max-width:1440px;padding:2px var(--gutter) 12px;scrollbar-width:none;gap:6px;margin:0 auto;display:flex;overflow-x:auto}.gh__tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;min-height:40px;color:var(--ink-2);transition:background-color .2s, color .2s, box-shadow .2s, transform .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.tab:hover{color:var(--ink);background:#1c1b190d}.tab:active{transform:scale(.97)}.tab[aria-current=true]{background:var(--ink-grad);color:var(--white);box-shadow:var(--shadow-btn)}.tab__n{color:var(--ink-3);font-size:12px;font-weight:400}.tab[aria-current=true] .tab__n{color:#ffffffad}.viewmenu{position:relative}.icon-btn.is-active{background:var(--ink);color:var(--white)}.viewmenu__panel{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:330px;max-width:calc(100vw - 24px);animation:pop .18s var(--ease);background:#fffffff7;border:1px solid #1c1b1914;border-radius:22px;flex-direction:column;gap:14px;padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 28px 64px -24px #0006}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.viewmenu__head{justify-content:space-between;align-items:center;min-height:32px;display:flex}.viewmenu__head strong{font-size:15px;font-weight:500}.viewmenu__reset{min-height:32px;padding:0 10px;font-size:13px}.gridpicker{flex-direction:column;gap:14px;display:flex}.gridpicker__group{flex-direction:column;gap:8px;display:flex}.gridpicker__label{letter-spacing:.04em;color:var(--ink-3);font-size:12px;font-weight:500}.gridpicker .segmented{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.layout-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.layout-pick__item{border:1px solid var(--line);background:var(--white);color:var(--ink-2);transition:border-color .2s, box-shadow .2s, color .2s, transform .2s var(--ease);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;font-size:13px;font-weight:500;display:flex}.layout-pick__item:hover{color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.layout-pick__item[aria-checked=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink), 0 8px 18px -10px #00000059}@media (width<=640px){.gh__row{min-height:58px;padding:6px 8px 6px 16px}.gh__names{font-size:24px;line-height:30px}.gh__meta,.gh__left.has-back .gh__title{display:none}.gh__actions{gap:4px}.gh__tabs{padding:2px 12px 10px}.tab{min-height:44px}}.gallery__body{max-width:1440px;padding:0 var(--gutter) 96px;margin:0 auto}.chapter{padding-top:52px}.chapter__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:22px;display:flex}.chapter__title{font-family:var(--serif);margin-top:6px;font-size:clamp(34px,4.4vw,52px);font-weight:300;line-height:1.08}.chapter--editorial .chapter__head{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px}.chapter--editorial .chapter__title{font-size:clamp(40px,5.4vw,68px)}.chapter__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;display:flex}.chapter__meta .text-btn{min-height:38px;color:var(--ink);padding:0 14px}.rows{flex-direction:column;display:flex}.row{content-visibility:auto;display:flex;overflow:hidden}.rows--centered .row{margin-inline:auto}.mgrid{align-items:flex-start;display:flex}.mgrid__col{flex-direction:column;flex:none;display:flex}.tile{cursor:zoom-in;transition:box-shadow .3s var(--ease), transform .3s var(--ease);background:#eeece7;border-radius:10px;flex:none;position:relative;overflow:hidden;transform:translateZ(0)}.grid--tight .tile{border-radius:3px}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease), filter .3s}@media (hover:hover){.tile:hover{box-shadow:0 18px 36px -18px #00000073}.tile:hover img{transform:scale(1.035)}}.is-selecting .tile{cursor:pointer}.tile.is-selected{background:var(--line);box-shadow:inset 0 0 0 2px var(--ink)}.tile.is-selected img,.tile.is-selected:hover img{border-radius:6px;transform:scale(.9)}.tile__check{border:2px solid var(--white);width:28px;height:28px;color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c1b1947;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #00000040}.tile.is-selected .tile__check{background:var(--ink)}.chapter__more{justify-content:center;margin-top:28px;display:flex}@media (width<=640px){.gallery__body{padding:0 12px 80px}.chapter{padding-top:30px}.chapter__head{margin-bottom:14px;padding:0 4px}.chapter__title{font-size:36px}.tile{border-radius:6px}}.gfooter{padding:56px var(--gutter) calc(56px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:10px;font-size:14px;display:flex}.gfooter .wordmark{color:var(--ink)}.gfooter__links{gap:8px;display:flex}.gfooter__links a{background:#1c1b190b;border-radius:999px;align-items:center;min-height:40px;padding:0 14px;text-decoration:none;display:inline-flex}.gfooter__copy{color:var(--ink-3);font-size:12px}.selbar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);max-width:calc(100% - 24px);color:var(--white);white-space:nowrap;animation:rise .25s var(--ease);background:#161513db;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:14px;padding:6px 6px 6px 22px;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 24px 48px -18px #000000a6}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.selbar__info{font-size:15px}.selbar__sep{background:#fff3;width:1px;height:24px}.selbar__btn{background:var(--white);min-height:44px;color:var(--ink);transition:transform .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #fff,0 6px 16px -8px #0009}.selbar__btn:hover{transform:translateY(-1px)}.selbar__btn:active{transform:scale(.97)}.dlprog{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:340px;max-width:calc(100% - 32px);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #1c1b1914;border-radius:20px;flex-direction:column;gap:10px;padding:14px 14px 16px 18px;display:flex;position:fixed;bottom:24px;right:24px}.dlprog__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dlprog__meta{color:var(--ink-2);font-size:13px}.dlprog__hint{color:var(--ink-3);font-size:12px}@media (width<=640px){.dlprog{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto}}.lb{z-index:60;background:var(--night);color:var(--night-text);flex-direction:column;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lb__bar{flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 16px;display:grid}.lb__left{align-items:center;gap:14px;min-width:0;display:flex}.lb__info{flex-direction:column;min-width:0;display:flex}.lb .overline{color:var(--night-muted)}.lb__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.lb__dim{color:var(--night-muted)}.lb__count{letter-spacing:.1em;text-align:center;background:#ffffff12;border-radius:999px;padding:6px 14px;font-size:13px}.lb__actions{justify-content:flex-end;gap:6px;display:flex}.lb .icon-btn{background:#ffffff12}.lb .icon-btn:hover{background:#ffffff29}.lb__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:auto;min-height:0;margin:0 104px;position:relative}.lb__img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.lb__img--low,.lb__img.is-loaded{opacity:1}.lb__nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:56px;height:56px;color:var(--night-text);transition:background-color .2s, transform .2s var(--ease);background:#ffffff12;border:1px solid #f3f1ec29;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lb__nav:hover:not(:disabled){background:#ffffff29;transform:translateY(-50%)scale(1.05)}.lb__nav:disabled{opacity:.2}.lb__nav--prev{left:-80px}.lb__nav--next{right:-80px}.lb__strip{flex:none;justify-content:center;gap:8px;padding:18px 24px 24px;display:flex;overflow:hidden}.lb__thumb{opacity:.45;width:56px;height:56px;transition:opacity .2s, transform .2s var(--ease);border-radius:10px;flex:none;overflow:hidden}.lb__thumb:hover{opacity:.8}.lb__thumb img{object-fit:cover;width:100%;height:100%}.lb__thumb.is-current{opacity:1;outline:2px solid var(--night-text);outline-offset:3px}.lb__hint{color:var(--night-muted);font-size:12px;position:absolute;bottom:42px;right:28px}@media (width<=900px){.lb__hint{display:none}}@media (width<=640px){.lb__bar{padding:6px}.lb__left{gap:8px}.lb__dim{display:none}.lb__stage{margin:0 0 calc(24px + env(safe-area-inset-bottom))}.lb__nav,.lb__strip{display:none}}
