:root{--indigo-background:#55007f;--purple-boxes:#6c1fa0;--fuchsia-stripe:#af0a5f;--deep-plum-buttons:#3b0a45;--aqua-text:#0ff;--white-text:#fff;--minimum-font-size:22px}*{box-sizing:border-box}body{background:var(--indigo-background);color:var(--white-text);font-family:Lucida Sans Unicode,Roboto,sans-serif;font-size:var(--minimum-font-size);margin:0;line-height:1.5}.title-stripe{background:var(--fuchsia-stripe);padding:16px}.title-stripe h1{text-align:center;margin:0;font-size:28px;font-weight:600}.page-content{flex-direction:column;gap:8px;max-width:480px;margin:0 auto;padding:16px;display:flex}.field-label{margin-top:8px;font-weight:600}.language-dropdown,.verb-input{width:100%;font:inherit;color:var(--aqua-text);background:var(--purple-boxes);border:2px solid #0000;border-radius:10px;padding:12px}.language-dropdown option,.language-dropdown optgroup{background:var(--purple-boxes);font-size:var(--minimum-font-size)}.language-dropdown:focus,.verb-input:focus{border-color:var(--fuchsia-stripe);outline:none}.verb-input{resize:vertical}.verb-input::placeholder{color:var(--aqua-text);opacity:1}.button-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.explain-button,.speak-button,.pro-tips-button{font:inherit;background:var(--deep-plum-buttons);color:var(--aqua-text);cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-weight:600}.pro-tips-button{flex-basis:100%}.answer-box{background:var(--purple-boxes);color:var(--aqua-text);border-left:6px solid var(--fuchsia-stripe);white-space:pre-wrap;min-height:120px;margin-top:16px;padding:14px 16px}.logo-footer{justify-content:center;margin-top:40px;padding-bottom:32px;display:flex}.troyski-logo{color:#af0a5f;width:45vw;max-width:220px;height:auto;display:block}