@font-face{font-family:Identical;src:url('/assets/identical.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#101210;--panel:#181b18;--line:#30352e;--text:#f0f2e9;--muted:#90978b;--accent:#d1fa84;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,textarea{transition:background .18s,color .18s,border-color .18s}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.site-shell{max-width:1240px;margin:auto;padding:0 48px}.header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-period{color:var(--accent)}.brand-mark{display:flex;gap:4px;align-items:center;margin-right:15px}.brand-mark i{width:5px;height:5px;background:var(--accent);border-radius:50%}.brand-mark b{width:12px;height:5px;background:var(--accent);border-radius:3px}.header-right{display:flex;align-items:center;gap:36px}.local-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.local-status i,.live-dot,.live-label i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.help-link{border:0;background:transparent;font-size:12px;padding:12px 0}.help-link span{margin-left:8px;color:var(--accent)}.help-link:hover{color:var(--accent)}
.hero{padding:62px 0 52px;display:flex;align-items:center;justify-content:space-between;gap:40px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:#a8b09f;display:flex;align-items:center;gap:12px}.tiny-signal{font-size:18px;color:var(--accent);line-height:10px;letter-spacing:2px}h1{font-size:clamp(48px,5.9vw,77px);line-height:1.04;letter-spacing:-4px;font-weight:650;margin:23px 0 20px}h1 span{color:var(--accent)}.hero-copy>p{font-size:15px;line-height:1.7;color:#a7aea0;margin:0}.signal-art{width:313px;height:222px;flex-shrink:0;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#c8e49c06 31px,#c8e49c06 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#c8e49c06 31px,#c8e49c06 32px);border:1px solid #30362b;border-radius:4px;position:relative;transform:rotate(-5deg);padding:22px;color:var(--accent);margin:10px 15px 0 0}.signal-art:after{content:'';position:absolute;width:7px;height:7px;right:-4px;top:-4px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #d1fa8444}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#97a786}.art-code{height:105px;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;font-family:var(--mono);font-size:47px;font-weight:700;letter-spacing:0}.art-code b{font-size:32px;letter-spacing:-6px;position:relative;top:-3px}.art-bottom{border-top:1px solid #30362b;padding-top:16px;line-height:1.6}.art-arrow{font-family:Arial,sans-serif;font-size:36px;font-weight:200;line-height:20px;color:var(--accent)}
.translator{background:var(--panel);border:1px solid #353b30;border-radius:14px;overflow:hidden;box-shadow:0 18px 65px #00000014}.tool-top{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-bottom:1px solid var(--line);gap:12px}.mode-switch{display:flex;gap:5px;padding:4px;background:#10130f;border:1px solid #2b3027;border-radius:9px}.mode{display:flex;align-items:center;gap:9px;padding:10px 17px;background:transparent;border:1px solid transparent;border-radius:6px;color:#a5ad9b;font-size:13px;font-weight:550}.mode:hover{color:var(--text)}.mode.active{background:#2c3524;color:var(--accent);border-color:#49563a;box-shadow:0 2px 8px #0002}.mode svg{width:17px;height:17px}.mode-symbol{font-family:var(--mono);font-size:19px;line-height:15px}.new-badge{font-family:var(--mono);font-size:9px;color:#9da991;border:1px solid #4a5441;border-radius:3px;padding:2px 4px;margin-left:2px}.tool-top-note{font-size:11px;color:#959e8b}.direction-bar{padding:23px 27px 9px;display:flex;align-items:center;justify-content:space-between}.direction-switch{display:flex;gap:20px}.direction-switch button,.text-button{border:0;background:none;padding:4px 0;font-size:11px;color:var(--muted)}.direction-switch .selected{color:var(--text)}.direction-switch button:hover,.text-button:hover{color:var(--accent)}.text-button span{margin-left:8px}.editors{display:grid;grid-template-columns:1fr 1fr;position:relative}.editor{padding:16px 27px 18px;min-width:0}.input-editor{border-right:1px solid var(--line)}.editor-label{display:flex;align-items:center;justify-content:space-between;height:30px;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#a9b09f}.icon-button{background:transparent;border:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#7f8975;border-radius:4px;padding:5px}.icon-button svg{width:15px;height:15px}.icon-button:hover{color:var(--text);background:#ffffff09}textarea{width:100%;resize:none;border:0;background:transparent;color:var(--text);font:400 23px/1.6 Inter,'Segoe UI',Arial,sans-serif;min-height:173px;display:block;padding:15px 0 12px;border-radius:2px;outline:0;scrollbar-color:#47523c transparent}textarea:focus-visible{box-shadow:inset 0 -2px 0 #d1fa8470}textarea::placeholder{color:#596151;font-size:21px}#output{font-family:var(--mono);color:var(--accent);font-size:24px;line-height:1.7;letter-spacing:3px;overflow-wrap:anywhere}#output.incognito,#input.incognito{font-family:Identical,var(--mono);font-size:27px;letter-spacing:2px;line-height:1.55;word-break:break-all}#output.decoded{font-family:Inter,'Segoe UI',Arial,sans-serif;letter-spacing:0;font-size:23px;line-height:1.6}.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px;font-size:10px;color:#87907b}.editor-meta span:last-child{font-family:var(--mono);font-size:9px;white-space:nowrap}.live-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;color:#879a71}.live-label i{width:4px;height:4px}.swap-button{position:absolute;left:50%;top:105px;transform:translateX(-50%);z-index:1;border:1px solid #414a38;background:#252c20;color:#a3b38e;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.swap-button:hover{background:var(--accent);color:#101210}.swap-button svg{width:17px;height:17px}.tool-bottom{border-top:1px solid var(--line);padding:18px 25px;display:flex;justify-content:space-between;align-items:center;background:#151813}.audio-group{display:flex;align-items:center;gap:23px}.audio-button{border:1px solid #38402f;border-radius:6px;background:transparent;display:flex;gap:8px;align-items:center;padding:10px 13px;font-size:11px;color:#b4bfaa}.audio-button:hover{background:#252c20}.audio-button svg{width:14px;height:14px;fill:currentColor;stroke-width:0}.audio-bars{height:20px;display:flex;align-items:center;gap:3px;opacity:.45}.audio-bars i{width:2px;background:#7b8a6a;height:5px}.audio-bars i:nth-child(3n){height:15px}.audio-bars i:nth-child(4n){height:9px}.audio-bars i:nth-child(5n){height:20px}.playing .audio-bars i{background:var(--accent);animation:pulse .55s ease-in-out infinite alternate}.playing .audio-bars i:nth-child(2n){animation-delay:-.3s}.playing .audio-bars i:nth-child(3n){animation-delay:-.15s}.copy-button{display:flex;align-items:center;gap:10px;border:1px solid var(--accent);background:var(--accent);color:#1a2312;border-radius:6px;padding:12px 17px;font-weight:650;font-size:12px}.copy-button:hover{background:#defeaa;border-color:#defeaa}.copy-button svg{width:16px;height:16px}.copy-arrow{margin-left:20px;font-size:17px;line-height:12px}.feedback{padding:12px 26px;margin:0;border-top:1px solid #725d35;background:#302719;color:#f5ce8c;font-size:12px;line-height:1.6}.under-tool{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 2px 0;color:#7e8974;font-size:10px}.under-tool>span:first-child{display:flex;align-items:center;gap:7px}.under-tool svg{width:13px;height:13px}.under-tool>span:last-child{text-align:right;color:#727d68}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:43px 0 38px;border-bottom:1px solid var(--line)}.step{display:flex;gap:18px}.step-number{font-family:var(--mono);font-size:10px;color:#8f9e80;padding-top:4px}.step h2{font-size:13px;font-weight:550;margin:0 0 8px}.step p{font-size:11px;line-height:1.75;color:#8a9480;margin:0}.alphabet{border-bottom:1px solid var(--line)}.alphabet summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:23px 0;font-size:12px;color:#c0c8b7}.alphabet summary::-webkit-details-marker{display:none}.alphabet-summary-note{color:#7f8c72;font-size:10px;display:flex;align-items:center;gap:20px}.alphabet-summary-note b{font-size:20px;font-weight:300;color:#c5d3b6}.alphabet[open] .alphabet-summary-note b{transform:rotate(45deg)}.alphabet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 0 25px}.alphabet-cell{padding:10px 13px;border:1px solid #2c3327;border-radius:5px;display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px}.alphabet-cell span{color:var(--accent);letter-spacing:2px}footer{height:95px;display:flex;align-items:center;gap:20px;color:#718064;font-size:10px}.footer-brand{font-size:12px;font-weight:800;letter-spacing:-.5px;color:#9ba98e}footer button{margin-left:auto;padding:10px 0;border:0;background:transparent;color:#8c9a7f;font-size:10px}footer button:hover{color:var(--accent)}dialog{position:fixed;border:1px solid #3d4933;border-radius:16px;max-width:530px;width:calc(100% - 32px);padding:40px;background:#1a1f17;color:var(--text);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#070a06b8;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:13px;right:13px;font-size:25px}dialog h2{font-size:28px;letter-spacing:-1px;margin:19px 0 22px}dialog p{font-size:13px;color:#b1bda7;line-height:1.75}dialog strong{color:var(--text);font-weight:600}dialog code{background:#303b27;padding:1px 5px;border-radius:3px;color:var(--accent)}.dialog-note{padding:13px 15px;background:#28321f;color:var(--accent);border-radius:5px;font-size:12px;margin-top:22px}.dialog-ok{margin-top:24px;margin-left:auto;gap:30px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--accent);color:#16210d;border-radius:7px;padding:13px 20px;font-size:12px;font-weight:600;box-shadow:0 10px 40px #0005;max-width:calc(100% - 32px);z-index:10;text-align:center}::selection{background:#d1fa8433;color:#f2ffdf}@keyframes pulse{to{transform:scaleY(.25)}}
@media(min-width:1500px){.site-shell{padding:0 40px}.hero{padding-top:74px;padding-bottom:60px}.editor textarea{min-height:195px}.how{padding-top:48px;padding-bottom:43px}}
@media(max-width:900px){.site-shell{padding:0 28px}.local-status{display:none}.signal-art{width:235px;height:206px;margin-right:5px;padding:18px}.art-code{font-size:35px;height:95px}.art-code b{font-size:24px;letter-spacing:-4px}.art-top,.art-bottom{font-size:8px}.hero{gap:20px}.eyebrow{font-size:8px;letter-spacing:1px}h1{letter-spacing:-3px}.editor{padding-left:21px;padding-right:21px}.tool-top-note{font-size:10px}.under-tool>span:last-child{max-width:42%;line-height:1.5}.step{gap:10px}.how{gap:20px}.step p br{display:none}.alphabet-grid{grid-template-columns:repeat(5,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.mobile-label{display:none}
.help-link>.desktop-label,.text-button>.desktop-label{margin-left:0}.help-link>.desktop-label{color:inherit}