.tr-card{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1rem;padding:clamp(1.5rem,4vw,2.25rem);border:1px solid var(--color-rule);border-radius:var(--radius-xl);background:linear-gradient(170deg,var(--color-turquoise-50),var(--color-parchment) 60%)}.tr-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;padding:.35rem;border-radius:999px;background-color:var(--color-rule-soft)}.tr-mode{display:flex;flex-direction:column;align-items:center;padding:.55rem .75rem;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:600;color:var(--color-ink-soft);min-width:0;line-height:1.3;text-align:center;cursor:pointer}.tr-mode.is-active{background-color:#fff;color:var(--color-ink);box-shadow:var(--shadow-sm)}.tr-mode-langs{font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;color:var(--color-turquoise-deep)}.tr-mic{position:relative;display:grid;place-items:center;width:6rem;height:6rem;margin-top:.5rem;border:0;border-radius:50%;background-color:var(--color-turquoise-deep);color:#fff;cursor:pointer;box-shadow:var(--shadow-md)}.tr-mic:disabled{opacity:.6;cursor:progress}.tr-mic.is-recording{background-color:var(--color-terracotta)}.tr-mic-ring{position:absolute;inset:-8px;border-radius:50%;border:3px solid currentColor;opacity:0}.tr-mic.is-recording .tr-mic-ring{border-color:var(--color-terracotta);animation:tr-pulse 1.4s ease-out infinite}@keyframes tr-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}.tr-mic.is-recording.has-level .tr-mic-ring{animation:none;transition:transform 90ms linear,opacity 90ms linear}@media(prefers-reduced-motion:reduce){.tr-mic.is-recording .tr-mic-ring{animation:none;opacity:.6}.tr-mic.is-recording.has-level .tr-mic-ring{transform:none!important;transition:opacity 90ms linear}}.tr-status{font-weight:600;color:var(--color-ink-soft)}.tr-form{width:100%}.tr-form-label{display:block;margin-bottom:.35rem;font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.tr-form-row{display:flex;gap:.5rem}.tr-input{flex:1;min-width:0;min-height:2.9rem;padding:.6rem .9rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background-color:#fff;font:inherit;color:var(--color-ink)}.tr-input:focus-visible{outline:2px solid var(--color-turquoise-deep);outline-offset:1px}.tr-go{padding:0 1.1rem;border:0;border-radius:var(--radius-sm);background-color:var(--color-lazurite);font:inherit;font-weight:600;color:#fff;cursor:pointer}.tr-go:disabled{opacity:.5;cursor:default}.tr-error{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);background-color:var(--color-terracotta-50);font-size:var(--text-sm);color:var(--color-terracotta-deep)}.tr-result{width:100%;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-sm)}.tr-heard{font-size:var(--text-sm);color:var(--color-ink-muted)}.tr-heard span,.tr-cyrillic span{font-weight:700}.tr-translation{margin-top:.4rem;font-family:var(--font-display);font-size:clamp(1.4rem,4.5vw,1.9rem);line-height:1.3;color:var(--color-ink)}.tr-cyrillic{margin-top:.4rem;color:var(--color-ink-soft)}.tr-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.tr-action{padding:.45rem .9rem;border:1px solid var(--color-rule);border-radius:999px;background-color:var(--color-parchment);font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--color-ink-soft);cursor:pointer}.tr-action-primary{border-color:transparent;background-color:var(--color-turquoise-deep);color:#fff}.tr-history{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:.4rem}.tr-history-item{display:grid;gap:.1rem;width:100%;padding:.6rem .85rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background-color:var(--color-parchment);font:inherit;text-align:start;cursor:pointer}.tr-history-heard{font-size:var(--text-xs);color:var(--color-ink-muted)}.tr-history-translation{color:var(--color-ink)}.tr-privacy{font-size:var(--text-xs);line-height:1.5;text-align:center;color:var(--color-ink-faint)}.tr-big{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;background-color:var(--color-parchment);text-align:center}.tr-big-text{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,4.5rem);line-height:1.15;color:var(--color-ink);overflow-wrap:anywhere}.tr-big-cyrillic{font-size:clamp(1.3rem,5vw,2.2rem);color:var(--color-ink-soft)}.tr-big-close{margin-top:1rem;padding:.75rem 1.5rem;border:0;border-radius:999px;background-color:var(--color-lazurite);font:inherit;font-weight:600;color:#fff;cursor:pointer}.tr-note{margin-top:.75rem;font-size:var(--text-xs);line-height:1.5;color:var(--color-ink-muted)}.tr-offline{width:100%;display:grid;gap:.6rem}.tr-offline-note{padding:.75rem 1rem;border-radius:var(--radius-sm);background-color:var(--color-sand);font-size:var(--text-sm);line-height:1.5;color:var(--color-ink-soft)}.tr-offline-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.tr-offline-item{display:grid;gap:.15rem;width:100%;padding:.8rem 1rem;border:1px solid var(--color-rule);border-radius:var(--radius-md);background-color:#fff;font:inherit;text-align:start;cursor:pointer}.tr-offline-item:hover{border-color:var(--color-turquoise-deep)}.tr-offline-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink)}.tr-offline-cyr{font-size:var(--text-sm);color:var(--color-ink-muted)}.tr-offline-source{font-size:var(--text-sm);color:var(--color-ink-soft)}.tr-offline-show{margin-top:.2rem;font-size:var(--text-xs);font-weight:700;color:var(--color-turquoise-deep)}.tr-fix{margin-inline-start:.5rem;padding:0;border:0;background:none;font:inherit;font-size:var(--text-xs);font-weight:700;color:var(--color-turquoise-deep);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.tr-live{width:100%;min-height:1.6em;font-size:var(--text-lg);line-height:1.5;text-align:center;color:var(--color-ink-soft)}