/* POTRET guest experience: dark camera room and ivory message cards. */
body:has(.guest-welcome){background:#211b16;color:#f5eddf}body:has(.guest-welcome)>.site-header,body:has(.real-camera)>.site-header,body:has(.camera-demo)>.site-header{display:none}body:has(.guest-welcome)>footer,body:has(.real-camera)>footer,body:has(.camera-demo)>footer{display:none}.guest-welcome{max-width:650px;padding:75px 28px 40px;min-height:100svh;background:radial-gradient(ellipse at top,#79563836,transparent 65%)}.guest-welcome:before{content:'POTRET / SHARED MOMENTS';display:block;font:12px var(--mono);letter-spacing:.17em;color:#c8a27e;margin-bottom:65px}.guest-welcome .film-label{border:0;justify-content:center;gap:18px;color:#d0b491;font-size:12px}.guest-welcome h1{font-size:clamp(44px,8vw,72px);margin:24px 0}.guest-welcome .welcome-copy{font-size:17px;line-height:1.7;color:#cfc0ad;max-width:450px;margin:24px auto 32px}.guest-welcome form{max-width:450px;margin:auto}.guest-welcome input{background:#181410;border-color:#66523e;color:#fff;border-radius:12px;min-height:54px}.guest-welcome label{font-size:14px;color:#d2bfa4}.guest-welcome .button{min-height:54px;border-radius:12px!important}.guest-welcome .trust-notice{color:#beaa8d;background:transparent;border-color:#52432f;text-align:left;font-size:13px;margin-top:40px}.guest-welcome .state-card{background:#30271f;border-radius:12px}.guest-welcome .state-card h2{font-size:30px}
.camera-demo,.real-camera{max-width:1080px;border-radius:18px;margin:24px auto;position:relative;display:flex;flex-direction:column}.camera-demo .viewfinder,.real-camera .viewfinder{aspect-ratio:16/10;max-height:66svh;min-height:260px}.viewfinder video{object-fit:contain}.real-camera>header,.demo-top{background:#1e1914;padding:16px 24px;border-bottom:1px solid #47372a}.demo-top>a,.real-camera>header>a{width:44px;min-width:44px;text-align:center;font-size:14px}.camera-controls{max-width:520px;width:100%;margin:auto}.camera-status{min-height:48px;padding:10px 20px;font-size:13px}.camera-upload{max-width:480px;align-self:center;border-radius:30px!important}.camera-films{display:flex;justify-content:center;gap:9px;padding:10px 18px;overflow:auto}.camera-films button{background:#2e261e;color:#c8b89f;border:1px solid #5c4836;border-radius:20px;padding:10px 17px;font:12px var(--mono);white-space:nowrap;min-height:42px}.camera-films button[aria-pressed=true]{background:#e9d5b4;color:#231a12;border-color:#e9d5b4}.camera-films button:focus-visible{outline:2px solid #e9d5b4}.camera-meta{max-width:650px;width:100%;margin:8px auto}.guest-extras{background:#f5eddf;color:#30251c;border:0;border-radius:14px;padding:22px!important;margin:22px!important}.guest-extras summary{font:600 25px var(--serif);padding:6px 0 18px}.guest-extras form{border-bottom:1px solid #dac9b0;padding-bottom:25px;margin-bottom:25px}.guest-extras textarea{min-height:180px;background:#fffaf2;border-radius:10px}.voice-recorder{padding:16px;background:#eadfce;border-radius:10px}.voice-recorder p{color:#69543d}.voice-recorder .button.ghost{color:#423322;border-color:#9c8160;min-height:50px}.demo-results{max-width:800px;margin:auto;width:100%;padding:35px}.demo-results .contact-sheet{grid-template-columns:repeat(3,1fr)}.demo-results figure:nth-child(2){transform:rotate(2deg)}.demo-results .button{max-width:400px;display:flex;margin:14px auto}.camera-demo:has(.demo-results:not([hidden])) .camera-films{display:none}
@media(max-width:700px){.camera-demo,.real-camera{margin:0;border:0;border-radius:0;min-height:100svh}.camera-demo .viewfinder,.real-camera .viewfinder{aspect-ratio:3/4;max-height:57svh;min-height:220px}.camera-films{justify-content:flex-start;scrollbar-width:none;padding-inline:16px}.camera-films button{flex:0 0 auto}.camera-controls{padding:8px 16px}.camera-upload{margin-bottom:15px!important}.guest-extras{margin:14px!important;padding:20px!important}.guest-welcome{padding-top:45px}.guest-welcome:before{margin-bottom:45px}.demo-results{padding:24px}.demo-results .contact-sheet{grid-template-columns:1fr}.real-camera>header div{min-width:0}.real-camera>header b{font-size:14px}.real-camera>header>span{white-space:nowrap}.voice-recorder{padding:16px}.camera-status{font-size:13px}}