:root{color-scheme:light;--ink:#172044;--muted:#58627b;--purple:#6440c8;--page:#f5f5ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 15%,#eae4ff 0,transparent 47%),radial-gradient(ellipse at 0 50%,#e1f8fb 0,transparent 50%),var(--page);min-height:100dvh}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #127c91;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:8px}.app-bar{max-width:860px;margin:auto;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:850;letter-spacing:-1px}.brand img{object-fit:contain}.menu{position:relative}.menu summary{list-style:none;background:#fff9;border:1px solid #dddced;border-radius:14px;display:grid;place-items:center;width:46px;height:46px;font-size:24px;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;right:0;top:56px;width:min(290px,calc(100vw - 40px));padding:10px;border:1px solid #dbdbeb;border-radius:20px;background:#fff;box-shadow:0 16px 44px #27235b25;z-index:10}.menu nav a{display:block;padding:14px 12px;border-radius:10px}.menu nav a:hover{background:#f1edff}main{max-width:820px;margin:auto;padding:0 20px 24px}.welcome{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:25px 23px 28px;border-radius:28px;background:linear-gradient(120deg,#02b9c7,#2869f9 56%,#713bfd);color:white;box-shadow:0 12px 28px #3b5cbd18}.welcome:after{content:"";position:absolute;width:210px;height:210px;border:40px solid #ffffff10;border-radius:50%;right:-105px;top:-80px;pointer-events:none}.welcome-copy{position:relative;z-index:1;flex:1}.eyebrow{font-size:10px!important;letter-spacing:1.5px;font-weight:750;margin:0 0 13px!important}h1{font-size:clamp(31px,7.9vw,46px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 14px}h1 span{color:#e5ffff}.welcome p{font-size:14px;line-height:1.65;margin:0}.hero-mark{object-fit:contain;width:80px;height:100px;filter:drop-shadow(0 6px 12px #1026aa33);background:#fffffff0;padding:12px;border-radius:22px;transform:rotate(7deg)}.start-actions{display:grid;gap:13px;margin:21px 0 26px}.action{min-height:56px;padding:16px 19px;border-radius:17px;font-size:16px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary{color:white;background:radial-gradient(ellipse at 22% -60%,#c8a6f2aa,transparent 65%),linear-gradient(135deg,#7651b6,#513184 62%,#654192);border:1px solid #8962b0;box-shadow:inset 0 1px #ffffff40,0 5px 12px #60429612}.finder-action{background:linear-gradient(105deg,#fff,#ddf7f8);border:1px solid #d8e9ef}.finder-action>span:nth-child(2){flex:1}.action small{display:block;font-size:12px;font-weight:450;color:var(--muted);margin-top:5px}.scan-icon{color:#0796a3;font-size:33px;font-weight:500}.section-title{margin-bottom:14px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.section-title>span{font-size:13px;color:var(--muted)}.picture{position:relative;overflow:hidden;border-radius:23px;background:#e0e9f6}.picture>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.picture-label{position:absolute;left:13px;bottom:13px;font-size:11px;font-weight:650;padding:8px 12px;border-radius:20px;background:#fffe;box-shadow:0 4px 12px #13243b15}.moment-tabs{display:flex;gap:7px;margin-top:12px}.moment-tabs button{border:1px solid #dcdcec;background:#fff8;color:#555e77;padding:11px 6px;min-height:44px;flex:1;border-radius:13px;font-size:12px;font-weight:650;cursor:pointer}.moment-tabs button[aria-pressed=true]{background:#e6dff8;border-color:#bba8de;color:#503086}.caption{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0 0}.art-note{font-size:10px;color:#6c7287;margin:5px 0 0}.privacy{display:flex;gap:12px;align-items:center;margin-top:23px;background:#e3f5f6;border-radius:18px;padding:16px;color:#246376}.privacy>span{font-size:28px}.privacy p{font-size:12px;line-height:1.7;margin:0}.learn{display:flex;justify-content:space-between;align-items:center;min-height:52px;color:#58348e;font-size:14px;font-weight:700;margin-top:9px;padding:12px 5px}footer{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;padding:5px 20px calc(20px + env(safe-area-inset-bottom))}.preview-note{font-size:10px;opacity:.8}button:active,.action:active{filter:brightness(.96)}
@media(min-width:700px){main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;padding-top:12px}.welcome{grid-column:1;align-self:start;min-height:262px}.hero-mark{width:68px;height:88px}h1{font-size:37px}.start-actions{grid-column:1;margin-bottom:0;align-self:start}.moments{grid-column:2;grid-row:1/4}.privacy{grid-column:1;margin-top:22px}.learn{grid-column:1;margin-bottom:18px}.section-title{padding-top:4px}.app-bar{padding-bottom:22px}footer{padding-top:24px}}
@media(prefers-reduced-motion:no-preference){.action,button{transition:filter .12s ease}.picture img{transition:opacity .15s ease}}