@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";.app{min-height:100vh;background:radial-gradient(circle at top left,#1a6d6d1f,#eef1f700 45%),radial-gradient(circle at 80% 20%,#ffc57a29,#eef1f700 50%),linear-gradient(135deg,#eef1f7,#e0e6f1 65%,#f3f5fb);color:var(--ink);position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:-20% 10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(26,109,109,.18),transparent 70%);filter:blur(2px);opacity:.7;pointer-events:none}.app--focus{background:#000;color:#fff}.app--focus:before{content:none}.input{max-width:960px;margin:0 auto;padding:48px 24px 40px;display:flex;flex-direction:column;gap:28px;min-height:100vh;position:relative}.input__title{display:flex;align-items:center;justify-content:space-between;gap:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--base-dark);background:#fff;color:var(--accent-dark);font-size:1.1rem;cursor:pointer}.icon-button:hover{background:#e7edf8}.input__header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.input__header p{font-size:1.1rem;max-width:520px}.about__body{margin-top:12px;font-size:.98rem;line-height:1.5;color:#2f343a}.about__body p{margin:0 0 10px}.about__body p:last-child{margin-bottom:0}.about__credit{font-size:.9rem}.about__credit a{color:var(--accent-dark);text-decoration:none}.about__credit a:hover{text-decoration:underline}.about-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:1fr minmax(280px,420px)}.about-drawer__scrim{background:#0e101466}.about-drawer__panel{background:#fff;padding:28px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:-24px 0 40px -30px #0006;overflow-y:auto}.about-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.about-drawer__header h2{margin:0;font-size:1.25rem}@media (max-width: 720px){.about-drawer{grid-template-columns:1fr}.about-drawer__scrim{display:none}}.input__panel{background:#fff;border:1px solid var(--base-dark);border-radius:16px;padding:20px;box-shadow:0 20px 40px -30px #00000059;display:flex;flex-direction:column;gap:16px}.input textarea{min-height:260px;resize:vertical;border:1px solid var(--base-dark);border-radius:12px;padding:16px;font-size:1rem;background:#fcfaf7}.input__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.input__status{margin:0;font-size:.9rem;color:#4b5563}.input__status--error{color:#b42318}.file{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#e8edf6;border:1px solid var(--base-dark);cursor:pointer;font-size:.95rem}.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}button{border:1px solid var(--base-dark);background:#fff;color:inherit;border-radius:999px;padding:10px 18px;font-size:.95rem;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}.input__footer{font-size:.95rem;color:#5a5147}.focus{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:48px 32px 32px;gap:24px;text-align:center}.word-stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.word-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:Times New Roman,Georgia,serif;font-size:clamp(48px,8vw,64px);letter-spacing:.5px;width:100%}.word-left{justify-self:end;text-align:right;white-space:nowrap;overflow:hidden}.word-focal{color:var(--focus-red);padding:0 6px}.word-right{justify-self:start;text-align:left;white-space:nowrap;overflow:hidden}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;width:100%;max-width:720px}.controls button{background:#0a0a0a;border-color:#2a2a2a;color:#fff;min-width:100px}.controls .button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.controls .button--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.controls .button--ghost{background:transparent;border-color:#444;color:#fff}.controls .button--ghost:hover{border-color:#fff;color:#fff}.wpm{display:flex;flex-direction:column;gap:8px;min-width:220px}.wpm label{font-size:.9rem;font-weight:900;color:#cfcfcf}.wpm input[type=range]{width:100%}@media (max-width: 720px){.input__actions{flex-direction:column;align-items:stretch}.controls{flex-direction:column}}*{box-sizing:border-box}:root{--base: #eef1f7;--base-dark: #d5dbe6;--ink: #1b1b1b;--accent: #1a6d6d;--accent-dark: #0f4f4f;--focus-red: #ff3b3b}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:var(--base);color:var(--ink)}#root{min-height:100vh}