@font-face{font-family:MapleStory;src:url(/assets/maplestory-bold.ttf) format("truetype");font-weight:700 950;font-style:normal;font-display:swap;unicode-range:U+0020-007E}@font-face{font-family:MiiiAo Rounded;src:url(/assets/rounded-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MiiiAo Rounded;src:url(/assets/rounded-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-body: "MiiiAo Rounded", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "MapleStory", var(--font-body);--background: oklch(.966 .0053 106.4982);--foreground: oklch(.1638 0 0);--card: oklch(.997 0 0);--primary: oklch(.1638 0 0);--primary-foreground: oklch(.997 0 0);--muted: oklch(.9393 .0097 72.6591);--muted-foreground: oklch(.4459 0 0);--accent: oklch(.9433 .1284 100.8403);--border: oklch(.4091 0 0);--ring: oklch(.1448 0 0);--destructive: oklch(.6368 .2078 25.3313);--color-canvas: var(--background);--color-canvas-accent: var(--muted);--color-surface: var(--card);--color-surface-soft: var(--card);--color-text: var(--foreground);--color-text-muted: var(--muted-foreground);--color-book-ink: #5c432d;--color-book-muted: #78664f;--color-link: var(--primary);--color-action: var(--primary);--color-action-hover: var(--muted-foreground);--color-accent: var(--accent);--color-border: var(--border);--color-tint: var(--muted);--color-media-placeholder: var(--muted);--color-media-scrim: rgb(0 0 0 / .75);--color-overlay: rgb(0 0 0 / .72);--color-focus: var(--ring);--color-on-action: var(--primary-foreground);--color-grid: color-mix(in oklch, var(--border) 9%, transparent);--color-rule: color-mix(in oklch, var(--border) 25%, transparent);--color-highlight: color-mix(in oklch, var(--accent) 35%, transparent);--font-hand: var(--font-body);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-caption: 12px;--text-body: 14px;--text-lead: 16px;--text-section: 24px;--text-title: 32px;--leading-body: 1.75;--weight-body: 560;--weight-label: 760;--weight-heading: 900;--radius-control: 12px;--radius-media: 20px;--radius-panel: 28px;--radius-badge: 8px;--corner-shape: squircle;--radius-pill: 999px;--shadow-panel: 0 16px 48px rgba(0, 0, 0, .1);--shadow-media: 0 8px 20px rgba(0, 0, 0, .12);--shadow-dialog: 0 30px 80px rgba(0, 0, 0, .34);--shadow-action: 0 5px 12px rgba(0, 0, 0, .15);--control-height: 44px;--content-width: 1240px;--duration-fast: .16s;--duration-normal: .22s;--ease-standard: ease;--layer-navigation: 20;--layer-dialog: 50}.dark{--background: oklch(.2393 0 0);--foreground: oklch(.966 .0053 106.4982);--card: oklch(.1913 0 0);--primary: oklch(.997 0 0);--primary-foreground: oklch(.1638 0 0);--muted: oklch(.2393 0 0);--muted-foreground: oklch(.7155 0 0);--border: oklch(.966 .0053 106.4982);--ring: oklch(.966 .0053 106.4982)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration-normal: .01ms}}:where(.ui-button,.media-dialog,.design-panel,.design-swatch>span){corner-shape:var(--corner-shape)}:where(.brand,.eyebrow,h1,h2,.footer-brand){font-family:var(--font-display)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text);background-color:var(--color-canvas);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:12px 12px;font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a{color:var(--color-link)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-shell{position:relative;width:min(1440px,100%);min-height:100dvh;margin:auto;padding:0 55px 24px}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;height:108px;padding:0 20px}.brand{display:flex;align-items:center;gap:12px;color:var(--color-action);font-family:var(--font-display);font-weight:900;font-size:38px;text-decoration:none}.top-navigation{display:flex;align-items:center;gap:34px}.top-navigation a{position:relative;display:flex;align-items:center;gap:5px;padding:10px 3px;min-height:48px;color:var(--color-action);font:700 25px var(--font-hand);white-space:nowrap;text-decoration:none}:is(.top-navigation,.paper-tabs,.timeline-tabs) a{position:relative}:is(.top-navigation,.paper-tabs,.timeline-tabs) a[aria-current=page]{color:var(--color-action);text-decoration:none;text-shadow:none}:is(.top-navigation,.paper-tabs,.timeline-tabs) a[aria-current=page]:after{content:"";position:absolute;left:3px;right:3px;bottom:5px;height:2px;background:var(--color-text);pointer-events:none}.top-navigation svg{width:18px}main.book-shell{position:relative;width:100%;height:clamp(740px,calc(100dvh - 132px),960px);margin:0;isolation:isolate}.book-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/assets/scrapbook-spread.webp);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.book-open:before{background-size:100% 100%}.has-paper-tabs:before{background-image:url(/assets/scrapbook-folio.webp)}.book-content{height:100%}.book-open{padding:48px 83px 83px 82px}.book-open .book-content{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) transparent}.has-paper-tabs{padding-top:23%;padding-bottom:10%}.paper-tabs{position:absolute;z-index:2;top:3.8%;height:7.4%;left:5.5%;right:5.5%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:0}.paper-tabs a{justify-self:center;width:auto;padding:12px 7px;color:var(--color-text-muted);text-align:center;text-decoration:none;font:700 24px var(--font-hand)}.paper-tabs a:hover{color:var(--color-action)}.paper-tabs a:focus-visible{outline-offset:-7px}.book-arrow{position:absolute;z-index:5;top:48%;display:grid;place-items:center;width:98px;height:82px;padding:0;border:0;background:transparent;color:var(--color-action);cursor:pointer;filter:drop-shadow(0 3px 3px #79552440);transition:transform .15s}.book-arrow img{width:98px;height:auto}.book-arrow-prev img{transform:scaleX(-1)}.book-arrow-prev{left:-42px;transform:rotate(7deg)}.book-arrow-next{right:-42px;transform:rotate(-7deg)}.book-arrow:hover:not(:disabled){transform:translate(3px) rotate(-7deg)}.book-arrow-prev:hover:not(:disabled){transform:translate(-3px) rotate(7deg)}.book-arrow:disabled{visibility:hidden;cursor:default}.chapter-heading{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-bottom:15px}.chapter-heading h1{margin:0;font:700 28px var(--font-hand)}.album-page{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:28px}.timeline-tabs{display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--color-rule);padding:8px 14px 12px 0;align-self:start}.timeline-tabs a{display:flex;flex-direction:column;gap:7px;padding:10px 7px;color:var(--color-text-muted);text-decoration:none}.timeline-tabs a[aria-current=page]:after{left:7px;right:7px;bottom:3px}.timeline-tabs time{font-size:12px;font-weight:650}.timeline-tabs span{font:20px var(--font-hand)}.album-page-media{min-width:0}.event-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.event-heading h2{margin:0;font:700 24px var(--font-hand)}.event-heading>span{color:var(--color-text-muted);font-size:11px}.event-photo.memory-card{border:0;padding:8px 8px 0;box-shadow:0 3px 9px #00000019}.event-photo.memory-card>img{width:100%;height:auto;max-height:360px;object-fit:contain}.photo-caption{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 4px;font-size:11px}.photo-caption svg{width:17px}.event-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;min-height:45px}.event-foot .video-attachment{flex:1;max-width:320px}.event-foot .video-attachment-trigger{padding:8px;border:0;background:transparent;font-size:11px}.film-page{height:100%}.film-page .video-card{width:min(100%,1000px);margin:auto;padding:8px;box-shadow:0 3px 9px #00000019}.film-page .video-trigger img{height:clamp(300px,calc(100dvh - 410px),500px);object-fit:contain;background:var(--color-media-placeholder)}.film-page .video-copy{padding:10px 10px 5px}.film-page .video-copy h3{margin:4px 0;font-size:17px}.film-page .video-copy small{font-size:11px}.about-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center}.about-page h1{font:700 34px var(--font-hand);margin:22px 0 18px}.about-page p{color:var(--color-text-muted);font-size:14px;margin:6px}@media(max-width:1100px)and (min-width:761px){.page-shell{padding-inline:38px}.site-header{height:92px;padding-inline:10px}.brand{font-size:30px}.top-navigation{gap:21px}.top-navigation a{font-size:22px}.book-open{padding-inline:58px 60px}.album-page{grid-template-columns:112px minmax(0,1fr);column-gap:18px}.paper-tabs a{font-size:22px}.event-heading{align-items:flex-start;flex-direction:column;gap:5px}.book-arrow-prev{left:-33px}.book-arrow-next{right:-33px}.book-arrow img{width:82px}}@media(max-width:760px){.book-shell:before{display:block;background-image:url(/assets/scrapbook-single.webp)}body{background-size:10px 10px}.page-shell{padding:0 12px 12px}.site-header{height:auto;min-height:116px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:9px 7px}.brand{font-size:29px;gap:8px}.brand .guild-emblem{width:18px;height:18px}.top-navigation{width:100%;justify-content:space-between;gap:8px}.top-navigation a{font-size:20px;min-height:46px}.top-navigation a:last-child{font-size:18px}.top-navigation svg{width:13px}main.book-shell{height:calc(100dvh - 128px);min-height:530px;background:transparent;border:0;border-radius:0;box-shadow:none}.book-content{overflow-y:auto;scrollbar-width:thin}.book-open{padding:52px 29px 84px}.has-paper-tabs{padding-top:109px}.paper-tabs{top:52px;left:30px;right:30px;height:44px;gap:5px;border-bottom:1px solid var(--color-rule)}.paper-tabs a{width:auto;padding:11px 3px;font-size:18px}.book-arrow{top:auto;bottom:40px;width:76px;height:58px}.book-arrow img{width:76px;height:auto}.book-arrow-prev{left:7px}.book-arrow-next{right:7px}.chapter-heading{margin-bottom:14px;gap:10px}.chapter-heading h1{font-size:24px}.album-page{display:flex;flex-direction:column;height:auto}.timeline-tabs{flex-direction:row;gap:5px;border:0;padding:0 0 15px;width:100%;overflow-x:auto}.timeline-tabs a{flex:1;min-width:86px;border-left:0;gap:6px;padding:8px 4px;text-align:center}.timeline-tabs time{font-size:10px}.timeline-tabs span{font-size:17px}.event-heading{gap:7px;flex-wrap:wrap}.event-heading h2{font-size:22px}.event-heading>span{font-size:10px}.event-photo.memory-card{padding:6px 6px 0}.event-photo.memory-card>img{height:auto;max-height:45dvh;object-fit:contain}.event-foot{gap:0}.event-foot .video-attachment{flex-basis:100%;max-width:none}.event-foot .video-attachment-trigger{min-height:44px;padding-inline:4px}.film-page .video-card{padding:6px}.film-page .video-trigger img{height:clamp(230px,40dvh,430px)}.film-page .video-copy h3{font-size:16px}.film-page .video-copy{padding-inline:4px}.about-page h1{font-size:29px}.about-page p{font-size:12px}}@media(max-width:360px){.top-navigation a{font-size:18px}.top-navigation a:last-child{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hero-print.memory-card,.event-photo.memory-card,.film-page .video-card{padding:0;border-style:solid;border-color:transparent;border-width:20px 20px 60px;border-image-source:url(/assets/polaroid-frame.webp);border-image-slice:7.6% 3.9% 23.6% 3.9%;border-image-repeat:stretch;background:transparent;box-shadow:none;filter:drop-shadow(1px 2px 1px #35291f30) drop-shadow(0 7px 8px #35291f20)}.hero-print .print-caption,.event-photo .photo-caption{position:absolute;left:0;right:0;bottom:-51px;height:42px;padding:0 3px}.event-photo.memory-card{position:relative;border-width:14px 14px 48px}.event-photo .photo-caption{bottom:-40px;height:32px}@media(max-width:760px){.event-photo.memory-card{border-width:10px 10px 38px}.event-photo .photo-caption{bottom:-33px;height:28px}}.film-page .video-card{transform:rotate(-1deg);border-width:16px 16px 66px;position:relative}.film-page .video-copy{position:absolute;bottom:-59px;left:0;right:0;padding:0 6px;height:49px}.film-page .video-copy h3{margin:5px 0 0}.album-photos{display:grid;gap:44px;padding:18px 12px 28px}.album-photos .event-photo{width:100%;transform:rotate(-.6deg)}.album-photos .event-photo:nth-child(2n){transform:rotate(.6deg)}.album-photos .event-photo>img{width:100%;height:auto;max-height:none}main.book-long.has-paper-tabs{height:auto;min-height:780px;padding-top:160px;padding-bottom:114px}.book-long:before{background:none;border:solid transparent;border-width:140px 52px 64px;border-image:url(/assets/scrapbook-folio.webp) 18% 7% 8% fill stretch}.book-long .book-content{height:auto;overflow:visible}.book-long .paper-tabs{top:29px;height:61px}.book-long .timeline-tabs{position:sticky;top:24px}.book-long .book-arrow{top:auto;bottom:36px}.book-long .book-arrow-prev{left:44px}.book-long .book-arrow-next{right:44px}@media(max-width:760px){.film-page .video-card{border-width:10px 10px 62px;margin-top:12px}.film-page .video-copy{bottom:-57px}main.book-long.has-paper-tabs{min-height:530px;padding:112px 29px 104px}.book-long:before{border-width:52px 29px 48px;border-image-source:url(/assets/scrapbook-single.webp);border-image-slice:8% 8% 8% fill}.book-long .paper-tabs{top:52px;height:44px}.book-long .timeline-tabs{position:static}.book-long .book-arrow-prev{left:14px}.book-long .book-arrow-next{right:14px}.album-photos{gap:30px;padding:12px 4px 25px}}@media(hover:hover)and (pointer:fine)and (forced-colors:none){body{cursor:url(/assets/cursor-default.png) 4 1,default}a,button:not(:disabled),select,summary{cursor:url(/assets/cursor-pointer.png) 12 1,pointer}input,textarea,[contenteditable=true]{cursor:text}button:disabled{cursor:default}video{cursor:auto}}.event-meta{margin:0 0 6px;font-size:11px;color:var(--color-text-muted)}.film-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;padding:12px 12px 24px;align-items:start}.film-page .video-card{width:100%;border-width:12px 12px 86px;transform:rotate(-.5deg)}.film-page .video-copy{bottom:-79px;height:72px}.film-page .video-copy h3{font-size:16px}.film-page .video-trigger img{height:auto;max-height:none}@media(max-width:760px){.film-list{grid-template-columns:1fr;gap:28px;padding-inline:4px}.film-page .video-card{width:100%}}main.book-home,main.book-about{height:auto;min-height:clamp(740px,calc(100dvh - 132px),960px);padding:0}:is(.book-home,.book-about) .book-content{height:auto;min-height:inherit;overflow:visible}.cover-spread,.about-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:inherit}.book-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 12% 140px 20%}.book-wordmark{margin:0;color:var(--color-book-ink);font:700 clamp(64px,8vw,112px)/1.1 var(--font-display);letter-spacing:-.05em;transform:rotate(-3deg)}.book-wordmark>span{text-shadow:4px 3px var(--color-accent)}.cover-emblem{margin-bottom:28px}.cover-identity{margin:28px 0 32px;font-size:18px;line-height:1.8}.cover-identity strong{color:var(--color-book-ink);font-weight:700;white-space:nowrap}.cover-identity>span{color:var(--color-book-muted);white-space:nowrap}.statement-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:174px;min-height:64px;padding:12px 20px;color:var(--color-book-muted);background:url(/assets/statement-paper.webp) center / 100% 100% no-repeat;text-decoration:none;font-size:16px;font-weight:400;transform:rotate(-2deg);transition:transform .2s}.statement-link svg{width:17px;height:17px}.statement-link:hover{transform:rotate(0) translateY(-2px);color:var(--color-text)}.cover-maple{position:absolute;top:78px;left:42%;width:104px;height:auto;transform:rotate(-24deg);pointer-events:none;-webkit-user-select:none;user-select:none}.about-spread .about-page{min-height:0;padding:80px 12% 94px 20%}.about-spread>.family-statement{align-self:center;padding:80px 16% 94px 10%}.family-credits{margin:24px 0 0;font-size:15px;line-height:1.8}.family-credits>div{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;min-height:44px;text-align:left}.family-credits dt{color:var(--color-text-muted)}.family-credits dd{margin:0}.family-credits a{display:inline-flex;align-items:center;gap:5px;min-height:44px;text-underline-offset:5px;text-decoration-thickness:1px}.family-credits svg{width:13px;height:13px}.family-statement{--statement-mark:color-mix(in oklch,var(--color-accent) 70%,var(--color-text-muted));color:var(--color-text-muted);font-size:16px;line-height:1.95;overflow-wrap:anywhere}.family-statement h2{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 24px;padding:0 3px 9px;border-bottom:2px solid var(--statement-mark);color:var(--color-text-muted);font-size:23px;line-height:1.4;transform:rotate(-2deg)}.family-statement h2>span{color:var(--statement-mark);font-size:20px}.family-statement p{margin:0 0 14px}.family-statement p:last-child{margin-bottom:0}.family-statement .statement-distinction{margin-block:20px}.statement-underline{font-style:normal;font-weight:700;text-decoration:underline;text-decoration-color:var(--statement-mark);text-decoration-thickness:2px;text-underline-offset:5px}.statement-distinction .statement-underline{text-decoration-style:wavy;text-underline-offset:6px}.statement-signoff{color:var(--color-text-muted)}.book-collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,54%);gap:32px 18px;align-content:center;align-items:center;padding:90px 14% 120px 8%}.hero-print.memory-card{position:relative;width:100%;border-width:16px 16px 54px;transition:transform .2s}.hero-print.print-main{grid-column:1 / -1;grid-row:1;transform:rotate(1.5deg)}.hero-print.print-heart{grid-column:2;grid-row:2;border-width:12px 12px 44px;transform:rotate(-3deg)}.hero-print.memory-card:hover{transform:rotate(0) translateY(-3px);box-shadow:none}.hero-print .print-caption{display:flex;align-items:center;bottom:-47px;height:36px;padding:0 4px;font:15px/1.4 var(--font-hand)}.print-heart .print-caption{bottom:-38px;height:30px;font-size:13px}.collage-heart{grid-column:1;grid-row:2;justify-self:center;width:44px;height:auto;transform:rotate(-12deg);pointer-events:none}@media(max-width:1100px)and (min-width:761px){.book-intro{padding:68px 10% 120px 20%}.book-wordmark{font-size:64px}.cover-identity{font-size:16px}.about-spread .about-page{padding:68px 10% 84px 20%}.about-spread>.family-statement{padding:68px 16% 84px 10%}.family-statement{font-size:14px}.family-statement h2{font-size:20px}.book-collage{gap:28px 12px;padding:80px 14% 112px 8%}.hero-print .print-caption{font-size:13px}.print-heart .print-caption{font-size:12px}}@media(max-width:760px){main.book-home,main.book-about{min-height:530px;padding:48px 35px 96px}:is(.book-home,.book-about):before{background:none;border:solid transparent;border-width:52px 29px 48px;border-image:url(/assets/scrapbook-single.webp) 8% 8% 8% fill stretch}.cover-spread,.about-spread{display:block;min-height:0}.book-intro{align-items:center;padding:16px 6px 20px}.book-wordmark{font-size:clamp(54px,15vw,74px)}.cover-emblem{width:54px;height:54px;margin-bottom:20px}.cover-identity{margin:18px 0;font-size:15px;text-align:center}.statement-link{width:150px;min-height:58px;font-size:16px}.cover-maple{top:115px;left:auto;right:38px;width:64px;transform:rotate(18deg)}.about-spread .about-page{padding:16px 6px 36px}.about-spread>.family-statement{padding:16px 6px 0}.family-statement{font-size:14px;line-height:1.85}.family-statement h2{font-size:20px;margin-bottom:14px}.book-collage{grid-template-columns:minmax(0,1fr) minmax(0,62%);gap:26px 14px;padding:16px 8px 12px}.hero-print.memory-card{border-width:12px 12px 44px}.hero-print .print-caption{bottom:-38px;height:32px;font-size:13px}.hero-print.print-heart{border-width:9px 9px 36px}.print-heart .print-caption{bottom:-32px;height:28px;font-size:12px}.collage-heart{width:34px}}.site-footer{display:flex;justify-content:center;margin-top:16px;font-size:12px}.site-footer a{display:flex;align-items:center;min-height:44px;color:var(--color-text-muted);text-underline-offset:3px}:where(button,a,input):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--text-body);font-weight:var(--weight-label);line-height:1.4;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ui-button svg{flex-shrink:0}.ui-button--primary{color:var(--color-on-action);background:var(--color-action);box-shadow:var(--shadow-action)}.ui-button--primary:hover:not(:disabled){background:var(--color-action-hover)}.ui-button--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.ui-button--secondary:hover:not(:disabled){background:var(--color-tint)}.ui-button--text{padding-inline:var(--space-2);color:var(--color-link);background:transparent;border-radius:var(--radius-control)}.ui-button--text:hover:not(:disabled){background:var(--color-tint)}.ui-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ui-button[aria-busy=true]{cursor:progress}.ui-spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.guild-emblem{flex-shrink:0;image-rendering:pixelated}.memory-card{display:block;width:100%;padding:10px;text-align:left;cursor:pointer;border:1px solid var(--color-border);border-radius:3px;corner-shape:round;background:var(--color-surface);transition:box-shadow .2s}.memory-card>img{width:100%;height:auto}.memory-copy{display:block;padding:16px 8px 2px}.memory-copy small,.album-count{display:block;color:var(--color-text-muted);font-size:12px}.memory-copy strong{display:block;font-size:22px;margin:8px 0}.memory-card:hover{box-shadow:var(--shadow-media)}.video-card{min-width:0;padding:10px;border-radius:3px;corner-shape:round;background:var(--color-surface);color:var(--color-text);align-self:start}.video-trigger{display:block;width:100%;position:relative;border:0;padding:0;background:var(--color-media-placeholder);cursor:pointer}.video-trigger img{width:100%;height:auto}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--color-action);background:var(--color-accent);box-shadow:0 3px 18px #00000035;transition:scale .2s}.video-trigger:hover .video-play{scale:1.08}.video-play svg{width:24px;height:24px}.video-duration{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:var(--radius-badge);background:var(--color-media-scrim);color:#fff;font-size:11px}.video-copy{padding:14px 8px 8px}.video-copy small{color:var(--color-text-muted);font-size:12px}.video-copy h3{margin:7px 0 0;font-size:17px;line-height:1.5}.video-attachment-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;border:0;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:left;font-size:13px}.video-attachment-trigger>span:nth-last-child(2){margin-left:auto;color:var(--color-text-muted)}.video-attachment-trigger svg{flex-shrink:0;color:var(--color-action)}.video-attachment-trigger:hover{background:var(--color-tint)}.dialog-backdrop{position:fixed;z-index:var(--layer-dialog);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:var(--color-overlay)}.media-dialog{width:min(1200px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:var(--radius-media);background:var(--color-surface);box-shadow:var(--shadow-dialog)}.preview-heading{display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 16px}.preview-heading h2{margin:0 auto 0 0;font:650 18px/1.5 var(--font-body)}.preview-heading .ui-button{flex:0 0 44px;padding:0;min-width:44px;height:44px}.preview-heading svg{width:22px;height:22px}.preview-counter{font-size:13px;white-space:nowrap;color:var(--color-text-muted)}.photo-stage{position:relative;height:min(70dvh,780px);background:transparent;overflow:auto;touch-action:pan-y pinch-zoom}.photo-stage>img{width:100%;height:100%;object-fit:contain}.photo-stage.is-zoomed{touch-action:pan-x pan-y pinch-zoom}.photo-stage.is-zoomed>img{width:auto;height:auto;max-width:none}.photo-stage>p{color:var(--color-text);position:absolute;top:30%;left:20px}.preview-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px}.preview-controls>.ui-button{flex-shrink:0;width:44px;padding:0}.preview-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px}.preview-thumbnails button{flex:0 0 54px;height:44px;padding:2px;border:2px solid transparent;background:var(--color-tint);cursor:pointer;border-radius:4px}.preview-thumbnails button[aria-pressed=true]{border-color:var(--color-text);background:var(--color-accent)}.preview-thumbnails img{width:100%;height:100%;object-fit:contain}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;font-size:12px;color:var(--color-text-muted)}.preview-footer a{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}.video-dialog video{display:block;width:100%;height:min(76dvh,800px);object-fit:contain;background:#171717}.video-error{padding:0 20px;font-size:14px}@media(max-width:760px){.dialog-backdrop{padding:8px}.media-dialog{max-height:calc(100dvh - 16px);border-radius:var(--radius-control)}.preview-heading{padding:8px;gap:6px}.preview-heading h2{font-size:15px}.photo-stage{height:calc(100dvh - 210px)}.preview-controls{padding:10px 8px;gap:8px}.preview-footer{padding:0 12px;font-size:11px}.preview-thumbnails button{flex-basis:46px}.video-dialog video{height:auto;max-height:calc(100dvh - 170px);min-height:220px}.video-copy h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.ui-spinner{animation:none}.video-play{transition:none}}.media-dialog{padding:0 4px;border:solid transparent;border-width:28px 28px 30px;border-image:url(/assets/scrapbook-single.webp) 8% 8% 8% fill stretch;border-radius:0;background:transparent}.preview-heading{padding:0 4px 10px}.preview-heading .ui-button{background:var(--color-highlight);border:1px solid var(--color-rule)}.photo-stage{height:min(62dvh,750px);border-radius:8px}.preview-arrow img{width:44px;height:auto}.preview-arrow-prev img{transform:scaleX(-1)}.preview-thumbnails button{border-radius:8px}.video-dialog video{height:min(64dvh,720px);border-radius:8px}@media(max-width:760px){.media-dialog{border-width:15px 13px 17px;padding:0}.preview-heading{padding:0 0 8px;gap:5px}.preview-heading .ui-button{flex-basis:40px;min-width:40px;height:44px}.preview-heading h2{font-size:14px}.photo-stage{height:calc(100dvh - 245px)}.preview-controls{padding:8px 0;gap:4px}.preview-footer{padding:0 3px}.video-dialog video{height:auto;max-height:calc(100dvh - 210px)}}