.collect{--brand:#4f46e5;--ink:#1e293b;--muted:#64748b;--bg:#f8fafc;--card:#fff}.collect h1,.collect h2,.collect h3{letter-spacing:normal;font-family:inherit;font-weight:700}.collect{background:var(--bg);color:var(--ink);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.collect .wrap{max-width:480px;margin:0 auto;padding:16px 16px 40px}.collect header.brand{text-align:center;padding:14px 0 6px}.collect header.brand .logo{color:var(--brand);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.collect header.brand .logo-img{width:auto;max-width:200px;max-height:44px;margin:0 auto;display:block}.collect .card{background:var(--card);border-radius:16px;margin-top:10px;padding:22px 18px;box-shadow:0 1px 4px #0f172a14}.collect h1{margin-bottom:10px;font-size:1.35rem;line-height:1.3}.collect h2{margin-bottom:10px;font-size:1.1rem}.collect p{color:var(--muted);font-size:.95rem;line-height:1.5}.collect p.lead{color:var(--ink);font-size:1rem}.collect .btn{cursor:pointer;text-align:center;border:0;border-radius:12px;width:100%;padding:15px 16px;font-size:1.02rem;font-weight:600;display:block}.collect .btn-primary{background:var(--brand);color:#fff}.collect .btn-primary:disabled{opacity:.4;cursor:default}.collect .btn-ghost{color:var(--muted);background:0 0;margin-top:8px;font-weight:500}.collect .btn-outline{color:var(--brand);border:2px solid var(--brand);background:#fff}.collect .step{display:none}.collect .step.active{display:block}.collect .badge{background:color-mix(in srgb, var(--brand) 12%, white);color:var(--brand);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.collect label.check{cursor:pointer;color:var(--ink);align-items:flex-start;gap:10px;margin:14px 0;font-size:.92rem;line-height:1.45;display:flex}.collect label.check input{width:22px;height:22px;accent-color:var(--brand);flex:0 0 22px;margin-top:1px}.collect .consent-text{background:var(--bg);color:var(--muted);border-radius:10px;margin-bottom:6px;padding:12px;font-size:.85rem;line-height:1.5}.collect .formats{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.collect .fmt{text-align:center;cursor:pointer;color:var(--ink);aspect-ratio:1.15;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 10px;font-size:.92rem;font-weight:700;display:flex}.collect .fmt:active,.collect .fmt:hover{border-color:var(--brand);color:var(--brand)}.collect .fmt svg{width:34px;height:34px;stroke:var(--brand)}.collect .vm-note{color:var(--muted);margin:2px 0 16px;font-size:.9rem;line-height:1.5}.collect .vmodes{flex-direction:column;gap:12px;display:flex}.collect .vmode{text-align:left;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;width:100%;padding:16px 18px;font-family:inherit;display:grid}.collect .vmode:hover,.collect .vmode:active{border-color:var(--brand)}.collect .vm-ico{grid-row:1/span 2;font-size:34px;line-height:1}.collect .vm-main{color:var(--ink);font-size:1.05rem;font-weight:700}.collect .vm-what{color:var(--muted);font-size:.9rem}.collect .sig{border-top:1px solid #eef2f7;align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}.collect .sig img{object-fit:cover;border-radius:50%;flex:0 0 64px;width:64px;height:64px;display:block}.collect .sig p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.collect .sig b{color:var(--ink);margin-top:3px;font-size:.88rem;display:block}.collect .trust{background:var(--card);border-radius:16px;flex-direction:column;gap:12px;margin-top:12px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #0f172a14}.collect #video-mode-choice .trust{box-shadow:none;background:var(--bg);margin-top:18px;padding:14px}.collect .trust-row{align-items:center;gap:12px;display:flex}.collect .trust-ico{text-align:center;flex:0 0 26px;font-size:22px;line-height:1}.collect .trust-row b{color:var(--ink);font-size:.92rem;display:block}.collect .trust-row i{color:var(--muted);font-size:.82rem;font-style:normal;line-height:1.4;display:block}.collect .questions{background:color-mix(in srgb, var(--brand) 7%, white);border-left:3px solid var(--brand);border-radius:8px;margin:12px 0;padding:10px 12px}.collect .questions li{color:var(--ink);margin-left:18px;font-size:.9rem;line-height:1.6}.collect .camwrap{aspect-ratio:3/4;background:#000;border-radius:14px;margin:12px 0;position:relative;overflow:hidden}.collect .camwrap video{object-fit:cover;width:100%;height:100%;display:block}.collect .camwrap .overlay-q{color:#fff;background:linear-gradient(#000000a6,#0000);padding:10px;font-size:.8rem;line-height:1.5;position:absolute;top:0;left:0;right:0}.collect .camwrap .overlay-q li{margin-left:16px}.collect .camwrap .timer{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:999px;padding:4px 10px;font-size:.9rem;position:absolute;bottom:10px;right:10px}.collect .camwrap .timer.done{background:#16a34ad9}.collect .camwrap .recdot{color:#fff;letter-spacing:.06em;background:#ef4444f2;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:none;position:absolute;bottom:16px;left:10px}.collect .camwrap .recdot:before{content:"";background:#fff;border-radius:50%;width:9px;height:9px;animation:1s infinite blink}.collect .camwrap .cam-hint{text-align:center;color:#fff;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-weight:600;display:none;position:absolute;inset:0}.collect .camwrap .cam-hint span{opacity:.85;font-size:.85rem;font-weight:400}.collect .camwrap .recbar{background:#ffffff47;height:6px;display:none;position:absolute;bottom:0;left:0;right:0}.collect .camwrap .recbar i{background:#ef4444;width:0;height:100%;transition:width .95s linear;display:block}.collect .camwrap .recbar.over i{background-image:linear-gradient(115deg,#16a34a 25%,#4ade80 25% 50%,#16a34a 50% 75%,#4ade80 75%);background-size:26px 100%;width:100%;transition:none;animation:.9s linear infinite recstripe}@keyframes recstripe{to{background-position:26px 0}}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.collect .camwrap .recdot:before,.collect .camwrap .recbar.over i,.collect .sending .bar,.collect .sending .dots:after{animation:none}.collect .camwrap .recbar i{transition:none}}.collect .camrow{gap:10px;display:flex}.collect .camrow .btn{flex:1}.collect .iconbtn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:0 0 52px;font-size:1.3rem}.collect canvas.wave{background:#0f172a;border-radius:12px;width:100%;height:90px;margin:12px 0;display:block}.collect textarea,.collect input[type=text],.collect input[type=email]{width:100%;color:var(--ink);background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:13px;font-family:inherit;font-size:1rem}.collect textarea:focus,.collect input:focus{border-color:var(--brand);outline:none}.collect textarea{resize:vertical;min-height:170px;line-height:1.5}.collect .counter{color:var(--muted);text-align:right;margin:6px 0 12px;font-size:.8rem}.collect .counter.ok{color:#16a34a}.collect .thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.collect .thumbs .th{aspect-ratio:1;background:#e2e8f0;border-radius:10px;position:relative;overflow:hidden}.collect .thumbs img{object-fit:cover;width:100%;height:100%}.collect .thumbs .rm{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:24px;height:24px;line-height:1;position:absolute;top:4px;right:4px}.collect .field{margin-bottom:14px}.collect .field label{margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.collect .error{color:#b91c1c;background:#fef2f2;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.88rem}.collect .fotky{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.collect .fotka{width:92px;height:92px;position:relative}.collect .fotka img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.collect .fotka.spatna img{outline-offset:-2px;outline:2px solid #b91c1c}.collect .fotka>button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;width:24px;height:24px;font-size:15px;line-height:1;position:absolute;top:-6px;right:-6px}.collect .fotka .stav{color:#fff;background:#0f172abf;border-radius:999px;padding:1px 7px;font-size:12px;position:absolute;bottom:6px;left:6px}.collect .fotka .stav.hotovo{background:#15803d}.collect .progress{background:#e2e8f0;border-radius:999px;height:10px;margin:14px 0;display:none;overflow:hidden}.collect .progress>div{background:var(--brand);width:0%;height:100%;transition:width .2s}.collect .stage{color:var(--muted);background:#f1f5f9;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 12px;font-size:.85rem;display:none}.collect .stage.on{display:flex}.collect .stage.done{color:#047857;background:#ecfdf5}.collect .stage.err{color:#b91c1c;background:#fef2f2}.collect .stage-txt{flex:1;min-width:150px}.collect .stage-drop{color:#b91c1c;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:.85rem;font-weight:600;text-decoration:underline}.collect .sending{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:16px 0;padding:16px;display:none}.collect .sending.on{display:block}.collect .sending .head{margin-bottom:4px;font-size:1.05rem;font-weight:700}.collect .sending .dots:after{content:"";animation:1.4s steps(4,end) infinite senddots}@keyframes senddots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.collect .sending .track{background:#e2e8f0;border-radius:999px;height:14px;margin:12px 0 8px;overflow:hidden}.collect .sending .bar{background:var(--brand);border-radius:999px;width:0;height:100%;transition:width .3s;position:relative;overflow:hidden}.collect .sending .bar:after{content:"";background-image:linear-gradient(115deg,#ffffff59 25%,#0000 25% 50%,#ffffff59 50% 75%,#0000 75%);background-size:22px 100%;animation:.8s linear infinite recstripe;position:absolute;inset:0}.collect .sending .pct{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.collect .sending .note{color:var(--muted);margin-top:6px;font-size:.85rem;line-height:1.5}.collect .coupon{border:2px dashed var(--brand);text-align:center;border-radius:14px;margin:16px 0;padding:18px}.collect .coupon .code{letter-spacing:.06em;color:var(--brand);font-family:ui-monospace,Menlo,monospace;font-size:1.5rem;font-weight:800}.collect .small{color:var(--muted);font-size:.8rem}.collect .mt{margin-top:14px}.collect audio,.collect video.playback{border-radius:12px;width:100%;margin:12px 0}.collect .stars{align-items:center;gap:2px;display:flex}.collect .stars .star{cursor:pointer;color:#d8dde5;background:0 0;border:0;padding:2px 3px;font-size:2rem;line-height:1;transition:color .12s}.collect .stars .star.on{color:#f59e0b}.collect .stars .star:focus-visible{outline:2px solid var(--brand);border-radius:6px}.collect .stars .star-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:8px;font-size:.78rem;text-decoration:underline}.collect .demo-hotovo{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:18px}.collect .demo-hotovo h2{margin:0 0 10px;font-size:1.05rem;font-weight:700}.collect .demo-karta{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.collect .demo-prehravac{aspect-ratio:9/16;border:0;border-radius:12px;width:100%;max-height:420px;display:block}.collect .demo-fotka{border-radius:12px;width:100%;margin-bottom:8px;display:block}.collect .demo-text{margin:0 0 8px;line-height:1.5}.collect .demo-podpis{color:var(--muted);margin:8px 0 0;font-size:.85rem}.collect .demo-vysvetleni{color:var(--muted);margin:12px 0 0;font-size:.88rem;line-height:1.5}.collect .demo-tlacitka{gap:10px;margin-top:16px;display:grid}