:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#252722;--paper:#f2f1eb;--accent:#c74728;--muted:#55584f;--line:#9e9e94;--mono:"Courier New",monospace}*{box-sizing:border-box}html,body,#root{background:var(--paper);width:100%;height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.accent{color:var(--accent)}.app-shell{background:var(--paper);isolation:isolate;width:100%;height:100svh;position:relative;overflow:hidden}.topbar{z-index:20;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 max(32px,50vw - 600px);transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.brand{color:inherit;letter-spacing:-.06em;font-size:23px;text-decoration:none}.top-note,.eyebrow,.features-heading{font:400 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--muted)}.welcome{flex-direction:column;width:min(100%,1264px);height:100%;margin:auto;padding:clamp(120px,17vh,180px) 32px 56px;display:flex;overflow:auto}.welcome-intro{flex-shrink:0;grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:48px;margin-bottom:auto;padding-bottom:48px;display:grid}.welcome-copy{min-width:0}.welcome-shortcuts{color:var(--muted);padding-top:1px}.welcome-shortcuts h2{border-bottom:1px solid var(--line);font:400 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;padding-bottom:14px}.welcome-shortcuts dl{gap:11px;margin:0;display:grid}.welcome-shortcuts dl div{grid-template-columns:88px 1fr;align-items:baseline;gap:12px;display:grid}.welcome-shortcuts dt,.welcome-shortcuts dd{margin:0;font-size:11px;line-height:1.5}.welcome-shortcuts dt{white-space:nowrap;font-family:var(--mono)}.welcome-shortcuts kbd{font:inherit;color:var(--ink)}h1{letter-spacing:-.065em;margin:22px 0 24px;font-size:clamp(48px,6.2vw,88px);font-weight:400;line-height:1.02}.intro{letter-spacing:-.02em;max-width:530px;color:var(--muted);margin:0 0 28px;font-size:19px;line-height:1.5}.start-row{align-items:center;gap:24px;display:flex}.primary-action{border:1px solid var(--ink);background:var(--ink);min-width:248px;min-height:52px;color:var(--paper);cursor:pointer;justify-content:space-between;align-items:center;gap:32px;padding:0 20px;font-size:14px;transition:background .2s,border-color .2s;display:inline-flex}.primary-action span:last-child{color:var(--accent);font-size:24px}.primary-action:hover{background:var(--accent);border-color:var(--accent)}.primary-action:hover span:last-child{color:var(--paper)}.privacy-note{font:11px/1.5 var(--mono);color:var(--muted)}.error-message{color:var(--accent);font-size:13px}.features-heading{border-bottom:1px solid var(--ink);flex-shrink:0;justify-content:space-between;padding-bottom:16px;display:flex}.feature-strip{flex-direction:column;flex-shrink:0;display:flex}.feature{border-bottom:1px solid var(--line);align-items:center;gap:28px;min-height:66px;padding:16px 0;display:flex}.feature-number{width:22px;font:11px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);flex-shrink:0}.feature div{flex:1;grid-template-columns:230px 1fr;align-items:center;gap:24px;display:grid}.feature b{letter-spacing:-.04em;font-size:21px;font-weight:400}.feature small{color:var(--muted);font-size:14px;line-height:1.5}.is-playing .topbar{color:var(--paper);opacity:0;pointer-events:none;background:linear-gradient(#00000080,#0000)}.is-playing .topbar.visible,.is-playing .topbar:focus-within{opacity:1;pointer-events:auto}.quiet-button{border:1px solid var(--line);color:var(--ink);background:var(--paper);cursor:pointer;border-radius:0;padding:12px 16px;font-size:12px}.quiet-button:hover{border-color:var(--accent);color:var(--accent)}.mosaic{background:#171814;position:absolute;inset:0;overflow:hidden}.tile{left:var(--tile-x);top:var(--tile-y);width:var(--tile-width);height:var(--tile-height);cursor:pointer;background:#1a1a18;border:0;min-width:0;min-height:0;margin:0;padding:0;animation:.65s cubic-bezier(.2,.75,.2,1) both tile-in;position:absolute;overflow:hidden}.tile:nth-child(2){animation-delay:45ms}.tile:nth-child(3){animation-delay:90ms}.tile:nth-child(4){animation-delay:.135s}.tile:nth-child(5){animation-delay:.18s}.tile:nth-child(6){animation-delay:.225s}.tile img{object-fit:cover;width:100%;height:100%;transform:scale(var(--zoom-from));animation:image-zoom var(--zoom-duration) linear both;will-change:transform;display:block}.is-paused .tile img{animation-play-state:paused}.tile-caption{color:#fff;letter-spacing:.12em;text-transform:uppercase;opacity:0;text-shadow:0 1px 7px #000;font:600 10px/1 Arial,sans-serif;transition:opacity .2s;position:absolute;bottom:13px;left:15px}.tile-love{z-index:2;width:22px;height:22px;color:var(--accent);text-shadow:0 1px 5px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11110fa8;border-radius:50%;place-items:center;font:700 12px/1 Arial,sans-serif;display:grid;position:absolute;top:10px;right:10px}.tile:hover .tile-caption,.tile:focus-visible .tile-caption{opacity:.9}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.view-progress{z-index:60;grid-template-columns:repeat(var(--photo-count),minmax(0,1fr));pointer-events:none;background:#000;width:100%;height:4px;display:grid;position:fixed;top:0;left:0;overflow:hidden}.view-progress-dot{background:0 0;min-width:0;height:4px}.view-progress-dot.viewed{background:#fff}.control-dock{z-index:30;color:#fff;opacity:0;pointer-events:none;background:#11110fc2;border:1px solid #fff3;border-radius:2px;align-items:center;gap:8px;min-height:58px;padding:7px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px)}.control-dock.visible,.control-dock:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)}.control-dock button{cursor:pointer;border:0}.icon-button,.fullscreen-button{color:#fff;background:#ffffff1a;border-radius:0;width:44px;height:44px}.icon-button:hover,.fullscreen-button:hover{background:#fff3}.next-button{background:var(--accent);height:44px;color:var(--paper);border-radius:0;padding:0 16px;font-weight:400}.next-button span{margin-left:16px;font-size:18px}.divider{background:#ffffff2e;width:1px;height:28px;margin:0 2px}.speed-control{flex-direction:column;gap:2px;padding:0 6px;display:flex}.speed-control>span{color:#ffffff80;letter-spacing:.15em;font-size:8px}.speed-control select{color:#fff;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.duration-pie{--remaining:100%;z-index:31;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11110fc2;border:1px solid #ffffff80;border-radius:50%;width:36px;height:36px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 28px #0000004d}.duration-pie:before{content:"";background:conic-gradient(from -90deg,var(--accent) var(--remaining),#ffffff1f 0);border-radius:50%;position:absolute;inset:4px}.duration-pie.paused:after{content:"";opacity:.9;border-left:2px solid #fff;border-right:2px solid #fff;position:absolute;inset:11px 9px}.shortcut-help{z-index:32;position:fixed;bottom:24px;left:24px}.shortcut-help-button{color:#fff;cursor:help;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11110fad;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font:700 14px/1 Arial,sans-serif;display:grid;box-shadow:0 8px 28px #0000003d}.shortcut-help-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shortcut-help-panel{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;background:#11110feb;border:1px solid #fff3;border-radius:2px;width:270px;padding:16px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px);box-shadow:0 16px 48px #00000061}.shortcut-help:hover .shortcut-help-panel,.shortcut-help:focus-within .shortcut-help-panel{opacity:1;visibility:visible;transform:translateY(0)}.shortcut-help-panel strong{letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;font-size:11px;display:block}.shortcut-help-panel dl{gap:8px;margin:0;display:grid}.shortcut-help-panel dl div{grid-template-columns:104px 1fr;align-items:center;gap:8px;display:grid}.shortcut-help-panel dt,.shortcut-help-panel dd{margin:0}.shortcut-help-panel dt{white-space:nowrap}.shortcut-help-panel dd{color:#ffffffad;font-size:11px;line-height:1.25}.shortcut-help-panel kbd{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff47;border-bottom-color:#ffffff80;border-radius:1px;min-width:22px;padding:3px 5px;font:600 10px/1 monospace;display:inline-block}.detail-lens{z-index:50;pointer-events:none;background:#171814;border:3px solid #ffffffeb;border-radius:50%;width:210px;height:210px;position:fixed;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 14px 48px #0000006b,0 0 0 1px #00000059}.detail-lens img{object-fit:cover;max-width:none;position:absolute}.detail-lens:after{content:"";border:1px solid #fffc;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #000000b3}.counter{color:#ffffff8c;min-width:52px;font:500 11px/1 monospace}.counter b{color:#fff}.toast{z-index:40;color:#fff;background:#8e2b20;border-radius:2px;padding:10px 14px;font-size:13px;position:fixed;top:90px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tile-in{0%{filter:brightness(.55)}to{filter:brightness()}}@keyframes image-zoom{0%{transform:scale(var(--zoom-from))}to{transform:scale(var(--zoom-to))}}.shortcut-help-panel{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.shortcut-help-panel dd{color:var(--muted)}.shortcut-help-panel kbd{color:var(--ink);border-color:var(--line);background:0 0}@media (height<=850px) and (width>=701px){.welcome{padding-top:110px;padding-bottom:44px}.welcome-intro{padding-bottom:30px}h1{margin:16px 0;font-size:clamp(46px,5.5vw,72px)}.intro{margin-bottom:22px;font-size:17px}.feature{min-height:54px;padding:12px 0}}@media (width<=1000px){.welcome-intro{grid-template-columns:1fr;gap:36px}.welcome-shortcuts{justify-self:end;width:min(100%,360px)}}@media (width<=700px){.topbar{height:76px;padding:0 24px}.brand{font-size:21px}.top-note{letter-spacing:.06em;font-size:8px}.welcome{padding:112px 24px 70px;overflow-y:auto}.welcome-intro{padding-bottom:48px}h1{margin:20px 0 24px;font-size:clamp(40px,8.7vw,60px)}.intro{font-size:17px}.start-row{flex-direction:column;align-items:flex-start;gap:12px}.privacy-note{margin:0}.features-heading{font-size:9px}.feature{gap:18px;padding:18px 0}.feature div{grid-template-columns:1fr;gap:6px}.feature b{font-size:20px}.feature small{font-size:13px}.control-dock{justify-content:center;gap:6px;width:calc(100% - 32px);bottom:16px}.duration-pie{bottom:92px;right:18px}.is-playing .shortcut-help{bottom:92px;left:18px}.shortcut-help-panel{width:min(270px,100vw - 48px)}.counter,.divider{display:none}.next-button{flex:1;padding:0 10px}.next-button span{margin-left:8px}}@media (width>=701px) and (height<=650px){.welcome{overflow-y:auto}.welcome-intro{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}