*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fdf6e3;color:#2b2b2b;min-height:100vh;display:flex;justify-content:center}#app{width:100%;max-width:480px;padding:16px}header{text-align:center;margin-bottom:16px}header h1{font-size:1.6rem;color:#c8102e}.subtitle{color:#777;font-size:.95rem}#video-wrap{position:relative;border-radius:12px;overflow:hidden;background:#000}#video{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}#frame-guide{position:absolute;top:12%;right:8%;bottom:12%;left:8%;border:3px dashed rgba(255,215,0,.85);border-radius:10px;pointer-events:none;transition:border-color .3s}#frame-guide.good{border-color:#2e9e44e6}.controls{display:flex;gap:10px;margin-top:12px}.controls[hidden]{display:none}button.primary,label.secondary,button.secondary{flex:1;padding:14px;border-radius:10px;border:none;font-size:1rem;font-weight:600;text-align:center;cursor:pointer}button.primary{background:#c8102e;color:#fff}button.primary:disabled{background:#aaa;cursor:not-allowed}label.secondary,button.secondary{background:#fff;border:2px solid #c8102e;color:#c8102e}button.secondary:disabled{border-color:#aaa;color:#aaa;cursor:not-allowed}.hint{text-align:center;color:#888;margin-top:10px;font-size:.9rem}.error{margin-top:12px;padding:12px 14px;border-radius:10px;text-align:center;background:#fdecea;border:1px solid #c8102e;color:#c8102e;font-size:.9rem}#verdict-card{text-align:center;padding:28px 20px;border-radius:14px;margin-bottom:14px;background:#fff;box-shadow:0 2px 12px #00000014;border-top:8px solid #999}#verdict-card.verified{border-top-color:#2e9e44}#verdict-card.inconclusive{border-top-color:#e8a013}#verdict-card.suspicious{border-top-color:#c8102e}#verdict-icon{font-size:3rem}#verdict-title{margin:8px 0 6px}#verdict-text{color:#666;font-size:.95rem}#confidence-bar{height:10px;background:#eee;border-radius:5px;margin-top:16px;overflow:hidden}#confidence-fill{height:100%;background:linear-gradient(90deg,#c8102e,#e8a013,#2e9e44)}#confidence-label{margin-top:6px;font-size:.85rem;color:#888}#tip-box{padding:12px 14px;border-radius:10px;margin-bottom:14px;background:#fff8e1;border:1px solid #e8a013;color:#8a6d1a;font-size:.9rem}#tip-box p+p{margin-top:6px}#layer-details{background:#fff;border-radius:10px;padding:12px;margin-bottom:14px}#layer-details summary{cursor:pointer;font-weight:600}#layer-table{width:100%;margin-top:10px;border-collapse:collapse;font-size:.9rem}#layer-table td,#layer-table th{padding:6px 4px;border-bottom:1px solid #f0f0f0;text-align:left}.muted{color:#aaa}#capture-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}#capture-preview[hidden]{display:none}#busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#busy[hidden]{display:none}#result-photo{display:block;width:100%;max-height:40vh;object-fit:contain;background:#000;border-radius:14px;margin-bottom:14px;box-shadow:0 2px 12px #00000014}#result-photo[hidden]{display:none}.spinner{width:44px;height:44px;border:5px solid #eee;border-top-color:#c8102e;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}