:root{--bg: #f5f1e8;--surface: #fbfaf6;--surface-warm: #ebe7dc;--fg: #181714;--fg-2: #3d3a34;--muted: #625f57;--meta: #716e66;--border: #d9d3c4;--border-soft: #ebe6da;--accent: #a94f33;--accent-on: #fffaf4;--accent-hover: #963f28;--accent-active: #843421;--success: #2b754c;--warn: #8a5a00;--danger: #a63d40;--font-display: Georgia, "Times New Roman", serif;--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 34px;--text-3xl: 48px;--text-4xl: 64px;--leading-body: 1.6;--leading-tight: 1.12;--tracking-display: 0em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--section-y-desktop: 104px;--section-y-tablet: 72px;--section-y-phone: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 22px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px #d9d3c4;--elev-raised: 0 12px 32px rgba(59, 46, 36, .08);--focus-ring: 0 0 0 3px rgba(45, 116, 181, .38);--motion-fast: .16s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1180px;--container-gutter-desktop: 32px;--container-gutter-tablet: 24px;--container-gutter-phone: 18px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--page-gutter: var(--container-gutter-phone);--section-space: var(--section-y-phone);--chapter-accent: color-mix(in srgb, var(--accent) 48%, var(--accent-on))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;scrollbar-gutter:stable}body{margin:0;color:var(--fg);background:var(--bg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p,fieldset{margin:0}h1,h2{font-family:var(--font-display);font-weight:400}fieldset{min-width:0;padding:0;border:0}::selection{color:var(--accent-on);background:var(--accent)}:focus-visible{outline:2px solid var(--fg);outline-offset:4px;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{width:min(100%,var(--container-max));margin-inline:auto;padding-inline:var(--page-gutter)}.site{min-width:0}.skip-link{position:fixed;z-index:100;left:var(--space-4);top:-80px;padding:var(--space-3) var(--space-5);color:var(--accent-on);background:var(--fg);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}.reading-progress{position:fixed;z-index:60;inset:0 0 auto;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-body);letter-spacing:.08em}.section-number{color:var(--accent);margin-right:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);transition:color var(--motion-fast)}.text-button:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;transition:background var(--motion-fast),transform var(--motion-base) var(--ease-standard)}.button-dark{color:var(--accent-on);background:var(--accent)}.button-dark:hover{background:var(--accent-hover);transform:translateY(-2px)}.button-dark:active{background:var(--accent-active);transform:none}.button span:has(svg){display:inline-flex}.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.brand>svg{width:23px;height:23px;color:var(--accent)}.brand-cn{font-size:var(--text-xl);font-weight:600;letter-spacing:-.08em}.brand-divider,.brand-en{display:none}.primary-nav{display:flex;align-items:center;gap:var(--space-3)}.primary-nav a{position:relative;font-size:var(--text-xs);white-space:nowrap;padding-block:var(--space-2)}.primary-nav a:after{content:"";position:absolute;inset:auto 0 2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-base) var(--ease-standard)}.primary-nav a:hover:after{transform:scaleX(1)}.primary-nav a span{display:none}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-favorites{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 0;font-size:var(--text-xs)}.header-favorites>span:not(.header-favorites-count){display:none}.header-favorites-count{font-family:var(--font-mono);font-size:var(--text-xs)}.header-favorites:hover,.header-favorites.is-active{color:var(--accent)}.header-action-divider{display:none}.motion-toggle{display:flex;min-width:26px;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) 2px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.motion-toggle>span:last-child{display:none}.motion-indicator{display:inline-flex;align-items:center;gap:3px;width:14px;height:16px}.motion-indicator i{display:block;width:2px;height:11px;border-radius:var(--radius-pill);background:var(--accent);animation:sound-bars 1.2s ease-in-out infinite alternate}.motion-indicator i:nth-child(2){height:16px;animation-delay:-.7s}.motion-indicator i:nth-child(3){height:7px;animation-delay:-.3s}.motion-indicator.is-paused i{animation:none;height:3px;background:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr);position:relative;padding-top:var(--space-12)}.hero-copy{position:relative;z-index:5;min-width:0}.hero-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-xs);animation:copy-enter .64s var(--ease-standard) both}.live-dot{width:5px;height:5px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.kicker-divider{color:var(--border);margin-inline:var(--space-1)}.hero h1{font-size:clamp(40px,9.2vw,var(--text-4xl));font-weight:400;letter-spacing:-.06em;line-height:1.3}.hero-line{display:block;animation:copy-enter .76s var(--ease-standard) both}.hero-line:nth-child(2){animation-delay:.1s}.hero-emphasis{position:relative;color:var(--accent)}.hero-emphasis svg{position:absolute;left:-5%;bottom:-9px;width:108%;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}.hero-english{margin-top:var(--space-6);font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--muted);animation:copy-enter .64s .16s var(--ease-standard) both}.hero-description{margin-top:var(--space-6);font-size:var(--text-sm);line-height:1.9;color:var(--muted);animation:copy-enter .64s .22s var(--ease-standard) both}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-top:var(--space-6);animation:copy-enter .64s .28s var(--ease-standard) both}.random-button{gap:var(--space-2)}.random-button svg{color:var(--accent);transition:transform var(--motion-base) var(--ease-standard)}.random-button:hover svg{transform:rotate(90deg)}.hero-footnote{display:none;align-items:center;gap:var(--space-3);margin-top:var(--space-8)}.tiny-frame{display:grid;place-items:center;width:30px;height:34px;border:1px solid var(--fg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);transform:rotate(-7deg)}.hero-footnote>span:last-child{font-size:var(--text-xs);line-height:1.8}.hero-footnote small{display:block;font-size:var(--text-xs);color:var(--muted)}.hero-art{position:relative;min-width:0;margin-top:var(--space-12)}.collage-caption{display:flex;align-items:center;gap:var(--space-4);font-size:10px;letter-spacing:.06em}.caption-line{flex:1;height:1px;background:var(--border)}.hero-collage{--pointer-x: 0;--pointer-y: 0;position:relative;height:310px;margin-top:var(--space-4);transform:perspective(1000px) rotateY(calc(var(--pointer-x) * 5deg)) rotateX(calc(var(--pointer-y) * -4deg));transition:transform var(--motion-base) var(--ease-standard)}.hero-collage:before{content:attr(data-edition);position:absolute;bottom:-5px;left:24%;font-family:var(--font-display);font-size:150px;letter-spacing:-.08em;line-height:1;opacity:.045;pointer-events:none}.hero-frame{position:absolute;display:block;padding:var(--space-2) var(--space-2) 0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--elev-raised);transform:rotate(var(--angle));animation:frame-float 8s ease-in-out infinite;transition:scale var(--motion-base) var(--ease-standard),box-shadow var(--motion-base);transform-origin:center}.hero-frame-1{--angle: -11deg;top:12%;left:3%;width:43%;height:71%;z-index:2;animation-delay:-2s}.hero-frame-2{--angle: 5deg;top:5%;left:29%;width:47%;height:79%;z-index:3;animation-delay:-4s}.hero-frame-3{--angle: 11deg;top:32%;right:4%;width:35%;height:57%;z-index:4;animation-delay:-1s}.hero-frame .image-wrap{height:calc(100% - 28px);border-radius:var(--radius-sm)}.frame-caption{display:flex;justify-content:space-between;align-items:center;height:28px;gap:var(--space-1);font-size:9px;white-space:nowrap}.frame-caption>span{overflow:hidden;text-overflow:ellipsis}.hero-collage:hover .hero-frame,.hero-collage:focus-within .hero-frame{animation-play-state:paused}.hero-frame:hover,.hero-frame:focus-visible{z-index:8;scale:1.04}.collage-cross{position:absolute;z-index:0;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--muted)}.cross-top{top:1%;left:3%}.cross-bottom{bottom:1%;right:0}.edition-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;z-index:6;right:0;top:0;width:66px;height:66px;border-radius:var(--radius-pill);color:var(--accent-on);background:var(--accent);transform:rotate(14deg);box-shadow:inset 0 0 0 4px var(--accent),inset 0 0 0 5px color-mix(in srgb,var(--accent-on) 50%,transparent);pointer-events:none}.edition-stamp>span{font-size:9px;line-height:1.4}.edition-stamp>strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1;font-weight:400}.collage-coordinate{position:absolute;bottom:2%;left:0;font-size:9px;letter-spacing:.06em;line-height:1.8}.collage-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4)}.handwritten{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);transform:rotate(-3deg);color:var(--muted)}.collage-hint{display:flex;align-items:center;gap:var(--space-1);font-size:10px;color:var(--muted)}.collage-hint>span{width:4px;height:4px;background:var(--accent);border-radius:var(--radius-pill)}.hero-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding-block:var(--space-6)}.scroll-cue{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.scroll-cue svg{animation:scroll-nudge 2.4s ease-in-out infinite}.hero-bottom>span{font-size:10px;letter-spacing:.03em;color:var(--muted)}.hero-bottom>span:not(.hero-page-index){display:none}.hero-page-index{font-family:var(--font-mono)}.marquee{overflow:hidden;border-block:1px solid var(--border)}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee-unit{display:flex;flex-shrink:0;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8) var(--space-4) 0;white-space:nowrap}.marquee-unit>span{font-size:var(--text-sm)}.marquee-unit svg{width:17px;color:var(--accent)}.marquee-unit>.marquee-serif{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic}.marquee:hover .marquee-track{animation-play-state:paused}.section-topline{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.archive-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.archive-edition-note{color:var(--muted);font-size:var(--text-xs)}.archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-4)}.archive-heading h1{font-size:clamp(var(--text-xl),3.1vw,var(--text-2xl));line-height:1.4;letter-spacing:-.04em}.archive-heading h1>span,.heading-dot{color:var(--accent)}.archive-heading p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-3);line-height:1.9;max-width:34em}.archive-total{display:none;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-3xl);line-height:1}.archive-total small{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.archive-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-8);background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-md)}.archive-search{grid-column:1 / -1;min-width:0}.archive-tools label{display:block;margin-bottom:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.search-field{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.search-field>svg{color:var(--muted)}.search-field:focus-within{box-shadow:var(--focus-ring);border-color:var(--fg-2)}.search-field input{width:100%;min-width:0;border:0;padding-block:var(--space-2);background:transparent;color:var(--fg);font-size:var(--text-sm);outline:none;box-shadow:none}.search-field input::placeholder{color:var(--meta)}.search-field button{display:grid;place-items:center;padding:var(--space-1);color:var(--muted)}.archive-select{min-width:0}.archive-results-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block:var(--space-8) var(--space-5)}.archive-results-header h3{font-size:var(--text-sm);font-weight:500;scroll-margin-top:100px}.archive-results-header h3>span{display:inline-block;margin-left:var(--space-2);padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--surface-warm);color:var(--muted)}.archive-reading-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.archive-reading-link:hover{color:var(--accent)}.archive-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8) var(--space-6)}.archive-card{min-width:0}.archive-card-link{display:block;border-radius:var(--radius-md)}.archive-card-media{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-warm)}.archive-card-media>.image-wrap{position:absolute;inset:0}.archive-card-media .image-wrap img{transition:transform .64s var(--ease-standard),opacity var(--motion-base)}.archive-card-link:hover img,.archive-card-link:focus-visible img{transform:scale(1.045)}.archive-cover-number{position:absolute;left:var(--space-3);top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--fg);background:var(--bg);font-family:var(--font-mono);font-size:var(--text-xs)}.archive-cover-action{display:grid;place-items:center;position:absolute;right:var(--space-3);bottom:var(--space-3);width:38px;height:38px;background:var(--surface);color:var(--fg);border-radius:var(--radius-pill);transition:transform var(--motion-base) var(--ease-standard),background var(--motion-fast),color var(--motion-fast)}.archive-card-link:hover .archive-cover-action,.archive-card-link:focus-visible .archive-cover-action{background:var(--accent);color:var(--accent-on);transform:rotate(45deg)}.archive-card-meta{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-4)}.archive-card-meta>span:last-child{font-family:var(--font-mono)}.archive-card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.archive-card-title h4{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.5;font-weight:400;letter-spacing:-.025em}.archive-current{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent);font-size:var(--text-xs)}.archive-card-english{font-size:var(--text-xs);letter-spacing:.04em;color:var(--muted);margin-top:var(--space-1)}.archive-card-description{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-3);line-height:1.8}.archive-pagination-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.archive-range{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.archive-reset{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);padding:var(--space-2) 0;margin-left:auto}.archive-reset:hover{color:var(--accent)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--text-xs);padding-block:var(--space-3)}.archive-pagination-footer .pagination{padding-block:0}.pagination-summary{color:var(--muted)}.pagination-nav{display:flex;align-items:center;gap:var(--space-1)}.pagination-nav button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.pagination-nav button[aria-current=page]{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.pagination-nav button:hover:not(:disabled):not([aria-current="page"]){background:var(--surface-warm)}.page-ellipsis{color:var(--muted);padding-inline:var(--space-1)}.page-jump{display:flex;align-items:center;gap:var(--space-2)}.page-jump input{width:54px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);background:var(--surface);padding:var(--space-1)}.page-jump button{border-bottom:1px solid var(--border);padding:var(--space-1)}.archive-empty,.gallery-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--section-y-phone) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface)}.archive-empty>svg,.empty-heart{color:var(--accent)}.archive-empty h3,.gallery-empty h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400}.archive-empty p,.gallery-empty p{color:var(--muted);font-size:var(--text-sm);line-height:1.8}.archive-empty .button,.gallery-empty .button{margin-top:var(--space-2)}.gallery-section{padding-block:var(--section-space);border-top:1px solid var(--border)}.reader-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.reader-back:hover{color:var(--accent)}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-top:var(--space-4)}.gallery-heading h1{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));line-height:1.3;letter-spacing:-.045em;scroll-margin-top:100px}.collection-count{display:none;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-3xl);line-height:1}.collection-count small{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.gallery-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-block:var(--space-6)}.issue-summary h3{font-size:var(--text-xs);font-weight:500;letter-spacing:.04em}.issue-summary>span{display:block;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:1.8}.gallery-controls{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4);flex-shrink:0}.favorite-filter{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.favorite-count{font-family:var(--font-mono);font-size:var(--text-xs)}.layout-switch{display:flex;border:1px solid var(--border);padding:var(--space-1);border-radius:var(--radius-sm);gap:var(--space-1)}.layout-switch label{cursor:pointer}.layout-switch label>span{display:grid;place-items:center;width:32px;height:30px;border-radius:var(--radius-sm);color:var(--muted);transition:background var(--motion-fast),color var(--motion-fast)}.layout-switch input:checked+span{background:var(--fg);color:var(--bg)}.layout-switch input:focus-visible+span{outline:2px solid var(--fg);outline-offset:3px;box-shadow:var(--focus-ring)}.gallery-caption-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);align-items:center;padding-block:var(--space-3);border-top:1px solid var(--border);margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--muted)}.gallery-caption-hint{display:none}.photo-wall{min-width:0}.photo-wall-masonry{columns:1;column-gap:var(--space-6)}.photo-wall-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0 var(--space-6)}.photo-card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:var(--space-6);vertical-align:top}.photo-card.is-visible{animation:photo-enter .64s var(--ease-standard) both}.photo-open{display:block;position:relative;width:100%;padding:0;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-warm);text-align:left}.photo-open>.image-wrap{position:absolute;inset:0}.photo-open:focus-visible{outline-offset:4px}.photo-wall-grid .photo-open{aspect-ratio:1.2!important}.photo-open .image-wrap img{transition:transform .64s var(--ease-standard),opacity var(--motion-base)}.photo-open:hover .image-wrap img,.photo-open:focus-visible .image-wrap img{transform:scale(1.045)}.photo-open:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--fg) 18%,transparent);opacity:0;transition:opacity var(--motion-base);pointer-events:none}.photo-open:hover:after,.photo-open:focus-visible:after{opacity:1}.photo-hover-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:absolute;left:50%;top:50%;z-index:2;opacity:0;color:var(--fg);transform:translate(-50%,calc(-50% + 10px));transition:opacity var(--motion-base),transform var(--motion-base) var(--ease-standard);pointer-events:none;white-space:nowrap}.photo-hover-label>svg{width:48px;height:48px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface)}.photo-hover-label>span{font-size:var(--text-xs);background:var(--surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.photo-open:hover .photo-hover-label,.photo-open:focus-visible .photo-hover-label{opacity:1;transform:translate(-50%,-50%)}.photo-corner{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);background:var(--surface);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--motion-fast)}.photo-corner>span{color:var(--muted)}.photo-open:hover .photo-corner,.photo-open:focus-visible .photo-corner{opacity:1}.photo-caption{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding-top:var(--space-2)}.photo-caption>div{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.photo-number{font-family:var(--font-mono);color:var(--muted);font-size:var(--text-xs)}.photo-caption h3{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;font-weight:400}.photo-issue-badge{color:var(--muted);font-size:var(--text-xs)}.photo-favorite{display:grid;place-items:center;width:32px;height:32px;padding:var(--space-1);flex-shrink:0;color:var(--muted);border-radius:var(--radius-pill);transition:color var(--motion-fast),background var(--motion-fast)}.photo-favorite:hover{color:var(--accent);background:var(--surface-warm)}.is-favorite{color:var(--accent)}.is-favorite svg{fill:currentColor}.photo-favorite.is-favorite{animation:heart-pop var(--motion-base) var(--ease-standard)}.gallery-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-3)}.gallery-end>span{color:var(--muted);font-size:var(--text-xs);letter-spacing:.02em}.gallery-end .text-button{font-size:var(--text-xs)}.image-wrap{position:relative;display:block;width:100%;height:100%;background:var(--surface-warm);overflow:hidden}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--motion-base)}.image-ready img{opacity:1}.image-error img{opacity:0}.image-loader{position:absolute;inset:0;display:grid;place-items:center}.image-loader>span{width:19px;height:19px;border-radius:var(--radius-pill);border:1px solid var(--border);border-top-color:var(--accent);animation:rotate 1.2s linear infinite}.image-error>.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);position:absolute;inset:0;padding:var(--space-4);text-align:center;color:var(--muted);font-size:var(--text-xs)}.image-error small{display:block;font-size:var(--text-xs)}.next-section{margin-bottom:var(--section-space)}.next-issue-card{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.next-image{position:relative;aspect-ratio:1.8;overflow:hidden}.next-image>.image-wrap{position:absolute;inset:0}.next-image img{transition:opacity var(--motion-base),transform .64s var(--ease-standard)}.next-issue-card:has(.next-issue-button:hover) .next-image img{transform:scale(1.05)}.next-image-label{position:absolute;left:var(--space-5);bottom:var(--space-4);color:var(--fg);background:var(--bg);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);letter-spacing:.06em}.next-copy{padding:var(--space-6)}.next-copy>.eyebrow{color:var(--muted)}.next-copy h2{margin-top:var(--space-4);font-size:var(--text-2xl);letter-spacing:-.04em;line-height:1.4}.next-copy h2>span{display:block;font-size:var(--text-lg);font-style:italic;letter-spacing:.01em;margin-top:var(--space-1)}.next-copy>p:not(.eyebrow){font-size:var(--text-sm);line-height:1.9;margin-top:var(--space-4);color:var(--muted)}.next-issue-button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-4) 0 0;border-top:1px solid var(--border);text-align:left;font-size:var(--text-sm)}.next-issue-button small{display:block;margin-top:var(--space-1);color:var(--muted);font-size:var(--text-xs)}.round-arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--border);border-radius:var(--radius-pill);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-base)}.next-issue-button:hover .round-arrow{color:var(--accent-on);background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.about-section{padding-block:var(--section-space) var(--space-8);color:var(--bg);background:var(--fg)}.about-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.about-top .section-number{color:var(--chapter-accent)}.about-spark{width:28px;height:28px;color:var(--chapter-accent);animation:rotate 38s linear infinite}.about-content{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.about-content h2{font-size:clamp(var(--text-xl),3.7vw,var(--text-3xl));line-height:1.6;letter-spacing:-.04em}.about-content h2 span{color:var(--chapter-accent)}.about-story p{font-size:var(--text-sm);line-height:2;color:var(--border)}.about-story p+p{margin-top:var(--space-5)}.about-signature{display:block;font-size:var(--text-xl);font-family:var(--font-display);font-style:italic;margin-top:var(--space-6)}.about-bottom{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center;border-top:1px solid color-mix(in srgb,var(--border) 28%,transparent);padding-top:var(--space-6);margin-top:var(--space-8)}.about-bottom>span{font-size:var(--text-xs);color:var(--border)}.about-bottom>span>span{margin-inline:var(--space-2);opacity:.7}.about-random{display:inline-flex;align-items:center;gap:var(--space-5);font-size:var(--text-xs);padding:var(--space-2) 0}.about-random:hover{color:var(--chapter-accent)}.about-section :focus-visible{outline-color:var(--surface)}.site-footer{padding-top:var(--space-8);padding-bottom:var(--space-6)}.footer-top{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center;padding-bottom:var(--space-6)}.footer-brand{font-size:var(--text-xl);font-weight:600;letter-spacing:-.07em}.footer-brand>span{margin-left:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;letter-spacing:-.03em}.footer-top>p{display:none;font-size:var(--text-xs);line-height:1.8;color:var(--muted)}.back-top{display:inline-flex;gap:var(--space-3);align-items:center;margin-left:auto;font-size:var(--text-xs)}.back-top:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-6);align-items:center;padding-top:var(--space-5);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs)}.footer-end{display:none}.footer-end>span{color:var(--accent);margin-left:var(--space-1)}.site-notice{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:fixed;z-index:70;bottom:var(--space-6);left:50%;padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-size:var(--text-sm);box-shadow:var(--elev-raised);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity var(--motion-fast),transform var(--motion-base);white-space:nowrap}.site-notice.is-visible{opacity:1;transform:translate(-50%)}.site-notice svg{color:var(--accent)}.viewer{display:none}.viewer[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--fg);color:var(--bg);overflow-y:auto;overscroll-behavior:contain}.viewer::backdrop{background:var(--fg)}.viewer :focus-visible{outline-color:var(--bg);outline-offset:3px}.viewer-top{display:flex;flex-shrink:0;min-height:66px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3)}.viewer-brand{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.viewer-brand>svg{color:var(--chapter-accent);width:20px}.viewer-brand>span:first-of-type{font-size:var(--text-lg);font-weight:500}.viewer-brand-en{display:none;font-family:var(--font-display);font-size:var(--text-lg);font-weight:400}.viewer-issue{display:none;font-size:var(--text-xs);color:var(--border)}.viewer-tools{display:flex;gap:var(--space-1);align-items:center}.viewer-tools>button{display:grid;place-items:center;width:32px;height:34px;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--border);transition:color var(--motion-fast),background var(--motion-fast)}.viewer-tools>button:hover{color:var(--surface);background:color-mix(in srgb,var(--bg) 10%,transparent)}.viewer-tools>button.is-active,.viewer-tools>button.is-favorite{color:var(--chapter-accent)}.viewer-tools>.viewer-close{color:var(--bg)}.tool-divider{width:1px;height:18px;background:color-mix(in srgb,var(--border) 28%,transparent);margin-inline:var(--space-1)}.viewer-main{position:relative;flex:1;min-height:200px;display:flex;align-items:stretch;padding-inline:var(--space-1);overflow:hidden}.viewer-stage{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;touch-action:none;border-radius:var(--radius-sm)}.viewer-image-holder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.viewer-image-holder .image-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent}.viewer-image-holder .image-wrap img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer-image-holder .image-error>.image-error{color:var(--border)}.viewer-stage.is-zoomed{cursor:grab}.viewer-stage.is-zoomed:active{cursor:grabbing}.viewer-retry{position:absolute;top:62%;left:50%;transform:translate(-50%);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);white-space:nowrap}.viewer-retry:hover{background:color-mix(in srgb,var(--bg) 10%,transparent)}.viewer-nav{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--border) 40%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--fg) 75%,transparent);color:var(--bg);transform:translateY(-50%);transition:color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.viewer-prev{left:var(--space-3)}.viewer-next{right:var(--space-3)}.viewer-nav:hover{color:var(--surface);background:var(--fg)}.viewer-prev:hover{transform:translate(-3px,-50%)}.viewer-next:hover{transform:translate(3px,-50%)}.viewer-nav svg{width:21px}.viewer-caption{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:70px;padding:var(--space-4) var(--space-5) var(--space-2)}.viewer-caption>div{display:flex;align-items:center;gap:var(--space-3);min-width:0}.viewer-count{font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.viewer-count>span{color:var(--border);font-size:var(--text-xs);margin-left:var(--space-1)}.viewer-caption h2{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:1.5}.viewer-play{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);white-space:nowrap;padding:var(--space-2) 0}.viewer-play>span{display:none;color:var(--border);margin-left:var(--space-2);font-size:var(--text-xs)}.viewer-play[aria-pressed=true]{color:var(--chapter-accent)}.viewer-play:disabled{opacity:.55}.viewer-load-state{color:var(--border);text-align:center;font-size:var(--text-xs);min-height:22px;padding-inline:var(--space-4)}.viewer-progress{width:min(400px,70%);height:2px;flex-shrink:0;margin:var(--space-1) auto var(--space-2);background:color-mix(in srgb,var(--bg) 15%,transparent);overflow:hidden}.viewer-progress>span{display:block;height:100%;background:var(--chapter-accent);transform-origin:left;transform:scaleX(0)}.viewer-progress.is-running>span{animation:exposure 4.5s linear both}.viewer-filmstrip{display:flex;flex-shrink:0;gap:var(--space-2);width:max-content;max-width:calc(100% - 40px);margin-inline:auto;padding:var(--space-2) var(--space-1);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.viewer-filmstrip button{display:block;position:relative;width:56px;height:43px;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);opacity:.55;transition:opacity var(--motion-fast),border-color var(--motion-fast);overflow:hidden}.viewer-filmstrip button[aria-current=true]{border-color:var(--chapter-accent);opacity:1}.viewer-filmstrip button:hover{opacity:1}.viewer-filmstrip img{display:block;width:100%;height:100%;object-fit:cover}.viewer-hints{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);color:var(--border);font-size:10px;padding:var(--space-2) var(--space-5) max(var(--space-4),env(safe-area-inset-bottom))}.viewer-hints>span:not(.swipe-hint){display:none}.viewer-message{position:absolute;z-index:2;left:50%;bottom:150px;transform:translate(-50%);background:var(--bg);color:var(--fg);border-radius:var(--radius-pill);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);white-space:nowrap;box-shadow:var(--elev-raised)}.viewer-message:empty{display:none}.share-fallback{position:absolute;z-index:3;bottom:180px;left:50%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);transform:translate(-50%);width:min(520px,calc(100% - 40px));padding:var(--space-4);background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-raised)}.share-fallback label{font-size:var(--text-xs);width:100%}.share-fallback input{min-width:0;flex:1;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-2)}.share-fallback button{padding:var(--space-2)}.share-fallback :focus-visible{outline-color:var(--fg)}@keyframes copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{0%{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes frame-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes scroll-nudge{0%,65%,to{transform:translateY(0)}30%{transform:translateY(4px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(calc(-1 * var(--marquee-distance, 0px)))}}@keyframes sound-bars{to{scale:1 .35}}@keyframes heart-pop{0%,to{scale:1}45%{scale:1.15}}@keyframes exposure{to{transform:scaleX(1)}}@media (max-width: 359px){.header-inner,.primary-nav,.header-actions{gap:var(--space-2)}}@media (min-width: 600px){.brand-en{display:block;font-family:var(--font-display);font-size:var(--text-xl);line-height:1;letter-spacing:-.04em}.brand-en>span{display:none}.brand-divider{display:block;width:1px;height:28px;background:var(--border);margin-inline:var(--space-1)}.primary-nav{gap:var(--space-6)}.primary-nav a{font-size:var(--text-sm)}.hero-art{max-width:530px;width:100%;margin-inline:auto}.hero-collage{height:400px}.frame-caption{font-size:10px;height:30px}.hero-frame .image-wrap{height:calc(100% - 30px)}.edition-stamp{width:80px;height:80px}.edition-stamp>strong{font-size:var(--text-2xl)}.collage-caption{font-size:var(--text-xs)}.hero-bottom>span:not(.hero-page-index){display:inline}.hero-footnote,.archive-total,.collection-count{display:flex}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-wall-masonry{columns:2}.photo-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top>p{display:block;margin-left:auto;margin-right:var(--space-5)}.back-top{margin-left:0}.viewer-brand-en{display:inline}.viewer-tools{gap:var(--space-3)}.viewer-filmstrip button{width:68px;height:49px}.viewer-caption h2{font-size:var(--text-base)}}@media (min-width: 768px){:root{--page-gutter: var(--container-gutter-tablet);--section-space: var(--section-y-tablet)}.header-inner{min-height:84px}.brand>svg{width:28px;height:28px}.brand-cn{font-size:var(--text-2xl)}.brand-en>span{display:block;margin-top:var(--space-1);font-family:var(--font-body);font-size:8px;letter-spacing:.04em}.primary-nav a span{display:block;color:var(--muted);font-size:9px;margin-top:2px;letter-spacing:.04em}.header-favorites>span:not(.header-favorites-count){display:inline}.motion-toggle>span:last-child{display:inline}.header-action-divider{display:block;width:1px;height:18px;background:var(--border)}.hero{padding-top:var(--space-12)}.archive-tools{grid-template-columns:2fr 1fr 1.3fr;align-items:end}.archive-search{grid-column:auto}.gallery-toolbar{flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--space-8);gap:var(--space-6)}.gallery-controls{width:auto;gap:var(--space-5)}.gallery-caption-hint{display:inline}.next-issue-card{grid-template-columns:1.1fr 1fr}.next-image{aspect-ratio:auto;min-height:360px}.next-copy{padding:var(--space-8)}.about-content{grid-template-columns:1.3fr 1fr;align-items:center;gap:var(--space-8);margin-top:var(--space-12)}.about-bottom{margin-top:var(--space-12)}.footer-top{padding-bottom:var(--space-8)}.viewer-top{min-height:76px;padding-inline:var(--space-8)}.viewer-issue{display:inline;margin-left:var(--space-4)}.viewer-main{padding-inline:var(--space-4)}.viewer-nav{width:45px;height:45px}.viewer-prev{left:var(--space-6)}.viewer-next{right:var(--space-6)}.viewer-nav svg{width:26px}.viewer-caption{padding-inline:80px;min-height:76px}.viewer-caption>div{gap:var(--space-6)}.viewer-count{font-size:var(--text-sm)}.viewer-play>span{display:inline}.viewer-filmstrip{max-width:calc(100% - 160px)}.viewer-filmstrip button{width:72px;height:50px}.viewer-hints>span:not(.swipe-hint){display:inline}.viewer-hints>.swipe-hint{display:none}}@media (min-width: 1000px){:root{--page-gutter: var(--container-gutter-desktop);--section-space: var(--section-y-desktop)}.primary-nav{gap:var(--space-8)}.header-actions{gap:var(--space-5)}.hero{grid-template-columns:1fr 1.03fr;gap:0 var(--space-8);align-items:center;padding-top:var(--space-12)}.hero h1{font-size:clamp(var(--text-3xl),5.1vw,var(--text-4xl))}.hero-description{font-size:var(--text-sm)}.hero-art{margin-top:0;max-width:none}.hero-collage{height:390px;margin-top:var(--space-6)}.hero-bottom{margin-top:var(--space-8)}.marquee-unit{gap:var(--space-12);padding-right:var(--space-12)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-wall-masonry{columns:3}.photo-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.next-copy{padding:var(--space-12)}.about-content{grid-template-columns:1.4fr 1fr;gap:var(--space-12)}.about-story p{font-size:var(--text-base)}.about-spark{width:36px;height:36px}.site-footer{padding-top:var(--space-12)}.footer-end{display:inline;font-size:10px}}@media (min-width: 1200px){.hero{gap:0 var(--space-12)}.hero-collage{height:420px}.hero-footnote{margin-top:var(--space-12)}.collage-bottom{margin-top:var(--space-5)}.edition-stamp{width:84px;height:84px}}html[data-motion=paused]{scroll-behavior:auto}[data-motion=paused] *,[data-motion=paused] *:before,[data-motion=paused] *:after{animation:none!important;transition:none!important}[data-motion=paused] .hero-collage{transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-collage{transform:none}}@media (hover: none){.photo-hover-label,.photo-corner{display:none}}@media (forced-colors: active){.layout-switch input:checked+span{outline:2px solid Highlight}.favorite-filter.is-active,.photo-favorite[aria-pressed=true]{outline:1px solid Highlight}.archive-current{border:1px solid Highlight}}.primary-nav a[aria-current=page]:after{transform:scaleX(1)}.favorite-filter.is-active{color:var(--accent)}.favorite-filter.is-active svg{fill:currentColor}.not-found{padding-block:var(--section-space);min-height:60vh}.not-found h1{font-size:var(--text-3xl);line-height:1.4;margin-block:var(--space-6)}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:var(--space-8)}@media (max-width: 599px){.primary-nav{gap:var(--space-2)}}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left}.select-trigger:hover,.select-trigger[data-state=open]{background:var(--surface-warm)}.select-trigger:focus-visible{outline:none;border-color:var(--fg-2);box-shadow:var(--focus-ring)}.select-content{z-index:80;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);overflow:hidden;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--elev-raised)}.select-viewport{padding:var(--space-1)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;outline:none}.select-option[data-highlighted]{background:var(--surface-warm)}.select-option[data-state=checked]{color:var(--accent)}.select-option[data-disabled]{opacity:.5;cursor:default}.select-scroll{display:grid;place-items:center;padding:var(--space-1);color:var(--muted)}.tooltip{z-index:100;max-width:min(280px,calc(100vw - 24px));padding:var(--space-2) var(--space-3);color:var(--bg);background:var(--fg);border:1px solid var(--fg-2);border-radius:var(--radius-sm);box-shadow:var(--elev-raised);font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-body)}.tooltip-arrow{fill:var(--fg)}.tooltip-inverted{color:var(--fg);background:var(--bg);border-color:var(--border)}.tooltip-inverted .tooltip-arrow{fill:var(--bg)}.search-field input::-webkit-search-cancel-button,.search-field input::-webkit-search-decoration{-webkit-appearance:none}.page-jump{flex-wrap:wrap}.page-jump input[aria-invalid=true]{border-color:var(--danger)}.field-error{flex-basis:100%;color:var(--danger)}.viewer-image-holder .image-wrap{flex-shrink:0}.viewer-transform{touch-action:none}.viewer-tools>.viewer-scale{width:52px;font-family:var(--font-mono);font-size:var(--text-xs)}.viewer-nav:disabled:hover{transform:translateY(-50%)}@media (max-width: 359px){.viewer-brand>span:first-of-type{display:none}}@media (max-height: 520px) and (orientation: landscape){.viewer-top{min-height:48px;padding-block:var(--space-1)}.viewer-main{min-height:96px}.viewer-caption{min-height:44px;padding-top:var(--space-1);padding-bottom:var(--space-1)}.viewer-filmstrip{padding-block:var(--space-1)}.viewer-filmstrip button{width:48px;height:32px}.viewer-hints{padding-block:var(--space-1)}.viewer-load-state{min-height:18px}}
