:root{color-scheme:light dark;font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--shadow-soft: 0 20px 45px rgba(0, 0, 0, .35);--transition-default: .22s ease;--font-size-base: clamp(15px, 1vw + 12px, 18px);--background: radial-gradient(circle at top left, rgba(64, 131, 255, .25), transparent 55%), radial-gradient(circle at bottom right, rgba(255, 255, 255, .1), transparent 60%), #08090f;--surface-primary: rgba(17, 19, 28, .92);--surface-secondary: rgba(255, 255, 255, .04);--text-primary: #f5f7ff;--text-secondary: rgba(245, 247, 255, .72);--accent: #7b5cff;--accent-strong: #9f7bff;--border: rgba(255, 255, 255, .14);--danger: #ff6b6b;--success: #4cd4a9}@media (prefers-color-scheme: light){:root{--background: radial-gradient(circle at top left, rgba(123, 92, 255, .18), transparent 55%), radial-gradient(circle at bottom right, rgba(66, 194, 255, .2), transparent 60%), #f5f7ff;--surface-primary: rgba(255, 255, 255, .88);--surface-secondary: rgba(123, 92, 255, .08);--text-primary: #0a0c1c;--text-secondary: rgba(12, 16, 37, .72);--accent: #5a3bf5;--accent-strong: #341fd6;--border: rgba(12, 16, 37, .12);--danger: #d6455f;--success: #1c9c6f}}*{box-sizing:border-box}a{color:inherit}a,button{font-family:inherit}body{margin:0;min-height:100vh;background:var(--background);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,60px);transition:background .6s ease}#root{width:min(960px,100%)}::selection{background:#7b5cff59;color:inherit}button{cursor:pointer}.app-layout{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vw,32px)}.app-logo--floating{margin:0 auto;text-align:center;animation:app-header-enter .42s ease forwards}.app-shell{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:clamp(32px,5vw,60px);display:grid;gap:clamp(32px,4vw,60px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-primary)}.app-shell--signed-in{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px);width:100%;max-width:960px;margin:0 auto}.app-hero{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(24px,3vw,40px)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header--signed-in{justify-content:space-between;animation:app-header-enter .42s ease forwards}.app-header__actions{display:flex;align-items:center;gap:12px}.app-header__actions--signed-in{gap:20px;width:100%}.app-header__sign-out{margin-left:auto}.app-authenticated__content{display:flex;justify-content:center;align-items:center;position:relative;animation:app-content-enter .42s ease 80ms forwards}.app-logo{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-secondary);box-shadow:inset 0 0 0 1px #ffffff05;color:inherit;text-decoration:none}.hero-copy h1{font-size:clamp(2rem,3vw + 1rem,2.8rem);margin:0}.hero-copy p{margin:0;font-size:1rem;color:var(--text-secondary)}.app-hero__status{align-self:flex-start;padding:10px 18px;border-radius:999px;background:#7b5cff29;border:1px solid rgba(123,92,255,.4);color:var(--accent-strong);font-weight:600}.app-panel{display:flex;align-items:center;justify-content:center}.app-panel__loading{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.app-shell{padding:20px}.app-header:not(.app-header--signed-in){flex-direction:column;align-items:flex-start;gap:12px}.app-header:not(.app-header--signed-in) .app-header__actions{align-self:flex-start}.app-authenticated__content{justify-content:center}}@keyframes app-header-enter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes app-content-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.app-header--signed-in,.app-authenticated__content{animation:none}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:1rem;transition:transform var(--transition-default),box-shadow var(--transition-default),background var(--transition-default),color var(--transition-default);cursor:pointer;text-decoration:none}.ui-button--full{width:100%}.ui-button--primary{border:none;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.ui-button--primary:disabled{opacity:.75;cursor:not-allowed}.ui-button--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 40px #7b5cff66}.ui-button--ghost{padding:10px 20px;border:1px solid var(--border);background:transparent;color:var(--text-primary)}.ui-button--ghost:hover{background:#ffffff1f}.ui-button--ghost:disabled{opacity:.7;cursor:not-allowed}.ui-icon-button{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffffeb;transition:transform var(--transition-default),box-shadow var(--transition-default);cursor:pointer}body.dark .ui-icon-button{background:#ffffffeb}.ui-icon-button:disabled{opacity:.7;cursor:not-allowed}.ui-icon-button:not(:disabled):hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 32px #7b5cff40}.ui-input-field{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:.95rem}.ui-input-field__label{font-weight:500}.ui-input-field__control{padding:14px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#08090f59;color:var(--text-primary);font-size:1rem;transition:border var(--transition-default),box-shadow var(--transition-default)}@media (prefers-color-scheme: light){.ui-input-field__control{background:#ffffffdb}}.ui-input-field__control:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7b5cff33;outline:none}.ui-input-field__error{color:var(--danger);font-size:.85rem}.ui-input-field__helper{color:var(--text-secondary);font-size:.85rem}.ui-card{background:linear-gradient(135deg,#ffffff0a,#7b5cff14);border-radius:var(--radius-md);padding:clamp(24px,3vw,32px);border:1px solid var(--border);display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ui-card--accent{background:linear-gradient(150deg,#7b5cff29,#ffffff0d)}.ui-spinner{border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:ui-spinner-spin .8s linear infinite;display:inline-block}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}.ui-textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:#08090f66;color:var(--text-primary);font-size:1rem;padding:16px;resize:vertical;min-height:140px;transition:border var(--transition-default),box-shadow var(--transition-default)}@media (prefers-color-scheme: light){.ui-textarea{background:#ffffffe0}}.ui-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7b5cff33;outline:none}@media (max-width: 600px){.ui-textarea{padding:12px}}.language-picker{position:relative;display:inline-flex}.language-picker__trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:border var(--transition-default),box-shadow var(--transition-default),transform var(--transition-default)}.language-picker__trigger svg{width:18px;height:18px}.language-picker__icon svg{fill:var(--text-secondary)}.language-picker__chevron svg{fill:none;stroke:var(--text-secondary);stroke-width:2}.language-picker__code{color:var(--text-primary);font-variant-numeric:tabular-nums}.language-picker__trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #7b5cff33}.language-picker__trigger:hover{transform:translateY(-1px);border-color:#ffffff47}.language-picker__dropdown{position:fixed;max-height:240px;padding:8px;margin:0;list-style:none;border-radius:var(--radius-lg);border:1px solid var(--border);background:#0b0d18eb;box-shadow:var(--shadow-soft);overflow-y:auto;display:grid;gap:4px;outline:none;z-index:1000}@media (prefers-color-scheme: light){.language-picker__dropdown{background:#fffffffa}}.language-picker__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:background var(--transition-default),color var(--transition-default)}.language-picker__option:focus{outline:none}.language-picker__option--active{background:#7b5cff24}.language-picker__option--selected{color:var(--accent-strong);font-weight:600}.language-picker__option-label{text-align:left}.language-picker__option-code{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}@media (max-width: 768px){.language-picker{width:auto}.language-picker__trigger{width:auto;justify-content:flex-start}}.auth-toggle{display:grid;grid-template-columns:repeat(2,1fr);background:#ffffff0a;border-radius:var(--radius-sm);padding:6px;border:1px solid var(--border);gap:6px}.auth-toggle__button{box-shadow:none;width:100%}.auth-toggle__button--active{box-shadow:inset 0 0 0 1px #7b5cff66}.auth-toggle__button:not(.auth-toggle__button--active){color:var(--text-secondary)}.auth-toggle__button:not(.auth-toggle__button--active):hover{color:var(--text-primary)}.auth-card{width:min(380px,100%)}.auth-form__google{display:flex;align-items:center;justify-content:center;gap:16px}.auth-form__divider{flex:1;height:1px;background:#ffffff1f;max-width:120px}.auth-form__google .ui-icon-button{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form__forgot{align-self:flex-end;border:none;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;font-size:.9rem}.auth-form__forgot:hover{text-decoration:underline}.auth-form__alert{padding:12px 14px;border-radius:var(--radius-pill);border:1px solid rgba(255,107,107,.6);background:#ff6b6b26;color:var(--danger);font-weight:600}.auth-form__switch{margin:0;text-align:center;font-size:.95rem;color:var(--text-secondary)}.auth-form__switch button{border:none;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.forgot-password-card{width:min(380px,100%);display:flex;flex-direction:column;gap:20px}.forgot-password__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.forgot-password__description{margin:0;color:var(--text-secondary);font-size:.95rem}.forgot-password__form{display:flex;flex-direction:column;gap:16px}.forgot-password__actions{display:flex;flex-direction:column;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.signed-in-card{width:100%;max-width:720px;gap:24px;margin:0 auto}.signed-in-card__form{display:flex;flex-direction:column;gap:12px}.signed-in-card__input{position:relative}.signed-in-card__textarea{min-height:200px;padding-right:88px;line-height:1.75;transition:box-shadow var(--transition-default),border-color var(--transition-default)}.signed-in-card__submit{position:absolute;bottom:16px;right:16px;width:56px;height:56px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 12px 25px #7b5cff59;transition:transform var(--transition-default),box-shadow var(--transition-default),background var(--transition-default)}.signed-in-card__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 30px #7b5cff73;background:var(--accent-strong)}.signed-in-card__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.signed-in-card__error{margin:0;font-size:.95rem;color:var(--danger);animation:fade-in var(--transition-default) ease}.signed-in-card__result{display:flex;flex-direction:column;gap:20px}.signed-in-card__result-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.signed-in-card__result-header h2{margin:0;font-size:1.35rem;width:100%;text-align:center}.signed-in-card__follow-up,.signed-in-card__follow-up-hint{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid rgba(123,92,255,.35);background:#7b5cff14;color:var(--text-primary)}.signed-in-card__follow-up h3{margin:0;font-size:1.05rem}.signed-in-card__follow-up p,.signed-in-card__follow-up-hint p{margin:0;line-height:1.6}.signed-in-card__follow-up-hint span{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.signed-in-card__result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.signed-in-card__new-text{display:flex;justify-content:center}.signed-in-card__new-text .ui-button{min-width:200px}@media (max-width: 600px){.signed-in-card.ui-card{padding:20px;gap:20px}.signed-in-card__textarea{padding-right:64px}.signed-in-card__follow-up,.signed-in-card__follow-up-hint{padding:10px 14px}.signed-in-card__submit{width:48px;height:48px;bottom:12px;right:12px}.signed-in-card__new-text .ui-button{min-width:160px}}.signed-in-card__submission{position:relative;padding:24px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0c0f1c73;transition:border var(--transition-default),box-shadow var(--transition-default);overflow:visible}@media (prefers-color-scheme: light){.signed-in-card__submission{background:#ffffffd1}}.signed-in-card__submission-text{margin:0;white-space:pre-wrap;font-size:1.05rem;line-height:1.85}.signed-in-card__submission--loading{pointer-events:none;opacity:.85}.signed-in-card__submission-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#08090f99;color:var(--text-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;animation:fade-in .18s ease}@media (prefers-color-scheme: light){.signed-in-card__submission-overlay{background:#f5f7ffb3;color:var(--text-primary)}}.signed-in-card__no-mistakes{margin:0;font-weight:600;color:var(--success)}.mistake-highlight{display:inline-flex;align-items:center;gap:6px;position:relative;padding:2px 6px;margin:0 2px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-default),transform var(--transition-default)}.mistake-highlight:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mistake-highlight--error{background:#d6455f26;box-shadow:inset 0 -2px #d6455fb3}.mistake-highlight--correction{background:#4cd4a929;box-shadow:inset 0 -2px #4cd4a9e6}.mistake-highlight--improvement{background:transparent;box-shadow:none;border-bottom:2px solid rgba(74,144,226,.6);color:var(--accent)}.mistake-highlight--improvement .mistake-highlight__icon{color:currentColor}.mistake-highlight--has-improvement{border-bottom:2px solid rgba(74,144,226,.55)}.mistake-highlight--has-improvement.mistake-highlight--error{box-shadow:inset 0 -2px #d6455fb3}.mistake-highlight--has-improvement.mistake-highlight--correction{box-shadow:inset 0 -2px #4cd4a9e6}.mistake-highlight__text{position:relative;z-index:1}.mistake-highlight__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.signed-in-card__info-icon{width:16px;height:16px;stroke:currentColor;fill:none;opacity:.75}.mistake-highlight__tooltip{position:absolute;left:0;bottom:calc(100% + 12px);min-width:220px;max-width:320px;padding:12px 16px;border-radius:var(--radius-sm);background:#0b0d18eb;color:var(--text-primary);border:1px solid var(--border);box-shadow:0 18px 40px #00000059;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--transition-default),transform var(--transition-default);z-index:12}.mistake-highlight:focus-visible .mistake-highlight__tooltip,.mistake-highlight:hover .mistake-highlight__tooltip{opacity:1;transform:translateY(0)}.mistake-highlight__tooltip:after{content:"";position:absolute;left:18px;bottom:-8px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-left:1px solid var(--border);border-bottom:1px solid var(--border)}@media (prefers-color-scheme: light){.mistake-highlight__tooltip{background:#fffffffa}}.mistake-highlight__tooltip-label{font-weight:600;display:block}.mistake-highlight__tooltip-description{display:block;margin-top:6px;font-size:.95rem}.mistake-highlight__tabs{display:inline-flex;gap:8px;margin-bottom:10px}.mistake-highlight__tab-button{background:transparent;border:1px solid transparent;color:inherit;font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-default),border-color var(--transition-default),color var(--transition-default)}.mistake-highlight__tab-button:hover,.mistake-highlight__tab-button:focus-visible{border-color:#ffffff40}.mistake-highlight__tab-button--active{background:#ffffff24;border-color:#ffffff40}.mistake-highlight__tooltip-example{display:flex;flex-direction:column;gap:4px;margin-top:10px}.mistake-highlight__tooltip-example-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.mistake-highlight__tooltip-example-value{padding:6px 10px;border-radius:var(--radius-sm);font-weight:600;background:#4cd4a926;color:var(--success)}.mistake-highlight__tooltip-example-value--wrong{background:#d6455f2e;color:var(--danger)}.mistake-highlight__tooltip-example-value--correct{background:#4cd4a92e;color:var(--success)}.mistake-highlight__tooltip-example-value--suggested{background:#4a90e233;color:var(--accent)}.mistake-highlight__tooltip-example-value--current{background:#ffffff14;color:var(--text-primary)}@media (prefers-color-scheme: light){.mistake-highlight--improvement{border-bottom-color:#316cb099;color:#316cb0e6}.mistake-highlight--has-improvement{border-bottom-color:#316cb099}.mistake-highlight__tab-button--active{background:#00000014;border-color:#00000026}.mistake-highlight__tooltip-example-value--suggested{background:#316cb026;color:#316cb0f2}.mistake-highlight__tooltip-example-value--current{background:#0000000d;color:var(--text-primary)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.verification-notice{width:100%;max-width:640px;gap:18px}.verification-notice__copy{display:flex;flex-direction:column;gap:8px}.verification-notice__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.verification-notice__description{margin:0;color:var(--text-secondary);font-size:.95rem}.verification-notice__actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.verification-notice__actions .ui-button{gap:10px}.verification-notice__error{margin:0;color:var(--danger-600);font-size:.9rem}