@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bebas+Neue&family=Caveat:wght@600&family=Fredoka:wght@600&family=Lobster&family=Oswald:wght@600&family=Pacifico&family=Permanent+Marker&family=Playfair+Display:wght@700&family=Space+Mono:wght@700&display=swap");:root{--bg:#000000;--stage-bg:var(--bg);--panel:rgba(15,17,16,0.55);--accent1:#ff9b54;--accent2:#e8672b;--text:#eaf5ef;--muted:#9aa79e;--frame:#ffffff;--ink:#241a10;--glass-bg:rgba(255,255,255,0.16);--glass-border:rgba(255,255,255,0.38);--glass-blur:4px;--flip-size:54px;--ui-top:0px;--view-h:100vh;--view-h:100dvh;--mode-h:calc(48px + env(safe-area-inset-bottom, 0px));--shutter-h:96px;--look-h:72px;--chrome-bottom:var(--mode-h);--fit-h:max(120px,calc(var(--view-h) - var(--ui-top) - var(--chrome-bottom)));--canvas-short:min(100vw,var(--fit-h) * 9/16);--canvas-wide:min(100vw,var(--fit-h) * 16/9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;height:100dvh;margin:0;background:#000;color-scheme:dark;overflow:hidden;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#stage:has(#lookStrip.hidden),#stage:has(#lookStrip[hidden]){--look-h:0px}#stage:has(#bottomBar.hidden){--shutter-h:0px;--mode-h:0px;--look-h:0px}#camFrame{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--ui-top) 0 var(--chrome-bottom);overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;box-sizing:border-box}#canvasScreen{position:relative;z-index:1;flex:0 0 auto;background:var(--stage-bg,var(--bg));border:0;box-shadow:none;overflow:hidden;pointer-events:none}#canvasScreen[data-orientation=portrait]{width:calc(var(--fit-h) * 9 / 16);height:var(--fit-h);aspect-ratio:9/16}#canvasScreen[data-orientation=landscape]{width:var(--canvas-wide);height:calc(var(--canvas-wide) * 9 / 16);aspect-ratio:16/9}#polaroid.hidden{display:none!important}#polaroid{--photo-aspect:0.75;--card-aspect:0.691;--card-pad:6.5%;--frame-scale-x:0.72;--frame-scale-y:0.72;--frame-rotate:0deg;position:absolute;left:50%;top:50%;width:calc(var(--frame-scale-x) * 100%);height:calc(var(--frame-scale-y) * 100%);display:flex;flex-direction:column;background:var(--frame);padding:var(--card-pad) var(--card-pad) 0;box-shadow:0 14px 28px rgba(17,17,17,.18);border-radius:3px;z-index:1;transform:translate(-50%,-50%) rotate(var(--frame-rotate));transform-origin:center center;overflow:hidden;pointer-events:auto}#polaroid.engine-live{padding:0;background:transparent;display:block}#polaroid.engine-live.has-custom-frame:not(.is-frameless){height:auto!important;aspect-ratio:var(--card-aspect,.75);background:transparent;box-shadow:none}#polaroid.engine-live #previewCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;background:transparent}.engine-video-source{position:fixed;width:2px;height:2px;opacity:.01;pointer-events:none;left:0;top:0;z-index:-1}#polaroid.is-frameless{left:50%;top:50%;width:100%;height:100%;padding:0;background:#000;box-shadow:none;border-radius:0;--frame-rotate:0deg}#canvasScreen:has(#polaroid.is-photo-shape){background:#000}#polaroid.is-frameless #photoWell{flex:1 1 auto;width:100%;height:100%;aspect-ratio:auto}#polaroid.is-frameless #captionOverlays,#polaroid.is-frameless #frameAsset,#polaroid.is-frameless #frameOverlays{display:none!important}#photoWell{position:relative;width:100%;aspect-ratio:var(--photo-aspect);flex:0 0 auto;overflow:hidden;background:#000}#frameAsset{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:4}#frameAsset[hidden]{display:none!important}#frameOverlays,#photoOverlays{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}#captionOverlays{position:relative;flex:1 1 auto;min-height:2.5rem;pointer-events:none;z-index:5}#captionOverlays:empty{min-height:0}.live-ov-text{font-family:Permanent Marker,cursive;font-weight:400;line-height:1.15;white-space:nowrap;color:var(--ink)}.live-ov-img,.live-ov-text{position:absolute;pointer-events:none;z-index:5}.live-ov-img{object-fit:contain}#video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(var(--mirror,1));filter:sepia(.28) saturate(1.3) contrast(.94) brightness(1.06) hue-rotate(-6deg)}#canvas{display:none}#vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(20,10,0,.45) 100%);mix-blend-mode:multiply;z-index:2}#grain,#vignette{position:absolute;inset:0;pointer-events:none}#grain{background-repeat:repeat;opacity:.14;mix-blend-mode:overlay;z-index:3}#dateStamp{right:3.5%;bottom:3%;z-index:4;font:700 clamp(11px,3.2vw,15px) Courier New,monospace;color:var(--ink);text-shadow:0 0 6px color-mix(in srgb,var(--ink) 55%,transparent);letter-spacing:.04em}#dateStamp,#status{position:absolute;pointer-events:none}#status{top:0;left:0;right:0;padding:16px 20px 8px;text-align:center;font-size:13px;font-weight:600;color:rgba(255,255,255,.88);z-index:5;background:transparent;text-shadow:0 1px 4px rgba(0,0,0,.45)}#status:not(:empty){top:calc(env(safe-area-inset-top, 0px) + 10px);left:50%;right:auto;width:max-content;max-width:calc(100% - 32px);transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.72);line-height:1.35}.roundBtn{width:var(--flip-size);height:var(--flip-size);border-radius:50%;border:1.5px solid var(--glass-border);background:var(--glass-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 0 0 1px #000;flex:0 0 auto;padding:0;cursor:pointer}.roundBtn:active{transform:scale(.94)}.roundBtn.is-small{width:44px;height:44px;font-size:22px;font-weight:700}.roundBtn svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.look-strip{position:absolute;left:0;right:0;bottom:calc(var(--mode-h) + var(--shutter-h));z-index:7;display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:0 16px;overflow-x:auto;pointer-events:none;scrollbar-width:none}.look-strip::-webkit-scrollbar{display:none}.look-strip.hidden{display:none!important}.look-thumb{pointer-events:auto;flex:0 0 auto;width:auto;height:auto;min-width:32px;padding:0;border:2px solid rgba(255,255,255,.28);border-radius:10px;background:transparent;overflow:hidden;line-height:0;box-shadow:none;cursor:pointer}.look-thumb.is-on{border-color:#fff}.look-thumb canvas{display:block;height:100%;width:auto;background:#fff}.look-strip.is-collapsed{align-items:center;gap:4px}.look-strip.is-collapsed .look-thumb{position:relative;width:28px;height:28px;min-width:28px;border:0;border-radius:999px;background:transparent;overflow:visible}.look-strip.is-collapsed .look-thumb canvas{display:none}.look-strip.is-collapsed .look-thumb:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:1.5px solid rgba(255,255,255,.85);border-radius:999px;background:transparent;box-shadow:0 0 0 1px rgba(0,0,0,.4);transform:translate(-50%,-50%)}.look-strip.is-collapsed .look-thumb.is-on:after{width:9px;height:9px;border-color:#fff;background:#fff}#bottomBar{position:absolute;left:0;right:0;bottom:0;padding:8px 0 0;flex-direction:column;justify-content:flex-end;gap:12px;z-index:6;background:transparent;pointer-events:none}#bottomBar,#captureModes{display:flex;align-items:center}#captureModes{justify-content:center;gap:28px;width:100%;box-sizing:border-box;padding:14px 16px calc(14px + env(safe-area-inset-bottom, 0px));background:#000;pointer-events:auto}.capture-mode{position:relative;border:none;background:none;padding:4px 2px;color:rgba(255,255,255,.45);font-size:13px;letter-spacing:.16em;cursor:default}.capture-mode,.capture-soon{font-weight:700;text-transform:uppercase}.capture-soon{position:absolute;top:-6px;right:-8px;padding:1px 4px;border-radius:999px;background:#fff;color:#111;font-size:8px;letter-spacing:.06em;line-height:1.3}.capture-mode.is-on{color:#fff}.capture-mode:disabled{opacity:1}#bottomBar.hidden{display:none!important}.shutterRow{display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:auto}#stage.is-adjust #canvasScreen,#stage.is-adjust #polaroid,#stage.is-adjust #previewCanvas{pointer-events:auto;touch-action:none;cursor:-webkit-grab;cursor:grab}#stage.is-adjust #polaroid.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.adjust-hint{top:calc(12px + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);z-index:5;margin:0;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.45);font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap;max-width:calc(100% - 7.5rem);overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.adjust-hint,.postpap-credit{position:absolute;color:rgba(255,255,255,.92);letter-spacing:.01em}.postpap-credit{top:calc(10px + env(safe-area-inset-top, 0px));right:max(10px,env(safe-area-inset-right,0px));z-index:6;display:none;padding:6px 8px;font-family:Permanent Marker,cursive;font-size:15px;font-weight:400;line-height:1;text-decoration:none;text-shadow:0 1px 10px rgba(0,0,0,.65);-webkit-tap-highlight-color:transparent}#stage.is-adjust .postpap-credit{display:block}.postpap-credit:active{opacity:.7}#adjustBar{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(20px + env(safe-area-inset-bottom, 0px));display:none;z-index:6;background:transparent;justify-content:center;pointer-events:none}#adjustBar.open{display:flex}#adjustBar .adjust-actions{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,380px);pointer-events:auto}#adjustBar .pillBtn{flex:1 1}#shutter{position:relative;width:76px;height:76px;border-radius:50%;background:var(--glass-bg);border:1.5px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 0 0 1px #000;flex:0 0 auto;padding:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}#shutter:after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid rgba(255,255,255,.55);pointer-events:none}#shutter:active{transform:scale(.92)}.pillBtn{flex:1 1;min-width:0;max-width:160px;padding:14px 12px;border-radius:999px;border:1px solid rgba(17,17,17,.1);font-size:15px;font-weight:700;background:rgba(255,255,255,.88);color:#111;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(17,17,17,.14)}.pillBtn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#2b1200;border:none}#landing{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px 24px max(28px,env(safe-area-inset-bottom));background:#f4efe6;color:#1a140f}#landingBg,#thanksBg{position:absolute;inset:0;z-index:0;background:#f4efe6 50%/cover no-repeat;pointer-events:none}#landing.has-bg-image #landingBg:after,#thanks.has-bg-image #thanksBg:after{content:"";position:absolute;inset:0;background:rgba(244,239,230,.3)}#landing>:not(#landingBg),#thanks>:not(#thanksBg){position:relative;z-index:1}#landing.is-ink-light,#thanks.is-ink-light{color:#fff}#landing.is-ink-light .landing-lead,#thanks.is-ink-light .landing-lead,#thanks.is-ink-light .thanks-ig{color:rgba(255,255,255,.82)}#landing.is-ink-light .landing-loading{color:#fff}.landing-mark{font-size:15px;letter-spacing:.01em}#landingTitle,.landing-mark{margin:0;font-family:Playfair Display,Georgia,serif}#landingTitle{max-width:320px;font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.03em}.landing-lead{margin:0;max-width:260px;font-size:15px;line-height:1.45;color:#5c5348}#landingHero{display:flex;align-items:center;justify-content:center;width:min(220px,58vw);margin:10px 0 8px}#landingHero.is-empty{display:none}#landingDesigns{position:relative;width:100%;height:min(36vh,320px);margin:0}#landingCover{display:block;max-width:100%;max-height:min(36vh,320px);object-fit:contain}#landingCover[hidden],#landingDesigns[hidden]{display:none}.landing-design{position:absolute;left:50%;top:50%;display:block;background:transparent;transform:translate(-50%,-50%);transform-origin:center center}.landing-design.is-left{z-index:1;transform:translate(-50%,-50%) rotate(-12deg)}.landing-design.is-front{z-index:3}.landing-design.is-right{z-index:2;transform:translate(-50%,-50%) rotate(12deg)}#openCameraBtn{display:inline-flex;gap:8px;min-width:min(280px,86vw);margin-top:6px;padding:16px 22px;border:none;border-radius:999px;background:#161616;color:#fff;cursor:pointer}#openCameraBtn,.landing-loading{align-items:center;justify-content:center;font-size:16px;font-weight:700}.landing-loading{margin:6px 0 0;min-height:52px;display:flex;color:#1a140f}.landing-dots span{display:inline-block;animation:landing-dot 1.2s infinite;opacity:.15}.landing-dots span:nth-child(2){animation-delay:.2s}.landing-dots span:nth-child(3){animation-delay:.4s}@keyframes landing-dot{0%,80%,to{opacity:.15}40%{opacity:1}}#rotateGate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:12px;z-index:10;background:rgba(8,10,12,.94);color:#f2f5f4}#rotateGate h1{font-size:20px;margin:0;font-weight:700}#rotateGate p{font-size:14px;color:var(--muted);margin:0;max-width:280px;line-height:1.5}.rotateGate-icon{color:rgba(255,255,255,.9);margin-bottom:4px;animation:rotateGate-tilt 1.8s ease-in-out infinite}@keyframes rotateGate-tilt{0%,to{transform:rotate(-70deg)}45%,55%{transform:rotate(0deg)}}#making{position:absolute;inset:0;z-index:13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:28px;background:#111;color:#f4efe6}.making-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-.02em}.making-lead{margin:0;font-size:15px;color:#c8bfb4}#stage.is-result #camFrame{align-items:flex-start;padding-top:var(--ready-band);box-sizing:border-box}#stage.is-result #canvasScreen[data-orientation=portrait]{width:var(--canvas-short);height:calc(var(--canvas-short) * 16 / 9)}#stage.is-result{--ready-band:calc(44px + env(safe-area-inset-top, 0px));--canvas-short:min(92vw,calc((var(--view-h) - 168px - var(--ready-band)) * 9 / 16))}#stage.is-result.is-collecting{--canvas-short:min(64vw,calc((var(--view-h) - 448px - var(--ready-band)) * 9 / 16))}#stage.is-result.is-collecting #resultBar{top:calc(var(--ready-band) + var(--canvas-short) * 16 / 9 + 10px);bottom:auto;gap:8px;padding-top:0;background:none}#stage.is-result .result-ready{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 12px);left:0;right:0;z-index:9;margin:0;text-align:center}#resultBar{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px calc(18px + env(safe-area-inset-bottom, 0px));background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0));color:#fff}.result-ready{margin:0;font-size:15px;font-weight:600}.result-actions{display:flex;gap:10px;width:min(100%,360px)}#createAnotherBtn,.result-save,.result-share{flex:1 1;padding:14px 16px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer}#createAnotherBtn,.result-save{border:none;background:#161616;color:#fff}.result-share{border:1.5px solid rgba(255,255,255,.85);background:transparent;color:#fff}#sendHostForm,.result-send{display:flex;flex-direction:column;gap:8px;width:min(100%,360px)}.result-send-title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em}.result-sent{width:min(100%,360px);box-sizing:border-box;padding:14px 14px 12px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(0,0,0,.28)}.result-sent-head{display:flex;align-items:flex-start;gap:10px}.result-sent-check{flex:0 0 28px;width:28px;height:28px;color:#3ddc84}.result-sent-check svg{display:block;width:28px;height:28px}.result-sent-title{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em}.result-sent-lead{margin:2px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.35}.result-sent-message,.result-sent-name{margin:0}.result-sent-name{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);font-size:17px;font-weight:700}.result-sent-message{margin-top:6px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.35}.result-send input,.result-send textarea{width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;font:inherit;font-size:16px}.result-send textarea{resize:none;min-height:52px}.result-send input::placeholder,.result-send textarea::placeholder{color:rgba(255,255,255,.62)}.result-send-btn{border:none;border-radius:999px;padding:12px 16px;background:#fff;color:#161616;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.result-send-btn:disabled{cursor:default;opacity:.72}.result-send-status{min-height:0;margin:0;color:#fff;font-size:13px;text-align:center}.result-send-status:empty{display:none}.result-again,.thanks-ig{border:none;background:none;color:rgba(255,255,255,.82);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}#thanks{position:absolute;inset:0;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px 24px max(28px,env(safe-area-inset-bottom));background:#f4efe6;color:#1a140f}#thanks h1{margin:0;max-width:320px;font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:700;line-height:1.08;letter-spacing:-.03em}.thanks-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f3d2c4;color:#1a140f;font-size:28px}#createAnotherBtn{flex:none;min-width:min(280px,86vw);margin-top:6px}.thanks-ig{color:#5c5348}.hidden{display:none!important}