:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-width:320px;background:#fbfbfa}body{margin:0;color:#111514;background:#fbfbfa;overflow-x:hidden}button,textarea{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typing-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(12px,2.5vw,32px);background:#fbfbfa;color:#111514}.typing-surface{width:min(940px,100%);display:grid;gap:10px}.typing-guide{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;min-height:24px;color:#8b928f;font-size:.78rem;font-weight:650;line-height:1.2;padding:0 2px}.typing-guide span{white-space:nowrap}.typing-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e7e9e6;border-radius:8px;background:#fff}.typing-mode{min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:#8b928f;cursor:pointer;padding:0 9px;font-size:.82rem;font-weight:760;line-height:1.08;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.typing-mode:hover{color:#111514;background:#f4f5f3}.typing-mode--active{color:#111514;background:#ecefed}.typing-mode-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dfe3df;border-radius:8px;background:#fff;box-shadow:0 14px 38px #11151412}.typing-mode-menu__item{min-width:0;min-height:42px;border:0;border-radius:6px;background:transparent;color:#5c6460;cursor:pointer;padding:0 9px;font-size:.78rem;font-weight:760;line-height:1.08}.typing-mode-menu__item span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:999px;background:#eef1ee;color:#111514;font-size:.72rem}.typing-mode-menu__item:hover,.typing-mode-menu__item--active{background:#f2f4f2;color:#111514}.typing-mode:active,.typing-suggestion:active,.typing-mode-menu__item:active{transform:translateY(1px)}.typing-box-frame{position:relative;min-height:clamp(340px,58vh,620px);border:1px solid #e1e4e0;border-radius:8px;background:#fff;box-shadow:0 18px 60px #1115140f;overflow:hidden;--typing-pad: clamp(16px, 3vw, 30px);--typing-font-size: clamp(1.35rem, 3.2vw, 2.7rem);--typing-line-height: 1.42}.typing-box{position:relative;z-index:2;width:100%;height:100%;min-height:clamp(340px,58vh,620px);resize:none;border:0;border-radius:0;background:transparent;color:#111514;outline:none;box-shadow:none;padding:var(--typing-pad);font-family:Noto Sans Devanagari,Kohinoor Devanagari,Mangal,Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--typing-font-size);line-height:var(--typing-line-height);caret-color:#111514}.typing-box::placeholder{color:#c4c9c6}.typing-box-frame:focus-within{border-color:#cdd4cf;box-shadow:0 20px 70px #11151414,0 0 0 4px #11151408}.typing-ghost-layer{position:absolute;inset:0;z-index:1;padding:var(--typing-pad);overflow:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;border:0;color:transparent;font-family:Noto Sans Devanagari,Kohinoor Devanagari,Mangal,Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--typing-font-size);line-height:var(--typing-line-height)}.typing-ghost-prefix{color:transparent}.typing-ghost-suggestion{color:#a6aba8;font-weight:430}.typing-accept{position:absolute;z-index:3;right:clamp(10px,2vw,18px);bottom:clamp(10px,2vw,18px);display:inline-flex;align-items:center;gap:8px;max-width:min(460px,calc(100% - 20px));min-height:40px;border:1px solid rgb(17 21 20 / 9%);border-radius:999px;background:#ffffffe0;color:#111514;box-shadow:0 12px 34px #1115141a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;padding:7px 12px 7px 10px;transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease)}.typing-accept:hover{background:#fffffff5;box-shadow:0 14px 42px #11151421}.typing-accept:active{transform:translateY(1px)}.typing-accept__label{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;background:#111514;color:#fff;padding:0 9px;font-size:.72rem;font-weight:820;text-transform:uppercase}.typing-accept__text{min-width:0;overflow:hidden;color:#5c6460;font-family:Noto Sans Devanagari,Kohinoor Devanagari,Mangal,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:690;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.typing-shell{align-items:start;padding:10px}.typing-surface{gap:10px}.typing-guide{gap:5px 10px;font-size:.72rem;justify-content:center;text-align:center}.typing-modes,.typing-mode-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-mode{min-height:42px;font-size:.78rem;padding:0 7px}.typing-box{min-height:calc(100vh - 198px);font-size:clamp(1.24rem,7vw,1.65rem);padding-bottom:76px}.typing-box-frame{min-height:calc(100vh - 198px);--typing-pad: 15px;--typing-font-size: clamp(1.24rem, 7vw, 1.65rem)}.typing-accept{left:10px;right:10px;justify-content:center;min-height:44px}.typing-accept__text{font-size:.9rem}}@media(max-width:420px){.typing-guide span:first-child{flex-basis:100%}.typing-mode{font-size:.72rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}