.grammar-app{align-self:stretch;display:flex;flex:1;flex-direction:column;gap:1rem;width:min(100%,56rem);min-height:calc(100vh - 5rem);margin:0 auto;padding:.75rem 1rem 1rem;color:var(--text-color);font-family:inherit;font-size:inherit;line-height:1.2}.grammar-app button{color:inherit;font:inherit;cursor:pointer}.grammar-header,.grammar-card-header,.grammar-modal-header{display:flex;align-items:center;justify-content:space-between}.grammar-header{gap:1rem;min-height:3rem;justify-content:center}.grammar-options-button,.grammar-copy-button,.grammar-close-button,.grammar-accept-button{display:inline-flex;align-items:center;justify-content:center}.grammar-options-button{color:var(--text-color)}.grammar-options-icon{width:1.25rem;height:1.25rem}.grammar-main{display:flex;flex:1;flex-direction:column;gap:1rem;min-height:24rem}.grammar-mode-switch{position:relative;display:flex;flex:1;width:min(100%,25rem);margin:0;padding:.25rem;border:2px solid var(--border-color);border-radius:var(--border-corners);background:var(--bg-card);box-shadow:3px 4px 0 var(--shadow-color)}.grammar-mode-button{position:relative;z-index:1;flex:1;padding:.6rem .75rem;border:0;border-radius:var(--border-corners);background:transparent;color:var(--text-muted);font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.25,.8,.25,1),background-color .3s ease,color .3s ease}.grammar-mode-button:not(.is-active):hover{background:var(--bg-card-hover);color:var(--text-color);transform:translateY(2px) translate(1px)}.grammar-mode-button.is-active{color:#fff;font-weight:700}.grammar-slider-pill{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(50% - .25rem);border-radius:var(--border-corners);background:var(--purple-primary);box-shadow:2px 3px 0 var(--shadow-color);transition:transform .3s ease}.grammar-card{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;border:2px solid var(--border-color);border-radius:var(--border-corners);background:var(--bg-card);box-shadow:3px 4px 0 var(--shadow-color);transition:background-color .3s ease,border-color .3s ease}.grammar-card.is-improved{border-color:var(--purple-primary);background:color-mix(in srgb,var(--purple-primary) 10%,var(--bg-card))}.grammar-card-header{gap:1rem;min-height:3.25rem;padding:.65rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-card-hover)}.grammar-card-header h2{color:var(--text-color);font-size:1rem;font-weight:600}.grammar-card.is-improved .grammar-card-header{background:color-mix(in srgb,var(--purple-primary) 12%,var(--bg-card))}.grammar-copy-button{padding:.4rem .75rem;color:var(--purple-primary);font-size:.85rem;font-weight:600;box-shadow:2px 3px 0 var(--shadow-color)}.grammar-copy-button svg{width:1rem;height:1rem}.grammar-copy-button.is-copied{border-color:var(--green-base);background:color-mix(in srgb,var(--green-base) 20%,var(--bg-card));color:var(--text-color)}.grammar-card textarea{flex:1;width:100%;min-height:0;padding:1.25rem;resize:none;border:0;outline:none;background:transparent;color:var(--text-color);font:inherit;font-size:1.05rem;line-height:1.65}.grammar-card textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--purple-primary)}.grammar-modal:not([hidden]){position:fixed;z-index:1100;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--black-base) 55%,transparent);backdrop-filter:blur(4px)}.grammar-modal-dialog{display:flex;flex-direction:column;width:min(100%,24rem);max-height:90vh;overflow:hidden;border:2px solid var(--border-color);border-radius:var(--border-corners);background:var(--bg-card);box-shadow:3px 4px 0 var(--shadow-color)}.grammar-modal-header,.grammar-modal-footer{padding:1rem 1.25rem;background:var(--bg-card-hover)}.grammar-modal-header{border-bottom:1px solid var(--border-color)}.grammar-modal-header h2{font-size:1.2rem}.grammar-close-button{width:2.25rem;height:2.25rem;border-color:transparent;background:transparent;color:var(--text-muted)}.grammar-close-button:hover{background:var(--bg-card-hover)}.grammar-close-button svg{width:1.2rem;height:1.2rem}.grammar-options-list{display:grid;gap:.5rem;overflow-y:auto;padding:1rem 1.25rem}.grammar-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--border-corners);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.grammar-option:hover{border-color:var(--purple-primary);background:var(--bg-card-hover)}.grammar-option-label{font-weight:600}.grammar-switch{position:relative;display:inline-flex;flex:0 0 auto;align-items:center}.grammar-checkbox{width:2.75rem;height:1.5rem;margin:0;appearance:none;border-radius:999px;background:var(--border-color);cursor:pointer;transition:background-color .2s ease}.grammar-checkbox:checked{background:var(--purple-primary)}.grammar-checkbox:focus-visible{outline:3px solid var(--purple-primary);outline-offset:2px}.grammar-switch-knob{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px var(--shadow-color);pointer-events:none;transition:transform .2s ease}.grammar-checkbox:checked+.grammar-switch-knob{transform:translate(1.25rem)}.grammar-modal-footer{border-top:1px solid var(--border-color)}.grammar-accept-button{width:100%;padding:.7rem 1rem}@media(max-width:600px){.grammar-app{min-height:calc(100vh - 4rem);padding:.5rem .75rem .75rem}.grammar-main{min-height:22rem}.grammar-options-button{padding:.45rem .6rem}.grammar-options-button span{display:none}.grammar-mode-switch{box-shadow:2px 3px 0 var(--shadow-color)}.grammar-mode-button{padding:.5rem .35rem;font-size:.9rem}.grammar-card textarea{padding:1rem;font-size:1rem}}