body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font-size:16px;min-height:44px;touch-action:manipulation}@media (hover:none){button:hover{background:inherit}}*{-webkit-overflow-scrolling:touch}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2f855ab3;outline-offset:2px}button,label{-webkit-user-select:none;user-select:none}html{touch-action:manipulation}.home-bg{align-items:center;background-image:url(/static/media/bg-learning.eaa2e91462de9302aab4.png);background-position:0;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:flex-start;min-height:100vh;padding:40px;position:relative}.overlay{background:linear-gradient(#00000040,#00000040);inset:0;position:absolute}.home-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f7e4;border:1px solid #0a011866;border-radius:22px;box-shadow:0 18px 40px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:420px;padding:20px;position:relative;width:100%;z-index:1}h1{color:#1f7a4d;font-weight:1000;margin-bottom:6px}.subtitle,h1{text-align:center}.subtitle{color:#390c0c;font-size:14px;line-height:1;margin-bottom:3px}.form-content{flex:1 1;overflow-y:auto;padding-right:6px}label{color:#011008;display:block;font-size:13px;margin-top:10px}select{background:#fffffff2;border:none;border-radius:12px;font-size:14px;margin-top:4px;outline:none;padding:10px 12px;width:100%}.primary-btn{background:#2d6a4f;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;margin-top:16px;padding:12px}.primary-btn:hover{background:#1b4332}@media (max-width:480px){.home-card{border-radius:18px;padding:18px}h1{font-size:22px}}.practice-page{background:#f7fafc;margin:40px;padding:20px}.back-btn{background:#e2e8f0;border-radius:10px;font-size:14px}.back-btn:hover{background:#cbd5e1}.child-info{color:#333;margin-bottom:20px}.section-grid{grid-gap:16px;gap:16px}.practice-page{background:linear-gradient(180deg,#f0fdf4,#f8fafc 60%,#fff);min-height:100vh;padding:24px}.practice-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.back-btn{background:#e95e07;border:none;border-radius:12px;color:#e2e8f0;cursor:pointer;font-size:19px;font-weight:700;padding:8px 14px}.back-btn:hover{background:#ebd6cc}h2{color:#03120b;margin:0}.child-info{color:#334155;margin:14px 0 22px}.section-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}.practice-card{background:#f5ede1f4;border-radius:18px;box-shadow:0 12px 28px #afa1a114;cursor:pointer;padding:22px;transition:transform .2s ease,box-shadow .2s ease}.practice-card:hover{box-shadow:0 18px 36px #0000001f;transform:translateY(-4px)}.practice-card h3{color:#020c08;margin-bottom:8px}.practice-card p{color:#332424;line-height:1.4}@media (min-width:900px){.section-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-page:#eef4f1;--card-bg:#f8fbfa;--card-border:#dde7e3;--text-main:#0f172a;--text-muted:#64748b;--primary:#1e40af;--success:#166534;--danger:#991b1b;--warning:#92400e;--info:#075985;--purple:#5b21b6;--gray-btn:#374151;--radius-lg:16px;--radius-md:10px}*{box-sizing:border-box}body{background:#eef4f1;background:var(--bg-page);color:#0f172a;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.confident-root{margin:32px auto;max-width:980px;padding:0 16px 60px}.cs-card{background:#f8fbfa;background:var(--card-bg);border:1px solid #dde7e3;border:1px solid var(--card-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #0000000d;margin-bottom:24px;padding:24px}.cs-header{margin-bottom:18px;text-align:center}.cs-title{color:#14532d;font-size:22px;font-weight:700}.cs-sub{color:#64748b;color:var(--text-muted);font-size:14px}.cs-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.chip{background:#e5edff;border:1px solid #c7d2fe;border-radius:999px;color:#1e3a8a;cursor:pointer;font-size:14px;padding:8px 14px}.chip:hover{background:#dbeafe}.chip-active{background:#1e40af;background:var(--primary);border-color:#1e40af;border-color:var(--primary);color:#fff}.cs-row{display:flex;gap:12px;margin-bottom:16px}.cs-input,.cs-select,.cs-textarea{border:1px solid #cbd5e1;border-radius:10px;border-radius:var(--radius-md);font-size:14px;padding:10px 12px;width:100%}.cs-textarea{resize:vertical}button{all:unset;align-items:center;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;line-height:1;padding:10px 16px}button:disabled{cursor:not-allowed;opacity:.6}.btn+.btn{margin-left:10px}.btn-primary{background:#1e40af;background:var(--primary);color:#fff}.btn-next{background:#166534;background:var(--success);color:#fff}.btn-muted{background:#e5e7eb;color:#111827}.btn-record{background:#166534;background:var(--success);color:#fff}.btn-stop{background:#991b1b;background:var(--danger);color:#fff}.btn-play{background:#075985;background:var(--info);color:#fff}.btn-transcribe{background:#5b21b6;background:var(--purple);color:#fff}.btn-download{background:#047857;color:#fff}.btn-danger{background:#991b1b;background:var(--danger);color:#fff}.btn-translate{background:#0f766e;color:#fff}.btn-pause{background:#92400e;background:var(--warning);color:#fff}.btn-resume{background:#15803d;color:#fff}.mini-recorder{background:#edf5f2;border:1px dashed #9fbfb4;border-radius:10px;border-radius:var(--radius-md);padding:16px}.mini-controls{gap:14px}.mini-controls,.rec-indicator{align-items:center;display:flex}.rec-indicator{gap:6px}.dot{border-radius:50%;height:10px;width:10px}.dot-on{background:#166534;background:var(--success)}.dot-off{background:#9ca3af}.takes{display:flex;flex-direction:column;gap:14px}.take{background:#f1f5f9;border:1px solid #dbe3ea;border-radius:10px;border-radius:var(--radius-md);padding:14px}.take-actions{display:flex;flex-wrap:wrap;gap:10px}.cs-center{margin-bottom:14px;text-align:center}.cs-bigscore{font-size:34px;font-weight:700}.cs-bar{background:#d1d5db;border-radius:999px;height:10px;margin:14px 0 20px;overflow:hidden}.cs-barfill{background:#166534;background:var(--success);height:100%}.cs-grid3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metric{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius-md);padding:14px;text-align:center}.mname{color:#065f46;font-size:13px}.mval{font-size:18px;font-weight:700}.cs-box{background:#045882;border:1px solid #dbe3ea;border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.label{font-weight:600;margin-bottom:8px}.cs-hint{color:#64748b;color:var(--text-muted);font-size:13px}@media (max-width:640px){.cs-row{flex-direction:column}.cs-grid3{grid-template-columns:1fr}}.confident-root .btn,.confident-root button{background-image:none!important;border:none!important;box-shadow:none!important}.confident-root .btn-next,.confident-root .btn-primary{background-color:#166534!important;color:#fff!important}.confident-root .btn-muted,.confident-root .btn-reset{background-color:#991b1b!important;color:#fff!important}.confident-root .btn-clear,.confident-root button:contains("Clear"){background-color:#374151!important;color:#fff!important}.confident-root .btn-transcribe{background-color:#5b21b6!important;color:#fff!important}.confident-root .btn-translate{background-color:#0f766e!important;color:#fff!important}.confident-root .btn-play{background-color:#075985!important;color:#fff!important}.confident-root .btn-download{background-color:#047857!important;color:#fff!important}.confident-root .btn-danger{background-color:#991b1b!important;color:#fff!important}.confident-root .btn-record{background-color:#14532d!important;color:#fff!important}.confident-root .btn-stop{background-color:#7f1d1d!important;color:#fff!important}.confident-root button:disabled{opacity:.6!important}.confident-root .cs-actions,.confident-root .take-actions{gap:12px!important}.confident-root .example-controls,.confident-root .mini-recorder,.confident-root .take,.confident-root .takes,.confident-root section{background-color:#f8fbfa!important;border-radius:16px!important}.confident-root .cs-box,.confident-root .metric{background-color:#f1f5f9!important}.confident-root textarea{background-color:#fff!important}.translator-container{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0 auto;max-width:980px;padding:0 16px;text-align:left}.translator-container .translator-title{font-size:20px;margin:0 0 12px}.translator-container .translator-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#0b2d16;font-size:15px;max-height:260px;min-height:120px;outline:none;overflow-y:auto;padding:12px;resize:vertical;white-space:pre-wrap;width:100%;word-break:break-word}.translator-container .image-overlay{align-items:center;background:#fffffffa;border-radius:8px;bottom:12px;box-shadow:0 6px 18px #0000000f;display:inline-flex;gap:8px;left:12px;padding:6px;position:absolute;z-index:20}.translator-container .image-overlay img{border-radius:6px;height:66px;object-fit:cover;width:90px}.translator-container .image-overlay .tiny-btn{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;padding:6px 8px}.translator-container .image-overlay .tiny-btn.open{background:linear-gradient(90deg,#fb923c,#f97316);color:#fff}.translator-container .image-overlay .tiny-btn.close{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.translator-container .controls-row{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.translator-container .controls-left,.translator-container .translator-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.translator-container .translator-btn{align-items:center;background:#e5e7eb;border:none;border-radius:10px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;min-height:30px!important;padding:8px 14px;transition:transform .14s ease,box-shadow .14s ease}.translator-container .translator-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.translator-container .translator-btn:active{transform:scale(.97)}.translator-container .translator-btn.choose{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff}.translator-container .translator-btn.camera{background:linear-gradient(90deg,#f97316,#fb923c);color:#fff}.translator-container .translator-btn.analyze{background:linear-gradient(90deg,#0d9488,#14b8a6);color:#fff}.translator-container .translator-btn.primary{background:linear-gradient(90deg,#09722f,#22c55e);color:#fff}.translator-container .translator-btn.explain{background:linear-gradient(90deg,#6b46c1,#8b5cf6);color:#fff}.translator-container .translator-btn.danger{background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff}.translator-container .translator-btn.play{background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff}.translator-container .translator-btn.pause{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#fff}.translator-container .translator-btn.stop{background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff}.translator-container .translator-btn.capture,.translator-container .translator-btn.download{background:linear-gradient(90deg,#4c6ef5,#6366f1);color:#fff}.translator-container .translator-btn.flip{background:linear-gradient(90deg,#0891b2,#06b6d4);color:#fff}.translator-container .translator-btn.modal-close{background:linear-gradient(90deg,#374151,#111827);color:#fff}.translator-container .translator-btn[disabled]{box-shadow:none;cursor:not-allowed;opacity:.6}.translator-container .translator-label{color:#0b2d16;font-weight:600;margin-right:4px;white-space:nowrap}.translator-container .translator-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;height:36px;min-width:10px!important;padding:6px 10px}.translator-container .translator-output{background:#fbfff9;border:1px solid #0e682f14;border-radius:10px;margin-top:14px;padding:12px}.translator-container .translator-controls{flex-wrap:wrap;gap:10px}.translator-container .camera-modal{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.translator-container .camera-inner{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0009;max-width:920px;padding:12px;width:100%}.translator-container .camera-video{background:#000;border-radius:8px;height:60vh;object-fit:cover;width:100%}.translator-container .camera-controls{display:flex;gap:8px;justify-content:space-between;margin-top:8px}@media (max-width:600px){.translator-container .controls-row{align-items:flex-start;flex-direction:column}.translator-container .camera-video{height:46vh}.translator-container .translator-select{min-width:120px}}.translator-output .translator-btn{border-radius:8px;font-size:13px;margin-right:8px;margin-top:6px;padding:6px 12px}.translator-container .translator-controls{align-items:center;display:flex;flex-wrap:nowrap!important;gap:8px}.translator-container .translator-btn.explain,.translator-container .translator-btn.primary{font-size:14px;height:34px;padding:6px 14px}@media (max-width:640px){.translator-container .translator-controls{flex-wrap:wrap}.translator-container .translator-select{max-width:100%}}
/*# sourceMappingURL=main.2e0ab270.css.map*/