:root{color-scheme:light dark;--paper: #f7f4ec;--paper-deep: #eeeee5;--card: #fcfaf4;--ink: #33382e;--muted: #66695f;--line: #d9dbce;--accent: #536348;--sage: #dde3d5;--lilac: #e8e1ee;--peach: #eee2d2;--shadow: 0 20px 60px #424c2c12;--serif: "Iowan Old Style", "Palatino Linotype", "Noto Serif", "Songti SC", "Songti TC", "Hiragino Mincho ProN", "Noto Serif CJK SC", Georgia, serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,PingFang TC,Hiragino Sans,Noto Sans Thai,sans-serif;font-synthesis:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #242720;--paper-deep: #2b3026;--card: #30352a;--ink: #eceee1;--muted: #bec4b2;--line: #4e5745;--accent: #c0cdaa;--sage: #343f2c;--lilac: #393342;--peach: #403b30;--shadow: 0 20px 60px #0003}}:root[data-theme=dark]{--paper: #242720;--paper-deep: #2b3026;--card: #30352a;--ink: #eceee1;--muted: #bec4b2;--line: #4e5745;--accent: #c0cdaa;--sage: #343f2c;--lilac: #393342;--peach: #403b30;--shadow: 0 20px 60px #0003}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--paper)}body{margin:0;min-width:280px;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.8;text-rendering:optimizeLegibility;overflow-wrap:anywhere}body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.19;background-image:url(/images/journal-20261025/paper-grain.svg)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}button,select{font:inherit;color:inherit}button,summary,select{-webkit-tap-highlight-color:transparent}button,a,select,summary{touch-action:manipulation}button:not(:disabled),summary{cursor:pointer}button:disabled{opacity:.35;cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;text-wrap:balance;line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(2.7rem,4.4vw,4.4rem)}h2{font-size:clamp(2rem,3.4vw,3.1rem)}h3{font-size:1.4rem}:lang(th) h1,:lang(th) h2,:lang(th) h3{font-family:inherit;line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}.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}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:.6rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:clamp(4.5rem,8vw,7.5rem)}.eyebrow{margin-bottom:1.1rem;color:var(--accent);font-size:.73rem;font-weight:550;letter-spacing:.12em;line-height:1.65}.lede{color:var(--muted);line-height:1.95}.section-heading{max-width:680px;margin-bottom:3.2rem}.section-heading h2{margin-bottom:1.3rem}.section-heading>p:last-child{max-width:570px;color:var(--muted)}.small-line{display:inline-block;width:26px;height:1px;margin-right:12px;background:currentColor;vertical-align:middle}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:.72rem 1.3rem;border:1px solid var(--accent);border-radius:8px 12px 8px 11px;font-size:.9rem;font-weight:500;line-height:1.5;text-decoration:none;transition:background .2s,transform .2s;text-align:center}.button.primary{background:var(--accent);color:var(--paper)}.button.secondary{background:var(--card)}.button:hover{transform:translateY(-2px)}.button.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.text-link{display:inline-flex;align-items:baseline;gap:12px;font-size:.88rem;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line);padding-block:4px}.text-link:hover{border-color:var(--accent)}.round-button{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:1.2rem;line-height:1}.round-button:hover:not(:disabled){background:var(--sage)}.site-header{position:sticky;z-index:40;top:0;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(18px)}.site-header.scrolled{border-color:var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand img{border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-family:var(--serif);font-weight:600;font-size:1.25rem;letter-spacing:.06em}.brand small{color:var(--muted);font-size:.62rem;letter-spacing:.16em}.site-nav{display:flex;gap:1.6rem;align-items:center}.site-nav>a{font-size:.83rem;text-decoration:none;color:var(--muted);line-height:1.5}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--accent)}.site-nav>a.nav-download{padding:.6rem .9rem;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.language-control{display:flex;align-items:center;gap:5px}.language-control select{font-size:.8rem;min-height:44px;max-width:154px;border:0;background:transparent}.menu-button{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;padding:13px;background:var(--paper)}.menu-button>span:not(.sr-only){display:block;height:1px;background:var(--ink);margin:5px 0}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3%;min-height:680px;padding-block:54px 76px}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin-bottom:1.8rem}.hero-copy h1 span{display:block}.title-last{color:var(--accent)}.hero-copy .lede{max-width:460px;font-size:.96rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem;margin-top:2.1rem}.hero-note{margin-top:1.2rem;font-size:.72rem;color:var(--muted)}.hero-collage{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:center;justify-content:flex-end}.watercolor-halo{position:absolute;inset:1% -4% 4% 0;z-index:-2;background:var(--lilac);opacity:.45;border-radius:50% 46% 61% 43%;filter:blur(28px)}.art-paper{position:absolute;width:108%;left:-14%;top:16%;transform:rotate(-7deg);border:8px solid var(--card);box-shadow:0 12px 35px #38382714}.art-paper img{width:100%}.hero-phone{position:relative;width:230px;margin:4% 4% 0 0;transform:rotate(6deg);border:5px solid var(--card);border-radius:32px;box-shadow:8px 25px 45px #353a3026;overflow:hidden}.hero-phone img{width:100%}.collage-caption{position:absolute;bottom:0;left:5%;font-family:var(--serif);font-size:.8rem;color:var(--muted);transform:rotate(-5deg)}.pencil-swoop{position:absolute;bottom:4%;left:4%;width:150px;color:var(--accent);opacity:.45;transform:rotate(-10deg)}.intro-section{padding:3rem 1rem 5rem;text-align:center}.intro-section>svg{color:var(--accent);margin:0 auto 1.4rem}.intro-section h2{max-width:840px;margin:0 auto 1.4rem}.intro-section>p:last-child{color:var(--muted);max-width:650px;margin:auto;font-size:.96rem}.flow-section{background:color-mix(in srgb,var(--sage) 34%,var(--paper));border-block:1px solid var(--line)}.time-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;padding:0;margin:0;list-style:none}.flow-art{display:flex;align-items:center;justify-content:space-between;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:1.8rem;margin-bottom:1.6rem}.flow-art>svg{width:54px;height:54px;padding:8px;background:var(--sage);border-radius:45% 60% 48% 53%}.flow-art>span{font-family:var(--serif);font-size:2.6rem;color:color-mix(in srgb,var(--accent) 50%,var(--paper))}.time-flow h3{margin-bottom:.7rem}.time-flow p{font-size:.92rem;color:var(--muted)}.moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;padding-top:1rem}.moment{position:relative;padding:2.5rem 1.8rem 1.5rem;background:var(--sage);border-radius:2px 8px 5px 3px;transform:rotate(-1.5deg)}.moment-1{background:var(--lilac);transform:rotate(1.5deg);margin-top:1.5rem}.moment-2{background:var(--peach);transform:rotate(-1deg)}.paper-tape{width:70px;height:24px;position:absolute;left:calc(50% - 35px);top:-11px;background:color-mix(in srgb,var(--card) 65%,transparent);transform:rotate(-5deg);clip-path:polygon(4% 0,98% 6%,94% 94%,0 100%)}.moment .eyebrow{font-size:.66rem}.moment h3{font-size:1.55rem;line-height:1.6;margin-bottom:1rem}.moment>p:not(.eyebrow){font-size:.87rem;color:var(--muted)}.moment>svg{margin:1.5rem 0 0 auto;color:var(--accent);opacity:.7}.gallery-section{background:color-mix(in srgb,var(--peach) 25%,var(--paper));border-block:1px solid var(--line)}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.gallery-heading .section-heading{margin-bottom:2rem}.gallery-controls{display:flex;gap:.7rem;margin-bottom:2.4rem}.shot-rail{display:grid;grid-auto-flow:column;grid-auto-columns:244px;gap:2rem;overflow-x:auto;padding:1rem 5px 1.5rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-inline:contain}.app-shot{scroll-snap-align:start;min-width:0}.app-shot>a{display:block;overflow:hidden;border:4px solid var(--card);border-radius:24px;box-shadow:var(--shadow);transition:transform .2s}.app-shot>a:hover{transform:translateY(-5px)}.app-shot img{width:100%;aspect-ratio:1206/2622;object-fit:cover}.app-shot figcaption{display:flex;gap:10px;align-items:baseline;padding:1rem .25rem .2rem;font-size:.84rem}.app-shot figcaption>span:first-child{font-size:.65rem;color:var(--muted)}.shot-enlarge{margin-left:auto;color:var(--accent)}.screenshot-note{padding-top:1.4rem;font-size:.73rem;color:var(--muted)}.screenshot-dialog{position:fixed;width:min(92vw,460px);max-height:92svh;padding:15px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;overflow-y:auto}.screenshot-dialog::backdrop{background:#20261dd9;backdrop-filter:blur(5px)}.screenshot-dialog .round-button{position:sticky;top:0;margin-left:auto;background:var(--paper);z-index:1;margin-bottom:10px}.screenshot-dialog img{border-radius:12px;width:100%}.screenshot-dialog>p{margin-top:.8rem;font-size:.85rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 3.5rem}.feature-grid article{border-top:1px solid var(--line);padding-top:1.6rem}.feature-grid article>svg{margin-bottom:1.2rem;color:var(--accent)}.feature-grid h3{font-size:1.3rem;margin-bottom:.7rem}.feature-grid p{color:var(--muted);font-size:.88rem}.privacy-section{background:color-mix(in srgb,var(--sage) 42%,var(--paper));border-block:1px solid var(--line)}.privacy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center}.privacy-art{width:min(100%,300px);height:220px;margin:auto;position:relative;background:var(--card);box-shadow:var(--shadow);transform:rotate(-8deg);border:1px solid var(--line);border-radius:3px}.privacy-art:before,.privacy-art:after{content:"";position:absolute;top:0;width:60%;height:1px;background:var(--line)}.privacy-art:before{left:0;transform:rotate(32deg);transform-origin:left}.privacy-art:after{right:0;transform:rotate(-32deg);transform-origin:right}.seal{display:grid;place-items:center;width:68px;height:68px;background:var(--lilac);color:var(--accent);border:1px solid var(--line);border-radius:46% 55% 49% 52%;position:absolute;z-index:1;left:calc(50% - 34px);top:53px}.privacy-lines{width:80px;height:30px;position:absolute;bottom:24px;right:24px;background:repeating-linear-gradient(transparent 0 8px,var(--line) 8px 9px)}.privacy-leaf{position:absolute;bottom:20px;left:24px;width:45px;height:45px;color:var(--accent)}.privacy-copy h2{margin-bottom:1.3rem}.privacy-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.privacy-copy ul{list-style:none;padding:0;margin:1.5rem 0}.privacy-copy li{display:flex;gap:12px;margin-bottom:.6rem;font-size:.86rem}.privacy-copy li>span{color:var(--accent)}.privacy-links{display:flex;flex-wrap:wrap;gap:1.5rem}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem}.faq-section .text-link{margin-top:.5rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:1.35rem 0;font-size:.94rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{flex-shrink:0;font-size:1.3rem;font-weight:300;color:var(--accent);transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{padding:0 1.5rem 1.6rem 0;color:var(--muted);font-size:.88rem}.closing-section{padding:2rem 0 7rem;display:flex;align-items:center;flex-direction:column;text-align:center}.closing-section>svg{width:56px;height:56px;padding:8px;margin-bottom:1.5rem;color:var(--accent);background:var(--peach);border-radius:46% 57% 50% 48%;transform:rotate(-8deg)}.closing-section h2{max-width:850px;margin-bottom:1rem}.closing-section p{max-width:620px;color:var(--muted);margin-bottom:1.8rem;font-size:.92rem}.closing-platforms{font-size:.7rem;color:var(--muted);margin-top:1rem}.site-footer{padding:3rem 0 1.4rem;border-top:1px solid var(--line);background:var(--paper-deep)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.footer-grid p{color:var(--muted);font-size:.83rem;margin-top:1rem}.footer-grid nav{display:flex;flex-wrap:wrap;align-content:start;gap:1rem 1.8rem;justify-content:flex-end;padding-top:.8rem}.footer-grid nav a{font-size:.82rem;text-decoration:none}.legal-line{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;border-top:1px solid var(--line);padding-top:1.2rem;font-size:.7rem;color:var(--muted)}.records{display:flex;gap:1rem;flex-wrap:wrap}.detail-page{padding-block:5rem}.detail-hero{max-width:900px;margin-bottom:4rem}.detail-hero h1{font-size:clamp(2.7rem,6vw,4.6rem);margin-bottom:1.7rem}.detail-hero .lede{max-width:760px}.date-row{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:2rem;color:var(--muted);font-size:.8rem}.notice{margin-top:2rem;padding:1rem 1.2rem;border-left:2px solid var(--accent);background:var(--paper-deep);color:var(--muted);font-size:.9rem}.detail-content{display:grid;grid-template-columns:220px minmax(0,760px);gap:5rem;justify-content:space-between;align-items:start}.detail-content aside{position:sticky;top:120px}.detail-content aside ol{margin:0;padding:0;list-style:none}.detail-content aside li+li{margin-top:.6rem}.detail-content aside a{color:var(--muted);font-size:.78rem;text-decoration:none}.prose section{padding-bottom:3rem;scroll-margin-top:120px}.prose section+section{padding-top:3rem;border-top:1px solid var(--line)}.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.2rem}.prose p,.prose li{color:var(--muted);font-size:.95rem;white-space:pre-line}.section-number{display:block;font-size:.7rem;color:var(--accent);margin-bottom:.6rem}.contact-box{margin-top:2rem;padding:2rem;border:1px solid var(--line);background:var(--card);border-radius:8px}.contact-box p{margin-bottom:1rem}.not-found{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:6rem;text-align:center}.not-found>span{color:var(--accent);font-size:4rem}.not-found h1{max-width:800px;font-size:clamp(3rem,8vw,6rem)}.not-found p{max-width:560px;margin-block:1.5rem;color:var(--muted)}@media(max-width:1060px){.site-nav{gap:1rem}.hero{min-height:620px;gap:2%}.hero-collage{min-height:480px}.hero-phone{width:200px}.hero h1{font-size:clamp(2.6rem,4.5vw,3.6rem)}.feature-grid{gap:2rem}.privacy-grid{gap:3rem}}@media(max-width:900px){.shell{width:calc(100% - 56px)}[data-enhanced] .menu-button{display:block}.site-nav{position:absolute;inset:90px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:1rem 28px 1.5rem;border-bottom:1px solid var(--line);background:var(--paper);max-height:calc(100svh - 90px);overflow-y:auto}.site-nav.open{display:flex}.site-nav>a{padding:.9rem 0}.site-nav>a.nav-download{padding:.7rem 1rem;margin-top:.5rem;text-align:center}.language-control{margin-top:.8rem}.language-control select{flex:1;max-width:none}.time-flow{gap:2rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moments-grid{gap:1.2rem}.moment{padding-inline:1.3rem}.faq-section{gap:2.5rem}.detail-content{grid-template-columns:1fr}.detail-content aside{position:static;border-bottom:1px solid var(--line);padding-bottom:2rem}.detail-content aside ol{columns:2}}@media(max-width:680px){.shell{width:calc(100% - 40px)}.header-inner{min-height:76px}.site-nav{top:76px;max-height:calc(100svh - 76px)}.hero{grid-template-columns:1fr;padding:3rem 0 2rem;gap:.5rem}.hero h1{font-size:clamp(2.2rem,7.8vw,3.4rem)}.hero-copy .lede{max-width:500px}.hero-actions{gap:1.2rem}.hero-collage{min-height:460px;width:min(440px,96%);margin:1rem auto 0}.hero-phone{width:200px;margin-right:5%}.art-paper{width:95%;left:-2%;top:17%}.collage-caption{font-size:.7rem;left:5%;bottom:0}.pencil-swoop{left:0;bottom:5%;width:110px}.intro-section{padding:3rem 0 4rem}.time-flow{grid-template-columns:1fr;gap:2.5rem}.flow-art{padding-bottom:.8rem;margin-bottom:1rem}.flow-art>span{font-size:2rem}.moments-grid{grid-template-columns:1fr;gap:2rem;padding-inline:6px}.moment,.moment-1{margin:0;padding:2rem 1.6rem 1.3rem}.moment>svg{margin-top:1rem}.gallery-heading{align-items:start;gap:1rem;flex-direction:column}.gallery-heading .section-heading{margin-bottom:0}.gallery-controls{margin-bottom:1.4rem;align-self:flex-end}.shot-rail{grid-auto-columns:minmax(220px,68vw);gap:1.4rem}.feature-grid{grid-template-columns:1fr;gap:1.8rem}.feature-grid article{display:flex;gap:1.2rem}.feature-grid article>svg{flex-shrink:0;width:30px;height:30px}.privacy-grid{grid-template-columns:1fr;gap:3.5rem}.privacy-art{width:220px;height:165px}.seal{top:28px}.privacy-art:before{transform:rotate(35deg)}.privacy-art:after{transform:rotate(-35deg)}.faq-section{grid-template-columns:1fr;gap:0}.faq-section .section-heading{margin-bottom:2rem}.closing-section{padding-bottom:4rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-grid nav{justify-content:flex-start}.legal-line{flex-direction:column;gap:.6rem}.detail-page{padding-block:3rem}.detail-content{gap:3rem}}@media(max-width:360px){.shell{width:calc(100% - 32px)}.hero-collage{min-height:390px}.hero-phone{width:167px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{align-self:flex-start}.detail-content aside ol{columns:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(prefers-contrast:more){:root{--line: currentColor}.button,.round-button,.app-shot>a{border-width:2px}body:before{display:none}}.footer-preferences{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:1rem 2rem;padding-top:2rem;font-size:.8rem;color:var(--muted)}.footer-languages summary{padding:.7rem 0}.footer-languages nav{display:flex;flex-wrap:wrap;gap:.7rem 1rem;max-width:650px;padding-block:.7rem}.footer-languages a{min-height:35px;padding-block:.25rem}.appearance-control{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.appearance-control select{border:1px solid var(--line);border-radius:6px;padding:.6rem;background:var(--paper);min-height:44px}.preview-tag{font-family:inherit;font-size:.6rem;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 .25rem}