html,body,#root{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";margin:0;background:linear-gradient(135deg,#f8faff,#eef2ff);color:#111827;overflow:hidden}.container{max-width:900px;margin:0 auto}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.card{width:100%;max-width:960px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;padding:32px}.hero-card{text-align:center;padding:48px 32px}.title{font-size:28px;margin:0 0 8px}.subtitle{color:#6b7280;margin:0 0 24px}.hero-title{font-size:40px;margin:0 0 12px}.hero-subtitle{color:#6b7280;font-size:18px;line-height:1.7;margin:0 auto 24px;max-width:640px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#4f46e5;color:#fff;box-shadow:0 6px 16px #4f46e559}.btn-primary:hover{background:#4338ca}.btn-success{background:#10b981;color:#fff;box-shadow:0 6px 16px #10b98159}.btn-success:hover{background:#059669}.video{width:100%;max-height:480px;background:#000}.camera-stage{position:relative;overflow:hidden;border-radius:12px}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059}.countdown-text{font-size:72px;font-weight:800;color:#fff;opacity:.6;text-shadow:0 6px 24px rgba(0,0,0,.5)}.countdown-number{font-size:80px;font-weight:800;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.5)}.controls{margin-top:16px;display:flex;align-items:center;justify-content:center}.preview{max-width:300px;display:block;margin-top:8px}.result{margin-top:16px}.comparison-result{display:flex;gap:20px;margin:20px 0;justify-content:center}.comparison-item{flex:1;max-width:400px;text-align:center;padding:16px;background:#f9fafb;border-radius:8px}.comparison-item h3{margin:0 0 12px;color:#333}.comparison-item .preview{width:100%;height:300px;object-fit:contain;border-radius:4px;background:#fff}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:16px}.match-item{background:#f9fafb;padding:10px;border-radius:8px;text-align:center}.match-image{width:100%;height:200px;object-fit:contain;border-radius:4px}.match-score{margin:8px 0 0;font-size:14px;color:#666}.single-match{display:flex;align-items:center;gap:12px;margin-top:12px;justify-content:center}.match-item.single{max-width:300px;background:#f5f5f5;padding:12px;border-radius:8px}.loading-overlay{display:flex;align-items:center;gap:12px;background:#ffffffe6;padding:12px;border-radius:8px;margin-top:12px}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid #ccc;border-top-color:#333;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}