._errorContainer_xa1y1_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl);text-align:center;background:var(--background-overlay);border-radius:var(--radius-md);border:var(--border-width) solid var(--input-border);margin:var(--spacing-xl)}._errorIcon_xa1y1_15{font-size:4rem;color:var(--error-color);margin-bottom:var(--spacing-lg)}._errorTitle_xa1y1_21{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}._errorMessage_xa1y1_28{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-xl);max-width:600px;line-height:1.6}._errorDetails_xa1y1_36{font-size:.875rem;color:var(--text-primary);opacity:.7;margin-bottom:var(--spacing-xl);font-family:monospace;max-width:800px;word-break:break-word}._buttonGroup_xa1y1_46{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}._button_xa1y1_46{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}._primaryButton_xa1y1_64{background-color:var(--cyrillic-color);color:var(--text-white)}._primaryButton_xa1y1_64:hover{background-color:var(--cyrillic-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}._secondaryButton_xa1y1_75{background-color:var(--latin-color);color:var(--text-white)}._secondaryButton_xa1y1_75:hover{background-color:var(--latin-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}._transliterateBox_1agmk_1{display:grid;grid-template-columns:auto auto;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-top:var(--spacing-offset)}:root{--text-primary: #f1faee;--text-white: white;--shadow-color: #131415;--background-main: #232741;--background-overlay: rgba(0, 0, 0, .05);--input-background: #fff;--input-border: #ccc;--border-transparent: transparent;--link-default: #e34234;--link-hover: #ba160c;--cyrillic-color: #e63946;--cyrillic-hover: #ea5a66;--latin-color: #457b9d;--latin-hover: #5a8fae;--error-color: #e34234;--glow-accent: #a8dadc;--font-family-1: "Open Sans", sans-serif;--font-family-2: "HCo Operator Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-none: 0;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 5px;--spacing-base: .5rem;--spacing-lg: 1rem;--spacing-xl: 2em;--spacing-2xl: 3em;--spacing-offset: 5vh;--radius-sm: 2px;--radius-md: 10px;--border-width: 1px;--textarea-min-height: 200px;--background-size-highlight: 500px}@keyframes glow{0%{box-shadow:0 0 5px -5px var(--glow-accent)}to{box-shadow:0 0 5px 5px var(--glow-accent)}}body{background:var(--background-main);margin:var(--spacing-none);font-family:var(--font-family-2)}#tsparticles{position:fixed;width:100%;height:100%;z-index:-999}.nav{margin:var(--spacing-none);padding:var(--spacing-none) var(--spacing-lg)}.nav .nav-item{list-style-type:none;display:inline-block}.nav .nav-item .nav-link{color:var(--text-primary);text-decoration:none;text-transform:uppercase}.nav .nav-item .nav-link:hover{color:var(--link-default)}.nav .nav-item:not(:first-of-type){margin-left:var(--spacing-lg)}.text{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);color:var(--text-primary);max-width:90%;padding:var(--spacing-xl) var(--spacing-2xl);background:var(--background-overlay);text-shadow:0px 0px var(--spacing-xs) var(--shadow-color);text-align:center}h1{position:absolute;top:-9999px;left:-9999px}a,a:visited{color:var(--link-default);transition:.25s}a:hover,a:focus{color:var(--link-hover)}.skip-link{position:absolute;top:-40px;left:0;background:var(--cyrillic-color);color:var(--text-white);padding:var(--spacing-base);text-decoration:none;z-index:100;border-radius:var(--radius-sm)}.skip-link:hover,.skip-link:focus,.skip-link:visited{color:var(--text-white)}.skip-link:focus{top:var(--spacing-base);left:var(--spacing-base);outline:2px solid var(--text-white);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.primary{background-color:var(--cyrillic-color);border-color:var(--cyrillic-color)}.secondary{background-color:var(--latin-color);border-color:var(--latin-color)}.transliterate-box label{display:inline-block;text-align:center;--rotate: -1deg;--scale: 1;transform:rotate(var(--rotate)) scale(var(--scale));padding:var(--spacing-xs);background:none;color:var(--text-primary)}.transliterate-box label .highlight{background-size:var(--background-size-highlight);padding:var(--spacing-md)}.transliterate-box textarea{border:var(--border-width) solid var(--input-border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;min-height:var(--textarea-min-height);max-width:100%;resize:none;width:100%;padding:var(--spacing-base);background:var(--input-background);font-size:large;vertical-align:top;outline-style:none;box-shadow:none;border-color:var(--border-transparent)}.transliterate-box textarea.active{animation:glow .8s infinite alternate}.transliterate-box textarea:focus-visible{outline:2px solid var(--glow-accent);outline-offset:-2px}.transliterate-box>.language-input::selection{color:var(--text-white);background:var(--cyrillic-color)}.transliterate-box>.language-input:first-of-type::selection{background:var(--latin-color)}.transliterate-box button{width:100%;margin:var(--spacing-none);padding:var(--spacing-none);border-width:var(--border-width);border-style:solid;color:var(--text-primary);font-family:var(--font-family-1);vertical-align:top;outline-style:none;box-shadow:none;border-color:var(--border-transparent)}.transliterate-box button:hover{cursor:pointer}.transliterate-box button:focus-visible{outline:2px solid var(--text-white);outline-offset:2px}.transliterate-box button.primary:hover{background:var(--cyrillic-hover);border-color:var(--cyrillic-hover)}.transliterate-box button.secondary:hover{background:var(--latin-hover);border-color:var(--latin-hover)}.transliterate-box button.copy-success{animation:successPulse .6s ease-in-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.transliterate-box button.copy-error{animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.transliterate-box .error-message{background-color:var(--error-color);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-sm);font-size:.875rem;text-align:center;margin-top:var(--spacing-xs)}.button-list button{cursor:pointer;color:var(--text-white);padding:var(--spacing-none) var(--spacing-sm);margin-right:var(--spacing-xs);border-width:var(--border-width);border-style:solid;border-radius:var(--radius-sm);vertical-align:middle;font-family:inherit;font-size:inherit;width:auto}.button-list button:hover{background:var(--cyrillic-hover);border-color:var(--cyrillic-hover)}.button-list button:focus-visible{outline:2px solid var(--text-white);outline-offset:2px}@media screen and (max-width: 768px){.text{width:100%}.text>img{width:60%;height:auto}.text>p{font-size:1.6rem}.transliterate-box{grid-template-columns:auto}}@media screen and (max-width: 600px){.text{width:100%}.text>img{width:80%;height:auto}.text>p{font-size:1.2rem}}