:root{--font-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--step-0: 15px;--step-1: 17px;--step--1: 13px;--step--2: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 40px;--radius: 2px;--hairline-width: 1px;--danger: #c4453d;--on-danger: #ffffff;--motion-fast: .12s;--motion-mark: .24s;--motion-lightbox: .16s}[data-surface=viewing]{--surface: #101112;--surface-raised: #191a1c;--hairline: #2a2c2f;--text: #ededee;--text-muted: #9a9c9f;color-scheme:dark;--focus-ring: 2px solid var(--text);--mark: #ffffff;--mark-halo: #000000}[data-surface=workbench]{--surface: #fbfbfa;--surface-raised: #ffffff;--hairline: #e3e2df;--text: #16171a;--text-muted: #63656a;color-scheme:light;--focus-ring: 2px solid var(--text)}[data-surface=landing]{--surface: #0b0b0a;--surface-raised: #161513;--hairline: #0f0f0e;--text: #f5f4f1;--text-muted: #b7b5af;color-scheme:dark;--focus-ring: 2px solid var(--text)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--text)}body{font-family:var(--font-ui);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:2px}:where(.tabular){font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@font-face{font-family:Onest;src:url(/assets/Onest-Regular-B_9rrANZ.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Onest;src:url(/assets/Onest-Medium-Byrb7x10.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Onest;src:url(/assets/Onest-SemiBold-BldwWQ7P.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}.mfui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;white-space:nowrap}.mfui-button:disabled{cursor:not-allowed;opacity:.5}.mfui-button--md{height:40px;padding:0 var(--space-4);font-size:var(--step-0)}.mfui-button--lg{height:48px;padding:0 var(--space-5);font-size:var(--step-1)}.mfui-button--primary{background:var(--text);color:var(--surface)}.mfui-button--quiet{background:transparent;color:var(--text);border-color:var(--text-muted)}.mfui-button--danger{background:var(--danger);color:var(--on-danger)}.mfui-button__spinner{display:inline-flex}.mfui-field{display:flex;flex-direction:column;gap:var(--space-1)}.mfui-field__label{font-size:var(--step--1);color:var(--text)}.mfui-field__control{font:inherit;font-size:var(--step-0);color:var(--text);background:var(--surface-raised);border:1px solid var(--text-muted);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.mfui-field__control[aria-invalid=true]{border-color:var(--danger)}.mfui-field__hint{font-size:var(--step--2);color:var(--text-muted);margin:0}.mfui-field__error{font-size:var(--step--2);color:var(--danger);margin:0}.mfui-dialog{border:1px solid var(--text-muted);border-radius:var(--radius);padding:0;background:var(--surface-raised);color:var(--text);max-width:min(480px,calc(100vw - var(--space-5)))}.mfui-dialog::backdrop{background:color-mix(in srgb,var(--surface) 70%,transparent)}.mfui-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--hairline)}.mfui-dialog__title{font-size:var(--step-1);font-weight:500;margin:0}.mfui-dialog__close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--step-1);line-height:1;padding:var(--space-1) var(--space-2)}.mfui-dialog__body{padding:var(--space-4)}.mfui-toast-viewport{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;pointer-events:none}.mfui-toast{pointer-events:auto;background:var(--surface-raised);color:var(--text);border:1px solid var(--text-muted);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--step--1);max-width:360px}.mfui-toast--error{border-color:var(--danger);color:var(--danger)}.mfui-spinner{display:inline-block;animation:mfui-spin .8s linear infinite}@keyframes mfui-spin{to{transform:rotate(360deg)}}.mfui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chinagraph-mark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chinagraph-mark__halo,.chinagraph-mark__stroke{stroke-dasharray:1 1.02;stroke-dashoffset:1;transition:stroke-dashoffset var(--motion-mark) ease}.chinagraph-mark__halo--active,.chinagraph-mark__stroke--active{stroke-dashoffset:0}.chinagraph-mark__halo--reduced,.chinagraph-mark__stroke--reduced{transition:none}.download-menu{position:absolute;z-index:2;right:0;min-width:180px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--surface-raised);border:var(--hairline-width) solid var(--text-muted)}.download-menu--below{top:100%;margin-top:var(--space-2)}.download-menu--above{bottom:100%;margin-bottom:var(--space-2)}.download-menu__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.download-menu__title{font-size:var(--step--1);color:var(--text-muted)}.download-menu__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);background:transparent;color:var(--text);font-size:var(--step-0);cursor:pointer;flex:0 0 auto}.download-menu__options{display:flex;flex-direction:column;gap:var(--space-2)}.download-menu__notice{margin:0;font-size:var(--step--1);color:var(--text)}.frame{position:relative;display:block;padding:0;border:none;background:var(--surface-raised);cursor:pointer;overflow:hidden;flex:0 0 auto}.frame__img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--motion-fast) ease-out}.frame__img--loaded{opacity:1}.frame--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center;padding:var(--space-2)}.frame__placeholderText{font-size:var(--step--2);color:var(--text-muted)}.frame__placeholderRetry{font-size:var(--step--1);font-weight:500;color:var(--text)}.frame-wrap{position:relative;display:inline-block;flex:0 0 auto}.frame__downloadTrigger{position:absolute;z-index:1;top:var(--space-1);right:var(--space-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text);font-size:var(--step--1);cursor:pointer;opacity:0;transition:opacity var(--motion-fast) ease-out}.frame-wrap:hover .frame__downloadTrigger,.frame__downloadTrigger:focus-visible,.frame__downloadTrigger[aria-expanded=true]{opacity:1}.contact-sheet{display:flex;flex-direction:column;width:100%}.contact-sheet__row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start}.contact-sheet--empty{display:flex;align-items:center;justify-content:center;min-height:40vh;padding:var(--space-5) var(--space-4)}.contact-sheet__empty{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text-muted);text-align:center;margin:0}.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:none;background:var(--surface);color:var(--text);opacity:0;transform:scale(.92);transform-origin:50% 50%;transition:opacity var(--motion-lightbox) ease,transform var(--motion-lightbox) ease,display var(--motion-lightbox) allow-discrete,overlay var(--motion-lightbox) allow-discrete}.lightbox[open]{display:flex;align-items:center;justify-content:center;opacity:1;transform:scale(1)}@starting-style{.lightbox[open]{opacity:0;transform:scale(.92)}}.lightbox::backdrop{background:var(--surface)}.lightbox--reduced{transition:none}.lightbox__stage{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-5);box-sizing:border-box}.lightbox__img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity var(--motion-fast) ease-out}.lightbox__img--loaded{opacity:1}.lightbox__close{position:absolute;z-index:1;top:var(--space-4);right:var(--space-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;background:transparent;color:var(--text);font-size:var(--step-1);cursor:pointer}.lightbox__nav{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;background:transparent;color:var(--text);font-size:var(--step-1);cursor:pointer}.lightbox__nav:disabled{color:var(--text-muted);cursor:not-allowed}.lightbox__nav--prev{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}.lightbox__markBar{position:absolute;z-index:1;left:50%;bottom:var(--space-5);transform:translate(-50%);max-width:calc(100% - var(--space-5) * 2);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-raised)}.lightbox__notice{margin:0;font-size:var(--step--1);color:var(--text);text-align:center}.lightbox__actions{display:flex;align-items:center;gap:var(--space-3)}.lightbox__downloadAnchor{position:relative;display:inline-block}.lightbox__downloadTrigger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:var(--hairline-width) solid var(--text-muted);background:transparent;color:var(--text);font-size:var(--step-0);cursor:pointer}.selection-bar{background:var(--surface-raised);border-top:var(--hairline-width) solid var(--hairline)}.selection-bar__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.selection-bar__counts{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.selection-bar__count{font-family:var(--font-ui);font-weight:500;font-size:var(--step-0);color:var(--text);margin:0}.selection-bar__surcharge{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-muted);margin:0}.selection-bar__status{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text);margin:0}.selection-bar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.selection-bar__confirmBody{display:flex;flex-direction:column;gap:var(--space-2)}.selection-bar__error{font-family:var(--font-ui);font-size:var(--step--1);color:var(--danger);margin:0}.selection-bar__dialogActions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}@media(max-width:640px){.selection-bar{position:fixed;left:0;right:0;bottom:0;z-index:2;padding-bottom:env(safe-area-inset-bottom)}}.zip-button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) 0}.zip-button__progress{display:flex;align-items:center;gap:var(--space-2);color:var(--text)}.zip-button__hint{margin:0;font-size:var(--step--1);color:var(--text-muted);max-width:60ch}.zip-button__parts{display:flex;flex-direction:column;gap:var(--space-2)}.closed-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.closed-screen__panel{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.closed-screen__title{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,6vw,44px);line-height:1.15;margin:0}.closed-screen__heading{font-family:var(--font-ui);font-weight:500;font-size:var(--step-1);margin:0}.closed-screen__body{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text-muted);margin:0}.closed-screen__photographer{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-muted);margin:0}.closed-screen__link{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text);margin-top:var(--space-2)}.album-screen{min-height:100dvh}.album-screen__bar{position:sticky;top:0;z-index:1;background:var(--surface);border-bottom:var(--hairline-width) solid var(--hairline);padding:var(--space-3) var(--space-4)}.album-screen__title{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,6vw,44px);line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-screen__body{padding:var(--space-1) var(--space-1) var(--space-5)}@media(max-width:640px){.album-screen__body{padding-bottom:var(--selection-bar-space, 96px)}}.album-screen__sectionHeading{font-family:var(--font-ui);font-weight:500;font-size:var(--step-1);color:var(--text);margin:var(--space-4) var(--space-3) var(--space-2)}.album-screen__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:50vh;padding:var(--space-5) var(--space-4);text-align:center}.album-screen__stateText{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text-muted);margin:0}.pin-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.pin-screen__panel{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-3)}.pin-screen__panel--center{align-items:center;text-align:center}.pin-screen__title{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,6vw,44px);line-height:1.15;margin:0}.pin-screen__closedTitle{font-family:var(--font-ui);font-weight:500;font-size:var(--step-1);margin:0}.pin-screen__cover{width:72px;height:72px;object-fit:cover;border-radius:var(--radius);margin-bottom:var(--space-1)}.pin-screen__photographer{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text-muted);margin:0 0 var(--space-2)}.pin-screen__meta{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text-muted);margin:0}.pin-screen__form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.pin-screen__panel .pin-screen__input{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:.55em;padding-left:.55em;text-align:center;height:56px}.pin-screen__panel .pin-screen__input:disabled{opacity:.6}.pin-screen__cooldown{font-size:var(--step-0);color:var(--text);margin:0;outline:none}.pin-screen__status{font-size:var(--step--1);color:var(--text-muted);margin:0}.pin-screen .mfui-field__error{color:var(--text)}