*{box-sizing:border-box}body{margin:0;background:#f6f2ea;color:#242320;font-family:Arial,Helvetica,sans-serif}main{width:100%;max-width:430px;margin:auto;padding:28px 24px 28px}.hero{aspect-ratio:3/4;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.placeholder{background:radial-gradient(ellipse at 22% 15%,#d3c7b8 0,transparent 53%),linear-gradient(135deg,#e8dfd2,#a39485)}.hero:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#f6f2ea)}.monogram{font:italic 100px Georgia,serif;letter-spacing:-12px;color:#f6f2ea99}.photo-note{position:absolute;bottom:13%;font-size:10px;letter-spacing:1px;color:#4f463e;z-index:1}header{text-align:center}h1{font:500 31px/1.1 Georgia,serif;letter-spacing:-.8px;margin:20px 0 12px}header p{font-size:12px;color:#7d776f;letter-spacing:.3px;margin:0}hr{border:0;height:1px;background:#00000019;margin:28px 0}.feature{display:block;position:relative;aspect-ratio:16/11;width:100%;border:0;border-radius:16px;overflow:hidden;padding:0;cursor:pointer;background-color:#8f8071;box-shadow:0 0 0 1px #00000016}.feature:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.feature-mark{font:italic 100px Georgia,serif;color:#fff5;position:absolute;left:35%;top:12%}.feature-title{position:absolute;bottom:16px;left:16px;font:500 20px Georgia,serif;color:#fff;z-index:1}.lock{position:absolute;right:12px;top:12px;display:grid;place-items:center;background:#f6f2eae6;width:32px;height:32px;border-radius:8px;color:#292520;z-index:1}.social{display:flex;align-items:center;gap:14px;padding:16px;margin-top:12px;background:white;border:1px solid #0002;border-radius:12px;text-decoration:none;color:#242320;font:17px Georgia,serif}.telegram-icon{background:#2aabee;color:white;border-radius:9px;width:40px;height:40px;display:grid;place-items:center}.arrow{margin-left:auto;color:#888;font:20px Arial}footer{text-align:center;margin-top:54px;font-size:11px;color:#979086}footer span{margin:0 9px}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9e7750;outline-offset:5px}.feature:active,.social:active{transform:scale(.99)}dialog{width:calc(100% - 36px);max-width:440px;padding:0;border:1px solid #ddd;border-radius:20px;box-shadow:0 20px 40px #0004;color:#202020}dialog::backdrop{background:#0006;backdrop-filter:blur(7px)}.dialog-inner{padding:32px 20px 22px;text-align:center}h2{font:600 28px Georgia,serif;margin:3px 0 18px}.dialog-inner p{color:#666;font-size:14px;line-height:1.6}.cancel{border:0;background:none;color:#777;padding:14px 24px;margin:10px 0 0;cursor:pointer}.retry{border:1px solid #ddd;background:#f6f2ea;border-radius:10px;padding:12px 20px;cursor:pointer}#challenge{display:flex;justify-content:center;margin:22px 0 10px;min-height:1px}#status{font-size:13px}body:has(dialog[open]){overflow:hidden}@media(max-width:350px){main{padding:20px 16px}.dialog-inner{padding:28px 10px}} 

.hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 39%}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}

.feature{aspect-ratio:auto;min-height:74px;display:flex;align-items:center;background:#e9dfd1;padding:16px;gap:14px;border:1px solid #c9b9a3;box-shadow:none}.feature:after{display:none}.feature .lock{position:static;flex-shrink:0;width:40px;height:40px;background:#f6f2ea;border-radius:9px}.feature-title{position:static;color:#292520;font-size:19px;text-shadow:none}.snap-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#fffc00;color:#151515}

.feature,.social{background:#e9dfd1;border:1px solid #c9b9a3;color:#292520}.telegram-icon,.snap-icon,.feature .lock{background:#f6f2ea;color:#292520}