*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#133f6d;--primary-hover:#0e2f52;--accent:#ca2227;--success:#16a34a;--danger:#dc2626;--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,.btn{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:none;min-height:52px;padding:14px 28px;font-size:1.1rem;font-weight:600;transition:background .2s,transform .1s}button:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;background:#94a3b8}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}input[type=text],input[type=password],textarea{border:2px solid var(--border);border-radius:var(--radius);width:100%;padding:14px 16px;font-family:inherit;font-size:1.1rem;transition:border-color .2s}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:var(--primary);outline:none}textarea{resize:vertical;min-height:100px}.card{background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:0 1px 3px #0000001a}.page{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}.page-title{text-align:center;color:var(--text);margin-bottom:24px;font-size:1.8rem;font-weight:700}.page-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:1.1rem}.matchboard{color:#fff;background:linear-gradient(135deg,#0e2f52 0%,#133f6d 50%,#1a5490 100%);flex-direction:column;min-height:100vh;padding:32px;display:flex}.matchboard-header{justify-content:center;align-items:center;gap:20px;margin-bottom:40px;display:flex}.matchboard-title{text-align:center;font-size:2.5rem;font-weight:800}.matchboard-counter{white-space:nowrap;background:#ffffff26;border-radius:0;padding:6px 16px;font-size:1.1rem;font-weight:600}.matchboard-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-content:start;gap:24px;max-width:1400px;margin:0 auto;animation:.6s ease-out pageFadeIn;display:grid}.matchboard-pagination{justify-content:center;gap:8px;margin-top:32px;padding-bottom:16px;display:flex}.pagination-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:12px;height:12px;min-height:12px;padding:0;transition:background .3s,transform .2s}.pagination-dot.active{background:#fff;transform:scale(1.3)}.pagination-dot:hover{background:#fff9}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:0;align-items:center;gap:16px;padding:24px;transition:box-shadow .3s,border-color .3s;animation:.5s ease-in fadeIn;display:flex}.match-card-new{border-color:#facc15;animation:2s ease-in-out infinite newMatchPulse,.5s ease-in fadeIn;box-shadow:0 0 20px #facc1559}@keyframes newMatchPulse{0%,to{box-shadow:0 0 20px #facc1559}50%{box-shadow:0 0 35px #facc158c}}.match-card .person{text-align:center;flex:1}.match-card .person img{object-fit:cover;border:3px solid #ffffff4d;border-radius:50%;width:80px;height:80px;margin-bottom:8px}.match-card .person .name{font-size:1.1rem;font-weight:600}.match-card .heart{flex-shrink:0;font-size:2rem}.match-card .explanation{color:#fffc;text-align:center;margin-top:12px;font-size:.95rem;font-style:italic}.camera-container{width:100%;max-width:400px;margin:0 auto;position:relative}.camera-container video,.camera-container canvas{border-radius:var(--radius);width:100%}.camera-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.options-grid{flex-direction:column;gap:10px;margin-top:8px;display:flex}.option-btn{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;padding:14px 20px;font-size:1.1rem;transition:all .2s}.option-btn.selected{border-color:var(--primary);color:var(--primary);background:#eff6ff}.option-btn:hover{border-color:var(--primary)}.hd24-logo{width:auto;height:60px;margin:0 auto 16px;display:block}.hd24-logo-small{width:auto;height:36px}.matchboard-logo{flex-shrink:0;width:auto;height:48px}.admin-logo{width:auto;height:40px}.loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.match-result{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.match-result img:not(.hd24-logo-small){object-fit:cover;border:4px solid var(--primary);border-radius:50%;width:200px;height:200px}.match-result .match-name{font-size:2rem;font-weight:700}.match-result .match-explanation{color:var(--text-muted);max-width:400px;font-size:1.2rem;font-style:italic}.admin-page{max-width:900px;margin:0 auto;padding:24px 16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--radius);text-align:center;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-card .stat-value{color:var(--primary);font-size:2rem;font-weight:700}.stat-card .stat-label{color:var(--text-muted);margin-top:4px;font-size:.9rem}.guest-table{border-collapse:collapse;background:var(--card-bg);border-radius:var(--radius);width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.guest-table th,.guest-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.guest-table th{color:var(--text-muted);background:#f1f5f9;font-size:.9rem;font-weight:600}.status-badge{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.matched{color:#166534;background:#dcfce7}.status-badge.in-progress{color:#92400e;background:#fef3c7}.status-badge.registered{color:#3730a3;background:#e0e7ff}.avatar-placeholder{color:#fff;background:#94a3b8;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:2rem;font-weight:700;display:flex}.question-group{margin-bottom:24px}.question-group label{margin-bottom:10px;font-size:1.15rem;font-weight:600;display:block}.error-message{color:var(--danger);text-align:center;border-radius:var(--radius);background:#fef2f2;margin:12px 0;padding:12px}.admin-alert{color:#92400e;border-radius:var(--radius);background:#fef3c7;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:14px 20px;font-weight:600;display:flex}.stat-card-warn{border:2px solid #d97706}.stat-card-error{border:2px solid #dc2626}.status-badge.error-badge{color:#dc2626;background:#fef2f2}.status-badge.warn-badge{color:#92400e;background:#fef3c7}.match-card-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.match-card-clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:linear-gradient(135deg,#0e2f52 0%,#133f6d 100%);border-radius:0;width:100%;max-width:900px;max-height:90vh;padding:32px;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff40}.detail-header{text-align:center;margin-bottom:28px}.detail-title{margin-bottom:12px;font-size:1.8rem;font-weight:700}.detail-explanation{color:#fffc;margin-bottom:12px;font-size:1.15rem;font-style:italic}.detail-fallback-badge{color:#fff;background:#d97706;border-radius:999px;margin-bottom:8px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.detail-time{color:#fff6;font-size:.85rem}.detail-guests-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=640px){.detail-guests-grid{grid-template-columns:1fr}}.detail-guest{background:#ffffff12;border-radius:0;padding:20px}.detail-guest-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.detail-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:56px;height:56px}.detail-guest-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:2px;font-size:.75rem}.detail-guest-name{font-size:1.2rem;font-weight:700}.detail-answers{flex-direction:column;gap:12px;display:flex}.detail-answer{border-left:3px solid #fff3;padding-left:12px}.detail-question{color:#ffffff80;margin-bottom:2px;font-size:.8rem}.detail-answer-text{color:#ffffffe6;font-size:.95rem}