.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.mode-tab{padding:.55rem 1.5rem;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);font-family:var(--sans);font-size:.88rem;font-weight:500;color:var(--ink2);cursor:pointer;transition:all .15s}.mode-tab:hover{border-color:var(--accent);color:var(--ink)}.mode-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.camera-section{margin-bottom:1.5rem}.camera-wrapper{position:relative;width:100%;max-width:640px;border-radius:12px;overflow:hidden;background:#0a0a0a;aspect-ratio:4/3}#output-canvas{width:100%;height:100%;object-fit:cover;display:block}#input-video{display:none}.cam-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0ad9;color:#ffffffd9;font-size:.88rem;gap:1rem}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#output-canvas.is-recording{outline:4px solid #e03131;animation:pulse-border .8s ease-in-out infinite alternate}@keyframes pulse-border{to{outline-color:#ff6b6b}}.panel{margin-bottom:4rem}.info-box{padding:1rem 1.25rem;border-radius:10px;font-size:.9rem;color:var(--ink2);background:var(--bg2);border:1px solid var(--border);margin-bottom:1rem}.info-box.warn{background:#fff3cd;border-color:#ffd166;color:#856404}.info-box.hint{background:#ebf4ff;border-color:#bdd7f5;color:#2b5fa8}.result-card{display:flex;gap:1.75rem;align-items:flex-start;padding:1.75rem 2rem;background:var(--ink);border-radius:12px;color:#fff}.result-emoji{font-size:3.5rem;line-height:1;flex-shrink:0}.result-name{font-family:var(--display);font-size:2rem;font-weight:700;margin-bottom:.2rem}.result-meaning{font-size:.9rem;opacity:.75;margin-bottom:.75rem}.conf-track{height:5px;background:#fff3;border-radius:99px;margin-bottom:1rem;overflow:hidden}.conf-fill{height:100%;background:var(--accent2);border-radius:99px;transition:width .3s}.result-uses{font-size:.83rem;opacity:.85}.result-uses ul{margin:.35rem 0 0 1rem;padding:0;line-height:1.9}.train-top{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.field-group{display:flex;flex-direction:column;gap:.35rem}.field-group label{font-size:.78rem;font-weight:600;color:var(--ink2);letter-spacing:.05em;text-transform:uppercase}#mudra-select{padding:.55rem .85rem;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);font-family:var(--sans);font-size:.92rem;color:var(--ink);min-width:200px;cursor:pointer}.record-group{display:flex;align-items:center;gap:1rem}.record-btn{padding:.6rem 1.4rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.record-btn:hover{background:var(--accent3)}.record-btn.recording{background:#e03131}.record-btn.recording:hover{background:#c92a2a}.sample-count{font-size:.85rem;color:var(--ink3)}.train-summary-wrap{margin-top:1.5rem}.train-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.train-summary-head h3{font-family:var(--display);font-size:1.15rem;color:var(--ink);margin:0}.train-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-xs{padding:.35rem .8rem;border-radius:6px;border:1.5px solid var(--border);background:var(--bg);font-family:var(--sans);font-size:.75rem;color:var(--ink2);cursor:pointer;transition:all .12s}.btn-xs:hover{border-color:var(--ink3);color:var(--ink)}.btn-xs.danger{color:#c92a2a;border-color:#ffa8a8}.btn-xs.danger:hover{background:#fff0f0}.import-label{cursor:pointer}.import-label input{display:none}.empty-msg{color:var(--ink3);font-size:.88rem}.summary-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.summary-row{display:grid;grid-template-columns:180px 1fr 48px;align-items:center;gap:.75rem}.s-label{font-size:.82rem;color:var(--ink)}.s-bar-track{height:6px;background:var(--bg3);border-radius:99px;overflow:hidden}.s-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s}.s-count{font-size:.75rem;color:var(--ink3);text-align:right}.summary-total{font-size:.8rem;color:var(--ink3);margin-top:.5rem}@media (max-width: 640px){.result-card{flex-direction:column;gap:1rem}.result-emoji{font-size:2.5rem}.summary-row{grid-template-columns:140px 1fr 36px}.train-top{flex-direction:column;align-items:flex-start}}