:root{--canvas:#fafafa;--elevated:#fff;--ink:#171717;--body:#4d4d4d;--mute:#8f8f8f;--hairline:#ebebeb;--soft:#f2f2f2;--link:#0070f3;--danger:#c50000;--ok:#0a7a3d;--warn-bg:#ffefcf;--accent:#0b6e4f;--accent-soft:#e3f2ec;--wa:#1faa55;--wa-deep:#178a44;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:100px;--panel:#eef3f0;--menu:#fff;--menu-border:#e0e0e0;--shadow-1:0 1px 1px #0000000a;--shadow-2:0 2px 2px #0000000d, 0 8px 16px -4px #00000014;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ta:"Noto Sans Tamil", "Latha", "Nirmala UI", "Catamaran", sans-serif;--font-ml:"Noto Sans Malayalam", "Nirmala UI", "Kartika", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace}[data-theme=dark]{--canvas:#0a0a0a;--elevated:#171717;--ink:#f5f5f5;--body:#bdbdbd;--mute:#8a8a8a;--hairline:#2b2b2b;--soft:#1f1f1f;--link:#4da3ff;--accent:#34c08a;--accent-soft:#123b2e;--wa:#22c15e;--wa-deep:#1a9e4c;--panel:#141816;--menu:#1e1e1e;--menu-border:#3d3d3d;--shadow-1:none;--shadow-2:0 4px 20px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;transition:background .25s,color .25s}.tamil{font-family:var(--font-ta);line-height:1.8}.malayalam{font-family:var(--font-ml);line-height:1.8}.container{max-width:860px;margin:0 auto;padding:0 20px}.topbar{z-index:40;background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;width:100%;max-width:none;margin:0;padding:12px clamp(24px,4vw,48px);display:flex}.brand{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.brand-logo{border-radius:6px;width:26px;height:26px;display:block}[data-theme=dark] .brand-logo{filter:invert()}.navlinks{align-items:center;gap:12px;margin-left:auto;display:flex}.navlinks a.nl,.navlinks button.nl{color:var(--body);border-radius:999px;align-items:center;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.navlinks a.nl:hover,.navlinks button.nl:hover{background:var(--soft);color:var(--ink)}.dd{position:relative}.dd-btn{cursor:pointer;font:inherit;color:var(--body);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.dd-btn:hover{color:var(--ink)}.dd-btn[aria-expanded=true]{background:var(--soft);color:var(--ink)}.dd-btn svg{width:14px;height:14px}.dd-menu{background:var(--menu);border:1px solid var(--menu-border);border-radius:var(--radius-md);z-index:60;min-width:208px;color:var(--ink);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000024,0 2px 6px #00000014}[data-theme=dark] .dd-menu{box-shadow:0 12px 32px #0009,0 2px 6px #00000080}.dd-menu[hidden]{display:none}.dd-item{color:var(--ink);background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}a.dd-item:hover{background:var(--soft);color:var(--ink)}.cta-btn{background:var(--ink);min-height:36px;color:var(--canvas);letter-spacing:-.01em;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;margin-left:2px;padding:8px 15px;font-size:13.5px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.cta-btn:hover{opacity:.85}.cta-btn:active{transform:scale(.97)}.iconbtn{border:1px solid var(--hairline);background:var(--elevated);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:inline-flex}.iconbtn:hover{background:var(--soft)}.iconbtn:active{transform:scale(.94)}.iconbtn:focus-visible,.cta-btn:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--link);outline-offset:2px}.iconbtn svg{width:19px;height:19px}.hero{text-align:center;padding:56px 0 8px}.eyebrow{letter-spacing:-.01em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:5px 14px;font-size:13.5px;font-weight:650;display:inline-block}h1.display{letter-spacing:-.04em;margin:14px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.08}h1.display .hl{background:linear-gradient(92deg, var(--accent), #0070f3);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--body);max-width:620px;margin:0 auto;font-size:16px}.mesh{opacity:.55;background:linear-gradient(90deg,#007cf0,#00dfd8,#7928ca,#ff0080,#f9cb28);border-radius:999px;max-width:560px;height:8px;margin:26px auto 0}.card{background:var(--elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.editor-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-2);background:linear-gradient(180deg, var(--panel) 0, var(--elevated) 230px);margin-top:24px;scroll-margin-top:76px;overflow:hidden}.editor-card:fullscreen{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;margin:0;display:flex;overflow-y:auto}.editor-card:fullscreen textarea.convert{resize:none;flex:1 0 auto;min-height:40vh}.editor-card:fullscreen .sharebar{position:sticky;bottom:0}.editor-toolbar-top{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.more-wrap{display:none;position:relative}.more-btn svg.chev{width:13px;height:13px}.more-menu{background:var(--menu);border:1px solid var(--menu-border);border-radius:var(--radius-md);z-index:60;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000024,0 2px 6px #00000014}[data-theme=dark] .more-menu{box-shadow:0 12px 32px #0009,0 2px 6px #00000080}.more-menu[hidden]{display:none}.more-menu button{width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:9px 10px;font-size:13.5px;font-weight:550;display:flex}.more-menu button:hover{background:var(--soft)}.more-menu button svg{flex:none;width:15px;height:15px}.pill{border:1px solid var(--hairline);background:var(--elevated);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:7px 13px;font-size:13.5px;font-weight:550;display:inline-flex}.pill:hover{background:var(--soft)}.pill.primary{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.pill.primary:hover{opacity:.88}.pill.wa{background:var(--wa);border-color:var(--wa-deep);color:#fff}.pill.wa:hover{filter:brightness(.95)}.pill.tg{color:#fff;background:#229ed9;border-color:#1b87bb}.pill.tg:hover{filter:brightness(.95)}.pill svg{flex:none;width:16px;height:16px}.pill .filetag{letter-spacing:.02em;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800;line-height:1.4}.pill .filetag.pdf{color:#fff;background:#d92d20}.pill .filetag.doc{color:#fff;background:#2470c9}.pill .filetag.txt{background:var(--soft);color:var(--body);border:1px solid var(--hairline)}.pill:disabled{opacity:.45;cursor:not-allowed}.statusline{color:var(--mute);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.dot{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.off{background:#d99a00}textarea.convert{resize:vertical;width:100%;min-height:190px;color:var(--ink);font-size:17px;line-height:1.9;font-family:var(--font-ta);background:0 0;border:0;padding:16px}textarea.convert.malayalam{font-family:var(--font-ml)}textarea.convert::placeholder{color:var(--mute)}.suggestbar{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:10px 12px;display:flex}.suggestbar[hidden]{display:none}.suggestbar .hint{color:var(--mute);font-size:13px}.chip{border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);cursor:pointer;font-size:15px;font-family:var(--font-ta);border-radius:999px;min-height:40px;padding:8px 14px}[data-lang=ml] .chip{font-family:var(--font-ml)}.chip:hover{border-color:var(--ink)}.chip.sel{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.chip.keep{font-family:var(--font-ui);font-style:italic}.sharebar{border-top:1px solid var(--hairline);background:color-mix(in srgb, var(--panel) 55%, var(--elevated));flex-wrap:wrap;gap:8px;padding:12px;display:flex}.sharebar .spacer{flex:1}.grp-sep{background:var(--hairline);align-self:stretch;width:1px;margin:2px}@media (width<=720px){.grp-sep{display:none}}.countline{color:var(--mute);padding:8px 14px 12px;font-size:12.5px}details.helper{border-top:1px solid var(--hairline);padding:14px 16px}details.helper summary{cursor:pointer;letter-spacing:-.01em;align-items:center;gap:8px;min-height:44px;font-size:14.5px;font-weight:650;list-style:none;display:flex}details.helper summary::-webkit-details-marker{display:none}details.helper summary:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--mute);flex:none;width:0;height:0;margin-left:auto;transition:transform .2s}details.helper[open] summary:after{transform:rotate(180deg)}details.helper summary:before{content:"";background:var(--accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6e4f' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:8px;flex:none;width:28px;height:28px}.helper .htable{border:1px solid var(--hairline);border-radius:10px;margin-top:10px;overflow-x:auto}.helper table{border-collapse:collapse;width:100%;font-size:14px}.helper thead th{color:var(--mute);text-align:left;border-bottom:1px solid var(--hairline);background:var(--canvas);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:650}.helper tbody td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:10px 14px}.helper tbody tr:last-child td{border-bottom:0}.helper tbody tr+tr td{border-top:1px solid var(--hairline)}.helper td.big{white-space:nowrap;font-size:21px;font-weight:600}@media (width<=480px){.helper thead th{padding:8px 10px;font-size:11.5px}.helper tbody td{padding:8px 10px;font-size:13px}.helper td.big{white-space:normal;font-size:18px}.helper td code{padding:2px 7px;font-size:12px}}.helper td code{font-family:var(--font-mono);background:var(--soft);white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:13px}.helper td.ex{color:var(--body)}.toast{background:var(--ink);color:var(--canvas);opacity:0;pointer-events:none;z-index:99;text-align:center;border-radius:999px;max-width:min(92vw,520px);padding:11px 18px;font-size:14px;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.grid2{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}@media (width<=720px){.grid2{grid-template-columns:1fr}.sharebar{z-index:30;border-top:1px solid var(--hairline);position:sticky;bottom:0}.sharebar .pill[data-act=email],.sharebar .pill[data-act=share],.sharebar .pill[data-act=print],.cta-btn{display:none}.more-wrap{display:inline-flex}.editor-toolbar-top>[data-act=fullscreen],.editor-toolbar-top>[data-act=convert-all],.editor-toolbar-top>[data-act=upload],.editor-toolbar-top>[data-act=clear]{display:none}}@media (width<=560px){.topbar-inner{gap:8px;padding:10px 18px}.navlinks{gap:6px}.navlinks a.nl,.navlinks button.nl{padding:8px 9px;font-size:13.5px}.brand{font-size:15.5px}.editor-toolbar-top{gap:6px;padding:8px 10px}.pill{min-height:34px;padding:6px 11px;font-size:13px}.statusline{gap:6px;font-size:11.5px}}@media (width<=380px){.topbar-inner{gap:6px;padding:10px 14px}.navlinks{gap:4px}.navlinks a.nl,.navlinks button.nl{padding:8px 7px;font-size:13px}.brand{gap:7px;font-size:15px}}.feature{padding:20px;transition:box-shadow .2s,transform .2s}.feature:hover{box-shadow:var(--shadow-2)}.tools-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.tools-strip h3{margin:0 0 6px;font-size:16px}.tools-strip p{margin:0}.tools-strip .btn{flex:none}.feature .fic{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:inline-flex}.feature .fic svg{width:19px;height:19px;color:var(--accent)}.feature h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px}.feature p{color:var(--body);margin:0;font-size:14px}.footer{border-top:1px solid var(--hairline);color:var(--mute);text-align:center;margin-top:48px;padding:28px 0 60px;font-size:13.5px}.footnav{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:10px;display:flex}.footnav.tools{margin-bottom:12px}.footnav.tools a{color:var(--mute);font-size:13px}.footnav a{color:var(--body);border-radius:999px;align-items:center;min-height:40px;padding:8px 12px;text-decoration:none;display:inline-flex}.footnav a:hover{background:var(--soft);color:var(--ink)}.examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:0 14px 14px;display:flex}.examples .hint{text-align:center;color:var(--mute);flex:0 0 100%;font-size:13px}.errpage{text-align:center;padding:80px 20px}.errpage h1{letter-spacing:-.05em;margin:0;font-size:72px}.btnrow{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}a.btn,.btn{border-radius:var(--radius-pill);background:var(--ink);min-height:44px;color:var(--canvas);border:1px solid var(--ink);cursor:pointer;align-items:center;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}a.btn.ghost,.btn.ghost{background:var(--elevated);color:var(--ink);border-color:var(--hairline)}.reportrow{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.reportrow input{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevated);min-width:160px;color:var(--ink);flex:1;min-height:40px;padding:9px 12px;font-size:14px}#print-doc{display:none}@media print{body *{visibility:hidden}#print-doc,#print-doc *{visibility:visible}#print-doc{color:#000;width:100%;padding:24px;font-family:Noto Sans Tamil,Noto Sans Malayalam,Latha,serif;display:block;position:absolute;top:0;left:0}#print-doc h1{margin-bottom:12px;font-size:20px}#print-doc p{margin:0 0 10px;font-size:14pt;line-height:1.8}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
