/* Compiled from the Afterwards Design System tokens.json (v3). Day = light, Night = dark.
   Page chrome follows the viewer's theme; the device frame follows its own data-theme. */
html{font-size:106.25%}
@supports (font:-apple-system-body) and (-webkit-touch-callout:none){html{font:-apple-system-body;font-family:var(--font-sans);font-weight:400;line-height:normal}}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:18px;--space-6:24px;--space-7:36px;--radius-photo:4px;--radius-print:6px;--radius-field:12px;--radius-card:14px;--radius-story:18px;--radius-sheet:22px;--radius-pill:999px;--font-serif:"Young Serif", Georgia, serif;--font-sans:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand:"Reenie Beanie", "Bradley Hand", cursive;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;}
:root,.device[data-theme="light"]{--page:#DCEBF0;--panel:#FFFFFF;--tray:#C9E0E8;--tray-stripe:#D2E6EC;--ink:#0B2530;--pencil:#35525D;--line:#0B253033;--line-strong:#0B25308C;--ballpoint:#006580;--on-ballpoint:#FFFFFF;--highlighter:#FFB98C;--on-highlighter:#0B2530;--warn:#8F3F12;--scrim:#0B253073;--photo-scrim:#00000066;--sticker-red:#E4573D;--sticker-sun:#F7B541;--sticker-mint:#9FD0C0;--sticker-outline:#0B2530;--shadow-card:0 1px 2px rgba(11,37,48,0.10), 0 8px 24px -12px rgba(11,37,48,0.28);--shadow-sheet:0 -10px 30px rgba(11,37,48,0.15);--shadow-print:0 10px 24px -12px rgba(11,37,48,0.4);color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--page:#0A1519;--panel:#122127;--tray:#15262D;--tray-stripe:#1A2E36;--ink:#F0F7F9;--pencil:#A9C0C8;--line:#F0F7F91F;--line-strong:#F0F7F966;--ballpoint:#2FD0EC;--on-ballpoint:#0A1519;--highlighter:#FFA877;--on-highlighter:#0A1519;--warn:#FFB27A;--scrim:#00000099;--photo-scrim:#00000073;--sticker-red:#E4573D;--sticker-sun:#F7B541;--sticker-mint:#9FD0C0;--sticker-outline:#0B2530;--shadow-card:0 1px 2px rgba(0,0,0,0.35);--shadow-sheet:0 -10px 30px rgba(0,0,0,0.45);--shadow-print:0 10px 24px -12px rgba(0,0,0,0.7);color-scheme:dark}}
:root[data-theme="dark"],.device[data-theme="dark"]{--page:#0A1519;--panel:#122127;--tray:#15262D;--tray-stripe:#1A2E36;--ink:#F0F7F9;--pencil:#A9C0C8;--line:#F0F7F91F;--line-strong:#F0F7F966;--ballpoint:#2FD0EC;--on-ballpoint:#0A1519;--highlighter:#FFA877;--on-highlighter:#0A1519;--warn:#FFB27A;--scrim:#00000099;--photo-scrim:#00000073;--sticker-red:#E4573D;--sticker-sun:#F7B541;--sticker-mint:#9FD0C0;--sticker-outline:#0B2530;--shadow-card:0 1px 2px rgba(0,0,0,0.35);--shadow-sheet:0 -10px 30px rgba(0,0,0,0.45);--shadow-print:0 10px 24px -12px rgba(0,0,0,0.7);color-scheme:dark}
.ds-display{font-family:var(--font-serif);font-size:calc(44rem / 17);line-height:calc(48rem / 17);font-weight:400;}
.ds-title{font-family:var(--font-serif);font-size:calc(32rem / 17);line-height:calc(36rem / 17);font-weight:400;}
.ds-heading{font-family:var(--font-serif);font-size:calc(20rem / 17);line-height:calc(26rem / 17);font-weight:400;}
.ds-name{font-family:var(--font-serif);font-size:calc(17rem / 17);line-height:calc(22rem / 17);font-weight:400;}
.ds-body{font-family:var(--font-sans);font-size:calc(15rem / 17);line-height:calc(22rem / 17);font-weight:400;}
.ds-body-strong{font-family:var(--font-sans);font-size:calc(15rem / 17);line-height:calc(22rem / 17);font-weight:600;}
.ds-button{font-family:var(--font-sans);font-size:calc(16rem / 17);line-height:calc(20rem / 17);font-weight:600;}
.ds-secondary{font-family:var(--font-sans);font-size:calc(14rem / 17);line-height:calc(20rem / 17);font-weight:400;}
.ds-small{font-family:var(--font-sans);font-size:calc(12.5rem / 17);line-height:calc(18rem / 17);font-weight:400;}
.ds-note{font-family:var(--font-hand);font-size:calc(28rem / 17);line-height:calc(30rem / 17);font-weight:400;}
.ds-note-large{font-family:var(--font-hand);font-size:calc(40rem / 17);line-height:calc(40rem / 17);font-weight:400;}
.ds-label{font-family:var(--font-mono);font-size:calc(11rem / 17);line-height:calc(14rem / 17);font-weight:500;letter-spacing:0.12em;text-transform:uppercase;}
.ds-stamp{font-family:var(--font-mono);font-size:calc(11rem / 17);line-height:calc(14rem / 17);font-weight:400;letter-spacing:0.08em;text-transform:uppercase;}