:root{font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;color:#2f2942;background:#211d34;font-synthesis:none;--cream: #f7edd9;--ink: #302943;--gold: #f4c66e;--coral: #ef8f7e;--teal: #66c7bd;--lavender: #b9a6dd}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;isolation:isolate;touch-action:none;background:radial-gradient(circle at 22% 30%,rgba(239,143,126,.25),transparent 30%),radial-gradient(circle at 78% 70%,rgba(102,199,189,.24),transparent 34%),linear-gradient(145deg,#f5dfc6,#b6abc9)}#app.touch-only{animation:breathe 12s ease-in-out infinite alternate}#camera,#camera-treatment,#effects,#fallback-effects,#adult-ui,#parent-gate{position:absolute;inset:0;width:100%;height:100%}#camera{z-index:0;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity 1.2s ease;background:#2a2540}#app.camera-ready #camera{opacity:1}#camera-treatment{z-index:1;pointer-events:none;background:linear-gradient(180deg,#ffeeca14,#201b3724),radial-gradient(ellipse at center,transparent 50%,rgba(27,23,45,.22) 120%);-webkit-backdrop-filter:saturate(.88);backdrop-filter:saturate(.88)}#effects{z-index:2;display:block}#fallback-effects{z-index:2;pointer-events:none;overflow:hidden}#adult-ui{z-index:10;pointer-events:none}#adult-ui>*{pointer-events:auto}#parent-gate{z-index:7;pointer-events:none}.gate-corner{position:absolute;top:0;width:max(14vw,92px);height:max(14vw,92px);pointer-events:auto}.gate-corner--left{left:0}.gate-corner--right{right:0}.adult-screen{width:100%;height:100%;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.7),transparent 30%),linear-gradient(145deg,#f9eed9f7,#ded2e1f7);overflow:auto}.start-card{width:min(92vw,670px);text-align:center;padding:clamp(26px,5vw,52px);border:1px solid rgba(255,255,255,.72);border-radius:42px;background:#fffaf09e;box-shadow:0 28px 80px #362b4624;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-mark{position:relative;width:104px;height:94px;margin:0 auto 18px;border-radius:52% 48% 45% 55%;background:linear-gradient(145deg,var(--gold),var(--coral));box-shadow:24px 12px 0 -9px var(--teal),-24px 15px 0 -13px var(--lavender);animation:bob 4.8s ease-in-out infinite}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:34px;width:10px;height:13px;border-radius:50%;background:var(--ink)}.brand-mark:before{left:29px}.brand-mark:after{right:29px}.brand-smile{position:absolute;left:40px;top:52px;width:24px;height:12px;border:3px solid var(--ink);border-top:0;border-radius:0 0 18px 18px}h1{margin:0;font-size:clamp(2.4rem,7vw,4.7rem);letter-spacing:-.055em;line-height:.98}.tagline{margin:14px auto 0;max-width:500px;color:#5d546d;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.55}.privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0;color:#706779;font-size:.9rem}.privacy-dot{width:9px;height:9px;border-radius:50%;background:#65a98d;box-shadow:0 0 0 5px #65a98d21}.primary-button{min-width:min(100%,330px);min-height:76px;padding:18px 34px;border:0;border-radius:999px;color:#fff;background:#3c3456;box-shadow:0 12px 30px #372e523d;font-size:1.35rem;font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button:active{transform:scale(.97);box-shadow:0 6px 18px #372e5233}.text-button{margin-top:18px;padding:12px 18px;border:0;color:#5e556d;background:transparent;cursor:pointer;text-decoration:underline;text-decoration-color:#5e556d4d;text-underline-offset:4px}.settings-panel{margin:22px auto 0;padding:20px;max-width:460px;border-radius:24px;background:#ffffff85;text-align:left}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border-bottom:1px solid rgba(62,54,81,.1)}.setting-row:last-child{border-bottom:0}.setting-row select,.setting-row input[type=checkbox]{accent-color:#564c76}.setting-row select{padding:7px 30px 7px 10px;border:1px solid #cfc4d2;border-radius:12px;background:#fffaf2;color:var(--ink)}.loading-screen{color:#fff;background:#221d35b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loading-orb{width:76px;height:76px;margin:auto;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--teal));animation:pulse 2.4s ease-in-out infinite}.loading-screen p{font-size:1.2rem}.parent-overlay{background:#1c182cbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.parent-card{width:min(90vw,480px);padding:30px;border-radius:30px;background:var(--cream);text-align:center;box-shadow:0 24px 80px #0000004d}.parent-card h2{margin-top:0;font-size:1.7rem}.swipe-track{position:relative;height:66px;margin:22px 0;border-radius:999px;background:#ded3df;overflow:hidden;touch-action:none}.swipe-track span{display:grid;place-items:center;height:100%;color:#6d6478;font-weight:650}.swipe-knob{position:absolute;z-index:1;left:6px;top:6px;width:54px;height:54px;border-radius:50%;background:#51486d;box-shadow:0 4px 12px #0003;transform:translate(var(--swipe-x, 0px))}.adult-actions{display:grid;gap:10px}.adult-actions button{min-height:52px;border:0;border-radius:16px;background:#e4d9e4;color:var(--ink);font-weight:700}.adult-actions .end-button{color:#fff;background:#795062}.complete-screen{background:radial-gradient(circle at 70% 25%,#f8e8ae 0 5%,transparent 5.3%),radial-gradient(circle at 20% 45%,rgba(255,255,255,.42) 0 1px,transparent 2px),linear-gradient(165deg,#322f58f0,#1c1c36fa);color:#f9efd9}.complete-screen h2{font-size:clamp(2.3rem,7vw,4.5rem);margin:0 0 10px}.complete-screen p{color:#d9d0df;font-size:1.1rem}.complete-screen .parent-hint{margin-top:34px;font-size:.82rem;opacity:.6}.fallback-particle{position:absolute;border-radius:50%;pointer-events:none;animation:fallback-float 2.4s ease-out forwards}#debug-overlay{position:absolute;z-index:20;left:10px;bottom:10px;max-width:min(420px,90vw);padding:10px 12px;border-radius:10px;background:#14121ec7;color:#c9f2e7;font:12px/1.45 ui-monospace,monospace;white-space:pre-wrap;pointer-events:none}@keyframes bob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes pulse{50%{transform:scale(.82);opacity:.72}}@keyframes breathe{50%{filter:hue-rotate(8deg) saturate(.9)}}@keyframes fallback-float{0%{transform:translate(-50%,-50%) scale(.3);opacity:.8}to{transform:translate(-50%,-180px) scale(1.4);opacity:0}}@media(max-height:620px){.start-card{padding:22px 34px}.brand-mark{width:76px;height:68px;margin-bottom:10px}.brand-mark:before,.brand-mark:after{top:25px}.brand-mark:before{left:21px}.brand-mark:after{right:21px}.brand-smile{left:28px;top:39px}.tagline{margin-top:8px}.privacy-note{margin:12px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}