:root{--bg:#0b0c10;--card:#12141a;--text:#f2f4f7;--muted:#9aa3af;--accent:#4f46e5;--accent-2:#7c3aed;--border:#1f2430}body{margin:0;background:linear-gradient(180deg,#0b0c10,#12141a);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial}.container{max-width:880px;margin:40px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000040}.card.success{border-color:#22c55e}h1{margin:0 0 8px;font-size:28px}.subtitle{color:var(--muted);margin:0 0 20px}h2{margin:18px 0 12px;font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 4px}.btn{appearance:none;border:1px solid var(--border);background:#171923;color:var(--text);padding:12px 14px;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#2b3242}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:transparent}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#1b1f2a}.link{background:none;border:none;color:var(--muted);padding:0;cursor:pointer}.link:hover{color:#cbd5e1}.nav{margin-top:10px}.summary{border:1px dashed var(--border);border-radius:12px;padding:14px;margin:8px 0 18px}.summary ul{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:6px}.muted{color:var(--muted)}.form{display:grid;gap:12px}.form__row{display:grid;gap:6px}input{background:#0f1117;border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text)}input:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:8px}.progress{position:relative;height:10px;background:#0f1117;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:10px 0 18px}.progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.progress__label{position:absolute;top:14px;right:8px;color:var(--muted);font-size:12px}.baby-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 100% -50%,rgba(248,168,184,.1),transparent 60%),radial-gradient(1000px 500px at 0% 120%,rgba(139,182,255,.12),transparent 55%),linear-gradient(180deg,#fbfdff,#f7fbff 55%,#fff)}.appbar-pro{backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:#ffffffbf!important;border-bottom:1px solid rgba(233,241,255,.8)}.brand-gradient{background:linear-gradient(90deg,#8bb6ff,#f8a8b8);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(90deg,#8bb6ff,#f8a8b8);box-shadow:0 0 0 3px #8bb6ff2e}.baby-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #e9f1ff;background:#fff;box-shadow:0 16px 50px #8bb6ff33,0 6px 14px #0000000a;transition:transform .25s ease,box-shadow .25s ease}.baby-card:hover{transform:translateY(-2px);box-shadow:0 22px 60px #8bb6ff3d,0 10px 18px #0000000d}.baby-product{width:100%;height:auto;display:block}.baby-badge{position:absolute;top:12px;left:12px;background:linear-gradient(90deg,#f8a8b8,#8bb6ff);color:#0f172a;font-weight:900;letter-spacing:.4px;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px #00000014}.baby-card:after,.baby-card:before{content:"";position:absolute;width:160px;height:160px;background:radial-gradient(circle at 30% 30%,rgba(248,168,184,.18),transparent 60%),radial-gradient(circle at 70% 70%,rgba(139,182,255,.18),transparent 60%);border-radius:50%;filter:blur(10px);z-index:0}.baby-card:after{bottom:-40px;right:-40px}.baby-card:before{top:-40px;left:-40px}.MuiInputBase-root,.MuiButton-root,.MuiTypography-root{letter-spacing:.2px}.MuiButton-contained{box-shadow:0 6px 18px #8bb6ff59}.MuiButton-contained:hover{box-shadow:0 8px 22px #8bb6ff73}.MuiDivider-root{border-color:#eef4ff}.carousel{position:relative;width:100%;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e9f1ff;box-shadow:0 16px 50px #8bb6ff33,0 6px 14px #0000000a}.carousel-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.carousel-slide{min-width:100%;-webkit-user-select:none;user-select:none}.carousel-slide img{width:100%;height:420px;object-fit:cover;display:block}@media (min-width: 900px){.carousel-slide img{height:520px}}.carousel-arrow{position:absolute!important;top:50%;transform:translateY(-50%);z-index:2;background:#ffffffeb!important;box-shadow:0 6px 16px #0000001a}.carousel-arrow:hover{background:#fff!important}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:2}.carousel-dots .dot{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:#0f172a40;cursor:pointer;transition:transform .15s ease,background .15s ease}.carousel-dots .dot.active{background:linear-gradient(90deg,#f8a8b8,#8bb6ff);transform:scale(1.15)}.container{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.title{font-size:20px;font-weight:800;line-height:1}.subtitle{font-size:18px;font-weight:800;margin:0 0 8px}.grid-2{display:grid;grid-template-columns:1fr;gap:24px;margin-top:18px}@media (min-width: 960px){.grid-2{grid-template-columns:1fr 1fr}}.card{padding:18px;position:relative;z-index:1}.text-body{color:#0f172a}.text-muted{color:#475569}.text-strong{color:#0f172a;font-weight:700}.text-hint{color:#64748b;font-size:13px;margin-top:8px}.divider{border:0;border-top:1px solid #eef4ff;margin:16px 0}.viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;border:1px solid #e9f1ff;background:#f7fbff}.viewport-video,.viewport-canvas,.viewport-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.flip-x{transform:scaleX(-1)}.viewport-canvas{opacity:0;transition:opacity .2s ease}.viewport-canvas.show{opacity:1}.viewport-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9}.overlay-text{color:#0f172a;font-weight:700;text-align:center;padding:12px 16px}.btn{appearance:none;border:1px solid #e9f1ff;background:#fff;color:#0f172a;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:box-shadow .2s ease,transform .08s ease,background .2s ease}.btn:hover{background:#f9fbff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 6px 18px #0f172a40}.btn-primary:hover{background:#172036}.btn-outline{background:#fff;color:#0f172a;border-color:#cfe1ff}.actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:center;margin-top:12px}.frame-picker{display:grid;grid-template-columns:1fr 1fr;gap:24px}.frame-thumb{background:#fff;border:1px solid #e9f1ff;border-radius:16px;overflow:hidden;padding:8px;cursor:pointer}.thumb-land{width:220px;height:124px;background:#f7fbff}.thumb-port{width:124px;height:220px;margin:0 auto;background:#f7fbff}.frame-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-label{text-align:center;font-size:12px;font-weight:700;color:#334155;background:#fff;padding:6px 8px}.frame-thumb.active-blue{outline:4px solid rgba(139,182,255,.45)}.frame-thumb.active-pink{outline:4px solid rgba(248,168,184,.45)}.status{margin-top:10px;font-size:12px;color:#64748b}.baby-card,.baby-card *{color:inherit}:root{--baby-text:#0f172a;--baby-muted:#334155}.baby-dark,.baby-dark *:not(.brand-gradient){color:var(--baby-text)!important;text-shadow:none!important;opacity:1!important}.text-muted{color:var(--baby-muted)!important}.text-strong{color:var(--baby-text)!important;font-weight:700}.baby-card h1,.baby-card h2,.baby-card h3,.baby-card p,.baby-card li,.baby-card button,.overlay-text{color:var(--baby-text)!important}:root{--bg: #fffdf9;--panel: #ffffff;--text: #3a3a3a;--muted: #6e6e6e;--brand-1: #a9d6ff;--brand-2: #ffd6e8;--brand-3: #ffcba3;--brand-4: #d8f6e0;--border: rgba(20,20,20,.08);--shadow: 0 10px 30px rgba(28, 40, 68, .08);--radius-xl: 22px;--radius-lg: 18px;--focus: 0 0 0 4px rgba(169,214,255,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 500px at 15% -10%,rgba(255,214,232,.45),transparent 60%),radial-gradient(1000px 600px at 110% 0%,rgba(169,214,255,.45),transparent 60%),linear-gradient(180deg,#fffdf9,#fff9f3);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;position:relative;isolation:isolate}.bg-decor{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(420px 220px at 85% 10%,rgba(216,246,224,.45),transparent 60%),radial-gradient(520px 260px at 5% 95%,rgba(255,203,163,.35),transparent 60%);-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,black 60%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,black 60%,transparent 100%)}.container{max-width:680px;margin:0 auto;padding:0 16px}.appbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-bottom:1px solid var(--border)}.appbar-inner{display:flex;gap:10px;align-items:center;height:62px}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));box-shadow:0 0 0 6px #a9d6ff40}.title{font-size:20px;font-weight:800;letter-spacing:.2px;margin:0}.brand-gradient{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.single-col{margin:18px 0 32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow)}.lead{color:var(--text);opacity:.9;margin:6px 0 14px;line-height:1.45}.viewport{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#f7f9ff;border:1px solid var(--border);aspect-ratio:16 / 9;box-shadow:var(--shadow)}.viewport-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#fff;opacity:0;transition:opacity .25s ease}.viewport-media.show{opacity:1}.viewport-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-align:center;padding:12px;background:radial-gradient(180px 120px at 20% 20%,rgba(169,214,255,.35),transparent 60%),radial-gradient(160px 100px at 80% 70%,rgba(255,214,232,.35),transparent 60%)}.placeholder-text{font-weight:700;opacity:.9}.viewport-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#00000040,#0000001f);padding:12px;text-align:center}.overlay-text{color:#ffd2d2;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}.btn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);padding:12px 16px;border-radius:16px;font-weight:800;cursor:pointer;letter-spacing:.2px;transition:transform .06s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn-lg{font-size:16px}.btn-primary{background:linear-gradient(90deg,#a9d6ffa6,#ffd6e8a6);border-color:#a9d6ffe6}.btn-primary:hover{background:linear-gradient(90deg,#a9d6ffcc,#ffd6e8cc)}.btn-outline{border-color:#00000014;background:#ffffffb3}.btn-outline:hover{background:#fffffff2}.btn-ghost{border-color:#0000000f;background:transparent;color:var(--muted)}.btn-ghost:hover{background:#00000008}.strong{font-weight:800;margin:12px 0 8px}.list{margin:8px 0 0;padding-left:18px;color:var(--muted)}.list li{margin:6px 0}.hint{color:var(--muted);font-size:13px;margin-top:8px}.small{font-size:13px}.perm-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000059;padding:16px}.perm-card{width:min(520px,92vw)}.perm-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0 4px}.qr-img{width:200px;height:200px;border-radius:16px;border:1px solid var(--border);background:#fff;object-fit:contain}.steps{margin:12px 0 0;padding-left:18px;color:var(--muted)}.steps li{margin:6px 0}.intro-card{width:min(640px,94vw);border-radius:24px;padding:18px;background:radial-gradient(800px 400px at 100% 0%,rgba(169,214,255,.35),transparent 60%),radial-gradient(800px 400px at 0% 100%,rgba(255,214,232,.35),transparent 60%),var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.intro-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.intro-media{margin-top:10px;display:flex;flex-direction:column;align-items:center}.intro-img{width:100%;height:auto;border-radius:18px;border:1px solid var(--border);box-shadow:0 14px 40px #a9d6ff59;background:#fff}.intro-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.skip-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}button:disabled{opacity:.6;cursor:not-allowed}img{max-width:100%;display:block}