*,:before,:after{box-sizing:border-box}:root{--indigo:#4f46e5;--indigo-dark:#4338ca;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-800:#1f2937;--red-400:#f87171;--red-600:#dc2626;--green-500:#22c55e;--green-600:#16a34a;--tab-height:64px}html,body{background:var(--gray-50);-webkit-font-smoothing:antialiased;overscroll-behavior:none;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#root{height:100%}.app{background:#fff;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.main-content{flex:1;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.tab-bar{border-top:1px solid var(--gray-200);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));background:#fff;display:flex}.tab-btn{color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:8px 0;font-size:11px;font-weight:500;transition:color .15s;display:flex}.tab-btn.active{color:var(--indigo)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 20px;font-size:16px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-800)}.btn-secondary:active{background:var(--gray-200)}.btn-ghost{color:var(--gray-500);background:0 0}.btn-ghost:active{background:var(--gray-100)}.btn-danger{background:var(--red-600);color:#fff}.btn-danger:active{opacity:.85}.input{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-800);appearance:none;background:#fff;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--indigo)}.input::placeholder{color:var(--gray-400)}textarea.input{resize:vertical}.card{border:1.5px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:16px;padding:14px 16px;transition:border-color .15s}.card:active{border-color:var(--indigo)}.center-col{flex-direction:column;align-items:stretch;display:flex}.gap-4{gap:16px}.gap-6{gap:24px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.pt-6{padding-top:24px}.pt-12{padding-top:48px}.pb-24{padding-bottom:96px}.pt-2{padding-top:8px}.p-4{padding:16px}.p-2{padding:8px}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.min-w-0{min-width:0}.min-h-\[120px\]{min-height:120px}.max-h-72{max-height:288px}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.break-all{word-break:break-all}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:16px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.hidden{display:none}.text-2xl{font-size:24px;line-height:1.3}.text-xl{font-size:20px;line-height:1.3}.text-base{font-size:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-800{color:var(--gray-800)}.text-indigo-600{color:var(--indigo)}.text-red-500{color:#ef4444}.text-red-600{color:var(--red-600)}.text-green-600{color:var(--green-600)}.scan-overlay{pointer-events:none;background:linear-gradient(#0006 0%,#0000 30%),linear-gradient(#0000 70%,#0006 100%);position:absolute;inset:0}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=checkbox]{width:20px;height:20px;accent-color:var(--indigo)}hr.border-gray-200{border-color:var(--gray-200);margin:4px 0}.py-12{padding-top:48px;padding-bottom:48px}video{display:block}.h-full{height:100%}.bg-black{background:#000}.bg-white{background:#fff}.relative{position:relative}.w-5{width:20px}.h-5{height:20px}.settings-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);font-size:11px;font-weight:600}.radio-option{border:1.5px solid var(--gray-200);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.radio-option.selected{border-color:var(--indigo);background:#f5f3ff}.radio-dot{border:2px solid var(--gray-400);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .15s,box-shadow .15s}.radio-dot.selected{border-color:var(--indigo);box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 10px var(--indigo)}.url-display{border:1.5px solid var(--gray-200);background:var(--gray-50);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.copy-btn{background:var(--gray-100);min-width:34px;min-height:34px;color:var(--gray-600);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.copy-btn:active{background:var(--gray-200)}