.tt-input{display:flex;flex-direction:column;gap:12px}.tt-clock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tt-clock span{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border:1px solid #e7e3ee;border-radius:12px;background:#fff;font-size:12px;color:#6b6577}.tt-clock strong{font-size:20px;line-height:1.2;color:#231f2e;font-variant-numeric:tabular-nums}.tt-passage{max-height:210px;overflow-y:auto;padding:14px 16px;border:1px solid #e7e3ee;border-radius:14px;background:#fcfbfe;font-size:19px;line-height:1.75;color:#8a8496;white-space:pre-wrap;overflow-wrap:anywhere;user-select:none}.tt-passage[lang=hi]{font-size:20px;line-height:1.9}.tt-passage .tt-ok{color:#1f7a54}.tt-passage .tt-bad{color:#fff;background:#d6455d;border-radius:3px}.tt-passage .tt-next{color:#231f2e;background:#efe4fb;border-bottom:2px solid #9b3f97}.tt-box{width:100%;min-height:110px;padding:12px 14px;border:1.5px solid #d9cdea;border-radius:14px;background:#fff;font-size:18px;font-weight:500;line-height:1.6;color:#231f2e;resize:vertical;box-sizing:border-box}.tt-box:focus{outline:2px solid #b44aa6;outline-offset:1px}.tt-hint{margin:0;font-size:12.5px;line-height:1.5;color:#6b6577}.tt-result{display:flex;flex-direction:column;gap:14px}.tt-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0}.tt-metrics div{padding:10px 12px;border:1px solid #e7e3ee;border-radius:12px;background:#fff}.tt-metrics dt{font-size:11.5px;color:#6b6577}.tt-metrics dd{margin:2px 0 0;font-size:22px;font-weight:700;color:#231f2e;font-variant-numeric:tabular-nums}.tt-metrics small{font-size:12px;font-weight:500;color:#6b6577}.tt-verdict{margin:0;padding:10px 12px;border-left:3px solid #e0a030;border-radius:8px;background:#fffaf0;font-size:13px;line-height:1.5;color:#6b5a3a}.tt-verdict.is-pass{border-left-color:#1f9d6b;background:#f1fbf6;color:#2f5f4a}.tt-history ol,.tt-mistakes ul{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;font-size:13.5px}.tt-mistakes ul{flex-flow:row wrap;gap:6px 14px}.tt-mistakes del{color:#b4233c}.tt-mistakes ins{color:#1f7a54;text-decoration:none}.tt-history strong,.tt-mistakes strong{display:inline-flex;align-items:center;gap:6px;font-size:13px}.tt-history li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #f0ecf5}.tt-history li span{color:#6b6577}@media (max-width:760px){.tt-passage{font-size:17px;max-height:170px}.tt-box{font-size:16px}}html body .dev-studio textarea.tt-box{font-family:inherit;font-size:18px;line-height:1.6;letter-spacing:normal}@media (max-width:760px){html body .dev-studio textarea.tt-box{font-size:16px}}.hp-output{min-height:140px;padding:14px 16px;border:1px solid #e7e3ee;border-radius:14px;background:#fff;font-size:20px;line-height:1.8;color:#231f2e;white-space:pre-wrap;overflow-wrap:anywhere}.hp-output.is-kruti{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;line-height:1.6}.hp-chart summary{cursor:pointer;font-size:13px;font-weight:700;color:#7a3f86}.hp-chart ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;margin:10px 0;padding:0;list-style:none}.hp-chart li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;border:1px solid #ece6f3;border-radius:8px;background:#fff;font-size:13px}.hp-chart kbd{font:600 12px/1 ui-monospace,Menlo,monospace;color:#6b6577}.hp-chart li span{font-size:17px}html body .dev-studio .tt-input.dv-form{display:flex;flex-direction:column;gap:12px}html body .dev-studio .dv-form textarea.tt-box.tt-box{font-family:inherit!important;font-size:18px;line-height:1.6;letter-spacing:normal}@media (max-width:760px){html body .dev-studio .dv-form textarea.tt-box.tt-box{font-size:16px}}