:root{--bg-cream: #FFF7EF;--brand-orange: #FC4C02;--brand-purple: #7F45FF;--brand-purple-mid: #996CB4;--text-dark: #000000;--text-white: #FFFFFF;--safe-top: max(env(safe-area-inset-top, 0px), 20px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 36px);--safe-left: max(env(safe-area-inset-left, 0px), 16px);--safe-right: max(env(safe-area-inset-right, 0px), 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-cream);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-dark)}#app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.hidden{display:none!important}#ar-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}.hidden-media{position:fixed;top:-9999px;left:-9999px;width:640px;height:480px;opacity:.01;pointer-events:none;z-index:-100}.pik-logo{display:flex;justify-content:center;align-items:center}.loading-screen{position:absolute;inset:0;z-index:50;background:var(--bg-cream);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{width:100%;max-width:390px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px 24px 32px}.loading-inner .pik-logo{margin-bottom:28px}.animal-grid{width:100%;max-width:310px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:transparent}.animal-grid-video{width:100%;height:auto;display:block;object-fit:contain;pointer-events:none;border-radius:20px}.loading-text{font-size:20px;font-weight:400;line-height:1.1;text-align:center;color:var(--text-dark);margin-bottom:14px}.vpn-notice-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #FFE4D3;box-shadow:0 4px 16px #fc4c0214;border-radius:999px;padding:7px 16px 7px 10px;margin:0 0 20px;max-width:320px;transition:transform .2s ease}.vpn-pill-icon{width:22px;height:22px;border-radius:50%;background:#fc4c021a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vpn-pill-text{font-size:13px;line-height:1.35;color:#4a4a4a;font-weight:500;text-align:left}.vpn-pill-text b{color:#fc4c02;font-weight:700}.vpn-notice-pill.start-vpn{margin-top:20px;margin-bottom:0}.vpn-notice-badge{display:flex;align-items:center;justify-content:center;gap:6px;background:#fc4c0214;border:1px solid rgba(252,76,2,.22);color:#d33d00;font-size:13px;font-weight:500;line-height:1.35;text-align:center;border-radius:24px;padding:8px 16px;margin:0 0 18px;max-width:320px}.vpn-notice-badge .vpn-icon{font-size:14px;flex-shrink:0}.vpn-notice-badge.start-vpn{margin-top:16px;margin-bottom:0}.loading-dots{display:flex;align-items:center;gap:10px}.dot{display:inline-block;border-radius:50%;width:16px;height:16px;flex-shrink:0}.dot-pink{background:#eb78e0;border-radius:4px}.dot-yellow{background:#ffc83f}.dot-orange{background:#fd6d1e;border-radius:4px}.dot-green{background:#92e97a}.dot-blue{background:#8cd8f8;border-radius:4px}.loading-dots .dot{animation:dotPulse 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.14s}.loading-dots .dot:nth-child(3){animation-delay:.28s}.loading-dots .dot:nth-child(4){animation-delay:.42s}.loading-dots .dot:nth-child(5){animation-delay:.56s}@keyframes dotPulse{0%,80%,to{transform:scale(1);opacity:.7}40%{transform:scale(1.3);opacity:1}}.start-screen{position:absolute;inset:0;z-index:50;background:var(--bg-cream);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-inner{width:100%;max-width:390px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 32px}.start-inner .pik-logo,.start-inner .animal-grid{margin-bottom:32px}.start-actions{width:100%;max-width:320px}.btn-start{width:100%;background:var(--brand-orange);color:var(--text-white);border:none;border-radius:100px;padding:20px 32px;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,filter .15s ease;box-shadow:0 8px 24px #fc4c0259}.btn-start:active{transform:scale(.97);filter:brightness(.93)}.hint-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}.hint-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.scan-frame{position:relative;width:230px;height:340px;margin-bottom:auto;margin-top:calc(var(--safe-top) + 40px);flex-shrink:0}.corner{position:absolute;width:36px;height:36px;border-color:#fff;border-style:solid}.corner-tl{top:0;left:0;border-width:4px 0 0 4px;border-radius:6px 0 0}.corner-tr{top:0;right:0;border-width:4px 4px 0 0;border-radius:0 6px 0 0}.corner-bl{bottom:0;left:0;border-width:0 0 4px 4px;border-radius:0 0 0 6px}.corner-br{bottom:0;right:0;border-width:0 4px 4px 0;border-radius:0 0 6px}.hint-card-wrapper{position:absolute;bottom:calc(var(--safe-bottom) + 130px);width:100%;max-width:320px;display:flex;justify-content:center;pointer-events:none;z-index:30}.hint-card-img{width:290px;max-width:88vw;height:auto;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.25));animation:hintFloat 3s ease-in-out infinite}@keyframes hintFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ar-hud{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}.ar-hud.hidden{opacity:0;visibility:hidden;pointer-events:none}.hud-bottom{display:flex;align-items:center;justify-content:center;padding-bottom:calc(var(--safe-bottom) + 24px);pointer-events:auto}.btn-record-container{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.record-progress-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.record-progress-bg{stroke:#fff6;stroke-width:4}.record-progress-bar{stroke:var(--brand-orange);stroke-width:4;stroke-dasharray:276;stroke-dashoffset:276;transition:stroke-dashoffset .1s linear}.btn-record{width:84px;height:84px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #00000047;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.record-inner-dot{width:60px;height:60px;border-radius:50%;background:var(--brand-orange);transition:all .2s ease;pointer-events:none}.btn-record:active,.btn-record.pressing{transform:scale(.92)}.btn-record.pressing .record-inner-dot{transform:scale(.9)}.btn-record.recording{transform:scale(.92)}.btn-record.recording .record-inner-dot{border-radius:12px;width:32px;height:32px;background:#ff3b30;animation:pulseRecording 1s infinite alternate}@keyframes pulseRecording{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.screen-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:40;transition:opacity .08s ease-out}.screen-flash.active{opacity:.85}.modal-overlay{position:absolute;inset:0;z-index:60;background:var(--bg-cream);display:flex;align-items:center;justify-content:center;overflow-y:auto;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.result-card{width:100%;max-width:390px;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 12px) 24px calc(var(--safe-bottom) + 16px);gap:0}.result-logo{margin-bottom:20px}.result-title{font-size:24px;font-weight:600;color:var(--text-dark);text-align:center;margin-bottom:20px;letter-spacing:-.3px}.result-frame-wrapper{position:relative;width:100%;max-width:270px;aspect-ratio:3/4;margin-bottom:24px;transform:rotate(3deg)}.result-media-card{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 12px 36px #0003;position:relative;z-index:2}.result-media-card video,.result-media-card img{width:100%;height:100%;object-fit:cover;display:block}.result-watermark{position:absolute;bottom:14px;right:16px;color:#fff;font-weight:800;font-size:18px;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.tape{position:absolute;border-radius:2px;z-index:10;box-shadow:0 2px 6px #00000026}.tape-yellow{top:-12px;left:12px;width:48px;height:22px;background:#ffca22;transform:rotate(-12deg)}.tape-pink{bottom:-10px;right:16px;width:46px;height:22px;background:#eb78e0;transform:rotate(20deg)}.decor-bird{position:absolute;top:60px;right:-32px;width:78px;height:auto;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.decor-cat{position:absolute;bottom:42px;left:-48px;width:92px;height:auto;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.result-text{font-size:16px;font-weight:400;line-height:1.25;color:var(--text-dark);text-align:center;margin-bottom:22px}.result-actions{width:100%;max-width:270px;margin-bottom:14px}.btn-share{width:100%;background:var(--brand-purple);color:var(--text-white);border:none;border-radius:100px;padding:18px 28px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,filter .15s ease;box-shadow:0 8px 24px #7f45ff59}.btn-share:active{transform:scale(.97);filter:brightness(.93)}.result-secondary{display:flex;gap:28px;align-items:center}.btn-text-action{background:none;border:none;color:var(--text-dark);font-size:15px;font-weight:400;cursor:pointer;padding:8px;opacity:.65;transition:opacity .2s}.btn-text-action:hover,.btn-text-action:active{opacity:1}