@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-background: #FAFAF7;--color-primary: #7C8F7A;--color-secondary: #E6ECE8;--color-text-primary: #1F1F1F;--color-text-secondary: #6B6B6B;--color-border: #E0E0E0;--color-error: #D32F2F;--color-error-bg: rgba(211, 47, 47, .1);--color-error-border: rgba(211, 47, 47, .2);--color-warning: #fbbf24;--color-toggle-handle: #FFFFFF;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-glass: rgba(255, 255, 255, .05);--color-glass-hover: rgba(255, 255, 255, .1)}[data-theme=dark]{--color-background: #1A1A1A;--color-primary: #7C8F7A;--color-secondary: #2A2A2A;--color-text-primary: #FAFAF7;--color-text-secondary: #B0B0B0;--color-border: #3A3A3A;--color-error: #ef5350;--color-error-bg: rgba(211, 47, 47, .15);--color-error-border: rgba(211, 47, 47, .3);--color-warning: #fbbf24;--color-toggle-handle: #FFFFFF;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-glass: rgba(255, 255, 255, .05);--color-glass-hover: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .2s ease,color .2s ease;font-size:clamp(14px,1vw,16px)}#root{min-height:100vh}button,textarea{font-family:inherit}@keyframes slide-horizontal{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.examples-track{animation:slide-horizontal 77s linear infinite;animation-play-state:paused;cursor:grab}.examples-track.animate-scroll{animation-play-state:running}.examples-track.paused{animation-play-state:paused!important;cursor:grabbing}.tone-section-scroll::-webkit-scrollbar{height:8px}.tone-section-scroll::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:8px;margin:0 12px}.tone-section-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-primary) 0%,rgba(124,143,122,.9) 100%);border-radius:8px;border:2px solid var(--color-secondary);transition:all .2s ease}.tone-section-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(124,143,122,.9) 0%,var(--color-primary) 100%);border:2px solid var(--color-primary)}.tone-section-scroll{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grammar-diff-text{color:var(--color-text-primary)}.grammar-diff-text .tact-wrong{background-color:#f4433640!important;color:#f44336!important;padding:2px 4px;border-radius:4px;text-decoration:line-through;font-weight:600;display:inline}.grammar-diff-text .tact-correct{background-color:#4caf5040!important;color:#4caf50!important;padding:2px 4px;border-radius:4px;font-weight:600;display:inline}[data-theme=dark] .grammar-diff-text{color:var(--color-text-primary)}[data-theme=dark] .grammar-diff-text .tact-wrong{background-color:#f4433666!important;color:#ff6b6b!important}[data-theme=dark] .grammar-diff-text .tact-correct{background-color:#4caf5066!important;color:#81c784!important}.grammar-diff-correct .tact-correct{background-color:#ffffff4d!important;color:#2e7d32!important;font-weight:700}[data-theme=dark] .grammar-diff-correct .tact-correct{background-color:#ffffff40!important;color:#a5d6a7!important}@media (min-width: 1600px){body{font-size:16px}}