:root{--paper:#f7f7f1;--ink:#2c3827;--moss:#52643d;--muted:#737969;--line:#dce0d1}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--moss);outline-offset:5px}h1,h2{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{margin:16px 0;font-size:clamp(34px,4vw,58px);line-height:1.08}h2{margin:14px 0 28px;font-size:34px}p{color:var(--muted);line-height:1.65}.wordmark{letter-spacing:-1px;font-size:23px;font-weight:650}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1344px;margin:auto;padding:30px 48px;display:flex}.header-end{align-items:center;gap:24px;display:flex}.eyebrow,.privacy{letter-spacing:2px;font-size:10px;font-weight:600}.privacy{color:var(--moss);font-size:9px}.gallery{max-width:1248px;margin:auto;padding:48px 0 70px}.intro{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.intro p{margin:0}.count{color:var(--muted);padding-bottom:4px;font-family:monospace;font-size:12px}.feature{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:center;gap:70px;display:grid}.viewer{background:#eeefe5;border-radius:24px;width:100%;max-width:660px;overflow:hidden}.photo-stage{background:#e4e7dc;width:auto;max-width:100%;margin:0 auto;position:relative}.photo-stage>img,.canvas-layer{width:100%;height:100%;position:absolute;inset:0}.photo-stage>img{object-fit:fill}.canvas-layer canvas{width:100%;height:100%;display:block}.view-label{letter-spacing:1.5px;color:var(--ink);background:#f7f7f1d9;border-radius:20px;padding:9px 12px;font-size:8px;position:absolute;top:20px;left:20px}.loading,.viewer-error{background:var(--paper);text-align:center;border-radius:14px;padding:16px;font-size:13px;position:absolute;top:42%;left:15%;right:15%}.playback{background:#f0f1e8;padding:19px 24px 22px}.playback-top{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.playback button{background:var(--moss);color:#fff;border:0;border-radius:24px;padding:12px 18px;font-size:12px}.playback input{width:100%;accent-color:var(--moss);margin:20px 0 8px}.timeline-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}aside{max-width:330px}aside h2{overflow-wrap:anywhere}.time{color:var(--ink);letter-spacing:-1px;font:42px Georgia,serif}.time span{color:var(--muted);letter-spacing:0;margin-top:10px;font:12px Arial,sans-serif;display:block}.rule{background:var(--line);height:1px;margin:30px 0}dl{margin:28px 0;font-size:12px}dt{color:var(--muted);margin-top:20px}dd{margin:8px 0 0}.small{font-size:11px}.collection-title{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:55px 0 24px;padding-top:30px;display:flex}.text-button{color:var(--moss);background:0 0;border:0;font-size:11px}.thumbnails{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.thumbnail{text-align:left;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:16px;padding:6px}.thumbnail[aria-pressed=true]{border-color:var(--moss);background:#eef0e4}.thumbnail img{object-fit:cover;border-radius:11px;width:100%;height:150px;display:block}.thumbnail span{padding:14px 8px;display:block}.thumbnail strong{font:18px Georgia,serif}.thumbnail small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.site-footer{border-top:1px solid var(--line);max-width:1248px;color:var(--muted);justify-content:space-between;margin:auto;padding:24px 0 35px;font-size:11px;display:flex}.button{background:var(--moss);color:#fff;border:0;border-radius:30px;justify-content:center;gap:30px;padding:17px 28px;font-size:13px;display:inline-flex}.empty{text-align:center;border:1px solid var(--line);background:radial-gradient(at 50% 15%,#e6ebdc,#0000 65%);border-radius:24px;padding:75px 24px 90px}.empty-sprout{color:var(--moss);font-size:80px}.empty h2{margin:25px 0 10px}.steps{color:var(--muted);justify-content:center;gap:35px;margin-top:45px;font-size:10px;display:flex}.auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:520px;min-height:100vh;margin:auto;padding:60px 24px;display:flex}.auth h1{margin:0}.auth p{max-width:420px;margin:0}.auth form{width:100%}.auth>.wordmark{margin-bottom:20px}.welcome{background:radial-gradient(at 80% 60%,#e0e8d5,#0000 60%);flex-direction:column;min-height:100vh;padding:40px 7vw;display:flex}.welcome-copy{flex-direction:column;flex:1;justify-content:center;align-items:start;padding:80px 0;display:flex}.welcome h1{max-width:900px;margin:28px 0;font-size:clamp(50px,7vw,100px);line-height:1.02}.welcome p{margin-bottom:32px}.welcome footer{color:var(--muted);font-size:11px}.settings{max-width:700px;margin:60px auto;padding:24px}.device{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 0;font-size:13px;display:flex}.device button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:20px;padding:8px 14px}@media (max-width:1350px){.gallery,.site-footer{margin-left:48px;margin-right:48px}}@media (max-width:800px){.site-header{padding:22px 24px}.gallery{margin:0;padding:30px 24px}.intro{align-items:start;gap:20px}.count{white-space:nowrap;padding-top:6px}.feature{grid-template-columns:1fr;gap:30px}.viewer{max-width:100%}.feature aside{max-width:none;padding:0 8px}.feature aside h2{margin-bottom:12px}.time{margin:16px 0;font-size:32px}.rule{margin:20px 0}.thumbnails{grid-template-columns:repeat(2,1fr);gap:14px}.site-footer{margin:24px}.privacy{display:none}.steps{flex-direction:column;gap:15px}.empty{padding:40px 16px}.playback{padding:16px}.playback-top{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}