:root{--accent:#b85d58;--ink:#231714;--cream:#f8f1e8;--white:#fff;--safe-top:max(18px,env(safe-area-inset-top));--safe-bottom:max(18px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#130f0e;color:var(--ink);font-family:"DM Sans",sans-serif}.experience{position:fixed;z-index:10;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 22%,#ead2c4 0,#f8f1e8 45%,#efe4d8 100%)}.topbar{position:absolute;z-index:30;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--safe-top) 19px 12px;pointer-events:none}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;pointer-events:auto}.mini-brand>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-family:"Playfair Display";font-size:17px;font-style:italic}.mini-brand b{font-size:11px;letter-spacing:.14em}.mini-brand small{display:block;margin-top:3px;font-size:6px;letter-spacing:.23em}.round-button,.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #23171433;border-radius:50%;background:#fff7;color:inherit;font:600 15px inherit;backdrop-filter:blur(10px);pointer-events:auto}.welcome{display:grid;grid-template-rows:minmax(250px,1fr) auto;align-items:end;width:100%;height:100%;padding:70px 26px calc(25px + var(--safe-bottom));overflow:auto;opacity:0;visibility:hidden;transition:.35s}.welcome.panel-visible{opacity:1;visibility:visible}.welcome-art{position:relative;align-self:center;width:min(65vw,290px);height:min(67vw,300px);margin:auto}.halo{position:absolute;inset:10%;border-radius:50%;background:#d9a99c66}.photo{position:absolute;width:54%;height:72%;border:8px solid #fff;background:url("../images/demo-scene.svg") center/cover;box-shadow:0 20px 50px #42251c33}.photo-back{top:10%;left:12%;transform:rotate(-8deg);filter:saturate(.7)}.photo-front{right:10%;bottom:4%;display:grid;place-items:center;transform:rotate(6deg)}.photo-front span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#b85d58e8;color:#fff;font-size:13px}.welcome-copy{text-align:center}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.welcome h1{margin:0;font-family:"Playfair Display";font-size:clamp(38px,11vw,54px);font-style:italic;font-weight:600;letter-spacing:-.03em}.memory-date{margin:8px 0 15px;color:#8a7167;font-size:10px;font-weight:700;letter-spacing:.21em}.message{max-width:340px;margin:0 auto 21px;color:#6f5d57;font-family:"Playfair Display";font-size:15px;font-style:italic;line-height:1.55}.main-button{width:min(100%,380px);min-height:56px;padding:0 23px;border:0;border-radius:100px;background:var(--ink);box-shadow:0 13px 30px #42251c25;color:#fff;font:700 13px "DM Sans";letter-spacing:.01em}.main-button:disabled{opacity:.55}.main-button.compact{min-height:49px}.camera-icon{margin-right:10px}.text-button{display:block;margin:13px auto 0;padding:7px 14px;border:0;background:transparent;color:#7c655e;font:600 12px "DM Sans";text-decoration:underline;text-underline-offset:4px}.privacy{margin:17px auto 0;color:#9b8981;font-size:9px}.privacy span{margin-right:4px}.state-screen{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.state-screen[hidden]{display:none}.state-screen h2{margin:25px 0 8px;font-family:"Playfair Display";font-size:27px}.state-screen p{max-width:310px;margin:0 0 24px;color:#78655f;font-size:13px;line-height:1.6}.loader{display:flex;gap:7px}.loader span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.15s infinite}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,100%{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.error-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font:600 28px "Playfair Display"}.ar-ui{position:absolute;z-index:25;inset:0;pointer-events:none}.ar-ui[hidden]{display:none}.scan-guide{position:absolute;inset:95px 22px 112px;display:flex;justify-content:center;pointer-events:none}.guide-copy{position:absolute;top:0;padding:10px 16px;border-radius:14px;background:#160e0bb8;color:#fff;text-align:center;backdrop-filter:blur(12px)}.guide-copy b,.guide-copy small{display:block}.guide-copy b{font:600 13px "DM Sans"}.guide-copy small{margin-top:3px;color:#eaded9;font-size:9px}.corners{position:absolute;top:24%;width:min(80vw,430px);aspect-ratio:1.45}.corners i{position:absolute;width:35px;height:35px;border-color:#fff;border-style:solid}.corners i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px;border-radius:8px 0 0}.corners i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0;border-radius:0 8px 0 0}.corners i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 8px}.corners i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0;border-radius:0 0 8px}.scan-line{position:absolute;top:10%;right:6%;left:6%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:scan 2.5s ease-in-out infinite}@keyframes scan{0%,100%{top:10%;opacity:.35}50%{top:90%;opacity:1}}.found-badge{position:absolute;top:calc(var(--safe-top) + 54px);left:50%;padding:8px 13px;border-radius:100px;background:#17100dba;color:#fff;font-size:10px;transform:translateX(-50%);backdrop-filter:blur(10px)}.found-badge[hidden]{display:none}.found-badge span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#63df9e;box-shadow:0 0 0 4px #63df9e30}.bottom-controls{position:absolute;right:18px;bottom:var(--safe-bottom);left:18px;display:flex;justify-content:center;gap:10px;pointer-events:auto}.control-button{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid #fff4;border-radius:100px;background:#17100dcc;color:#fff;backdrop-filter:blur(12px)}.control-button span{font-size:17px}.control-button b{font:600 11px "DM Sans"}.icon-button{border-color:#fff4;background:#17100dcc;color:#fff}.sheet{position:absolute;z-index:50;inset:0}.sheet[hidden]{display:none}.sheet-backdrop{position:absolute;inset:0;width:100%;border:0;background:#140c09a8;backdrop-filter:blur(3px)}.sheet-card{position:absolute;right:0;bottom:0;left:0;max-height:85%;padding:13px 25px calc(23px + var(--safe-bottom));overflow:auto;border-radius:28px 28px 0 0;background:var(--cream);box-shadow:0 -20px 60px #0004}.sheet-handle{width:43px;height:4px;margin:0 auto 24px;border-radius:3px;background:#cdbcb4}.sheet-card h2{margin:0 0 22px;font-family:"Playfair Display";font-size:26px}.sheet-card ol{margin:0;padding:0;list-style:none;counter-reset:steps}.sheet-card li{position:relative;margin:0 0 18px;padding-left:43px;counter-increment:steps}.sheet-card li::before{position:absolute;top:0;left:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d6c6bd;border-radius:50%;color:var(--accent);font-size:10px;content:counter(steps)}.sheet-card li b,.sheet-card li span{display:block}.sheet-card li b{font-size:13px}.sheet-card li span{margin-top:4px;color:#7c6961;font-size:11px}.target-preview{display:flex;align-items:center;gap:13px;margin:24px 0;padding:10px;border:1px solid #ddcfc7;border-radius:14px}.target-preview img{width:72px;height:48px;object-fit:cover;border-radius:7px}.target-preview span{color:#715d56;font-size:10px;line-height:1.4}a-scene{position:fixed!important;z-index:1!important;inset:0!important;width:100%!important;height:100%!important}.preview-mode .experience{background:transparent}.preview-mode #arScene{background:linear-gradient(135deg,#32201b,#856253)!important}.preview-mode #arScene::before{position:absolute;z-index:0;inset:0;background:url("../images/demo-scene.svg") center/cover;opacity:.52;content:""}.preview-mode canvas{display:none!important}.preview-media{position:fixed;z-index:5;top:50%;left:50%;width:min(88vw,600px);overflow:hidden;border:1px solid #fff5;border-radius:8px;background:#120d0b;box-shadow:0 30px 80px #0008;transform:translate(-50%,-50%)}.preview-media video,.preview-media img{display:block;width:100%;height:auto}.preview-watermark{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:20px;background:#100b09a3;color:#fff;font-size:8px;letter-spacing:.12em}@media(min-width:700px){.welcome{grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:center;max-width:920px;margin:auto}.welcome-art{width:310px;height:330px}.welcome-copy{text-align:left}.message{margin-left:0}.main-button{width:100%}.text-button{margin-left:0}.privacy{text-align:left}.sheet-card{left:50%;width:480px;transform:translateX(-50%)}}