@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-vietnamese-wght-normal.96a5d80f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-ext-wght-normal.232ded7b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-wght-normal.3e340e57.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/hanken-grotesk-cyrillic-ext-wght-normal.5fcc76c8.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/hanken-grotesk-vietnamese-wght-normal.7b2c63b1.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/hanken-grotesk-latin-ext-wght-normal.bc493153.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/hanken-grotesk-latin-wght-normal.ce76afab.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-braille-400-normal.6e5a58bf.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-braille-400-normal.dc0ff16b.woff) format("woff");unicode-range:u+28??}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-math-400-normal.9bd5b287.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-math-400-normal.73533039.woff) format("woff");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-mayan-numerals-400-normal.bf9d8f31.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-mayan-numerals-400-normal.7b22cdb3.woff) format("woff");unicode-range:u+1d2e0-1d2f3}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-symbols-400-normal.3b03165f.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-symbols-400-normal.3a1644ea.woff) format("woff");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-latin-ext-400-normal.4b420dd1.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-latin-ext-400-normal.a7c58ea9.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Symbols\ 2;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-symbols-2-latin-400-normal.0587a39c.woff2) format("woff2"),url(/_next/static/media/noto-sans-symbols-2-latin-400-normal.d5e90796.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--ink:oklch(30% .045 164);--muted:oklch(48% .024 164);--paper:oklch(98% .008 145);--surface:oklch(99.5% .004 145);--mint:oklch(92% .047 155);--mint-deep:oklch(86% .07 155);--line:oklch(88% .016 155);--display:"Bricolage Grotesque Variable",sans-serif;--body:"Hanken Grotesk Variable",sans-serif;--space-sm:12px;--space-md:24px;--space-lg:48px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}a,button{touch-action:manipulation}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(28px,3vw,39px)}h3{font-size:22px}p{color:var(--muted)}::selection{background:var(--mint-deep)}:focus-visible{outline:3px solid oklch(49% .1 162);outline-offset:4px;border-radius:3px}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:96px;justify-content:space-between;gap:24px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--display);font-size:24px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--mint);width:36px;height:36px;border-radius:50%;font-size:28px;line-height:1;font-family:Noto Sans Symbols\ 2,sans-serif}.brand-light{font-weight:400}.brand-dot{color:oklch(54% .1 160)}nav{display:flex;gap:32px;font-size:14px;font-weight:550}nav a{display:inline-flex;gap:4px;align-items:center;padding:8px 0}.text-link:hover,nav a:hover{color:oklch(50% .11 160)}.hero{padding-block:65px 40px;display:grid;grid-template-columns:1.5fr 1fr;gap:36px}.eyebrow,.hero{align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;display:inline-flex;gap:8px;color:var(--muted)}.tiny-star{font-size:19px;line-height:1;color:var(--ink)}h1{font-size:clamp(28px,3vw,40px);margin-top:17px}.hero-heading-secondary{display:block;font-size:clamp(40px,4.6vw,60px);font-weight:650;margin-top:4px;letter-spacing:-2.5px}.hero p{font-size:17px;line-height:1.65;margin-top:20px}.symbol-art{justify-self:end;width:355px;transform:rotate(-5deg);position:relative;padding:22px 10px}.art-caption{font-size:9px;font-weight:700;letter-spacing:1.7px;display:block;margin-left:5px;margin-bottom:17px}.art-tiles{display:flex;gap:8px}.art-tiles>span{display:grid;place-items:center;width:58px;height:68px;background:var(--mint);border:1px solid color-mix(in oklch,var(--ink) 14%,var(--mint));border-radius:5px;font-family:Noto Sans Symbols\ 2,sans-serif;font-size:36px;transform:rotate(3deg)}.art-tiles>span:nth-child(2){transform:rotate(-4deg);background:var(--surface)}.art-tiles>span:nth-child(4){transform:rotate(6deg);background:var(--mint-deep)}.art-footnote{display:block;font-size:12px;margin-top:16px;margin-left:5px;color:var(--muted)}.art-footnote>span{font-size:35px;position:absolute;right:45px;bottom:-15px}.translator{border:1px solid color-mix(in oklch,var(--ink) 24%,var(--paper));background:var(--surface);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 5px 0 color-mix(in oklch,var(--ink) 4%,transparent)}.tool-toolbar{padding:16px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-switch{background:var(--paper);padding:4px;border:1px solid var(--line);display:flex;border-radius:7px}.mode-switch button{background:transparent;padding:9px 18px;font-size:13px;border-radius:4px;font-weight:550}.mode-switch button.active{background:var(--ink);color:var(--surface)}.font-select{position:relative}.font-select select{appearance:none;border:1px solid var(--line);background:var(--surface);padding:9px 32px 9px 12px;font-size:13px;border-radius:6px;cursor:pointer}.font-select svg{position:absolute;right:10px;top:14px;pointer-events:none}.editor-grid{display:grid;grid-template-columns:1fr 1fr;position:relative}.editor{padding:21px 24px 18px;min-width:0}.input-editor{border-right:1px solid var(--line)}.output-editor{background:color-mix(in oklch,var(--mint) 25%,var(--surface))}.editor-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;letter-spacing:1.2px;min-height:32px}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:transparent;color:var(--muted);border-radius:5px}.icon-button:hover{background:var(--mint)}textarea{display:block;width:100%;min-height:152px;resize:vertical;padding:20px 0 15px;background:transparent;border:0;font-size:26px;line-height:1.65;letter-spacing:-.3px;border-radius:0}textarea:focus-visible{outline-offset:0;outline:2px solid var(--mint-deep)}textarea::placeholder{font-size:20px;color:color-mix(in oklch,var(--muted) 70%,var(--surface))}.symbol-text{font-family:Noto Sans Symbols\ 2,sans-serif;letter-spacing:3px}.editor-bottom{display:flex;justify-content:space-between;gap:12px;color:var(--muted);min-height:32px}.editor-bottom,.text-button{align-items:center;font-size:11px}.text-button{display:inline-flex;gap:6px;background:transparent;padding:6px 0;font-weight:550}.editor-bottom a{gap:5px;text-decoration:underline;text-underline-offset:3px}.editor-bottom a,.live-label{display:flex;align-items:center}.live-label{gap:6px;font-size:9px;color:oklch(42% .065 160)}.live-label i{width:5px;height:5px;border-radius:50%;background:oklch(52% .12 160)}.swap-button{position:absolute;left:50%;top:110px;transform:translateX(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);z-index:1;border-radius:50%;transition:background .2s}.swap-button:hover{background:var(--mint)}.tool-actions{justify-content:space-between;padding:18px 24px;border-top:1px solid var(--line)}.action-buttons,.output-options,.tool-actions{display:flex;gap:20px;align-items:center}.action-buttons{gap:10px}.checkbox-label{font-size:12px;display:flex;gap:7px;align-items:center}.checkbox-label input{accent-color:var(--ink);width:15px;height:15px;margin:0}.size-control{display:flex;gap:7px;align-items:center;font-size:16px}.size-control input{width:72px;accent-color:var(--ink);height:14px}.small-a{font-size:10px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:6px;padding:11px 16px;font-size:13px;font-weight:550;white-space:nowrap;transition:background .18s,transform .18s;min-height:42px}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--ink);color:var(--surface)}.primary:hover{background:oklch(40% .06 164)}.secondary{border:1px solid var(--line);background:var(--surface)}.secondary:hover{background:var(--mint)}.tool-notice{padding:12px 24px;border-top:1px solid var(--line);font-size:12px}.trust-row{gap:26px;padding-block:21px;font-size:11px;color:var(--muted)}.trust-row,.trust-row>span{display:flex;align-items:center}.trust-row>span{gap:6px}.compatibility-note{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font-size:28px;margin-top:12px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:550;white-space:nowrap}.quick-chart{padding-block:48px 62px}.alphabet-preview{display:grid;grid-template-columns:repeat(12,1fr);margin-top:27px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.alphabet-preview a{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 0 12px;border-right:1px solid var(--line);background:var(--surface);transition:background .18s}.alphabet-preview a:last-child{border:0}.alphabet-preview a:hover{background:var(--mint)}.alphabet-preview .symbol-text{font-size:28px;line-height:1.2;height:40px}.key-label{font-size:11px;color:var(--muted)}.small-note{font-size:12px;margin-top:12px}.how-section{background:var(--mint);border-block:1px solid var(--line)}.how-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:60px}.how-inner h2{margin-top:15px;font-size:42px}.how-inner>div>p{margin-top:17px;font-size:14px}.how-inner ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:28px}.how-inner li{display:flex;gap:20px;align-items:start}.how-inner li>span{font-size:12px;line-height:30px;opacity:.65}.how-inner li h3{font-size:21px;line-height:1.4}.how-inner li p{font-size:14px;margin-top:5px}.guide-section{padding-block:68px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:29px}.guide-art,.guide-card{position:relative}.guide-art{height:172px;display:flex;align-items:center;justify-content:center;font-family:Noto Sans Symbols\ 2,sans-serif;font-size:37px;border-radius:7px;margin-bottom:20px;letter-spacing:6px;overflow:hidden}.guide-art span{position:absolute;bottom:15px;left:17px;font:9px var(--body);letter-spacing:1px}.guide-art-0{background:var(--ink);color:var(--mint)}.guide-art-1{background:oklch(92% .029 70);color:oklch(37% .05 70)}.guide-art-2{background:var(--mint);color:var(--ink)}.guide-card .eyebrow{font-size:9px;letter-spacing:1px}.guide-card h3{font-size:23px;margin-top:10px;padding-right:18px}.guide-card p{font-size:14px;margin-top:11px;line-height:1.6;max-width:35ch}.guide-arrow{display:block;margin-top:15px}.guide-card:hover h3{text-decoration:underline;text-underline-offset:4px}.faq-section{padding-block:45px 70px;display:grid;grid-template-columns:1fr 1.55fr;gap:70px}.faq-section h2{margin-top:16px}.faq-section>div>p{margin-top:17px;font-size:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:19px 0;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.7;padding:0 25px 20px 0;max-width:70ch}.bottom-cta{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-block:35px 65px}.bottom-cta>.symbol-text{font-size:44px}.bottom-cta h2{font-size:23px}.bottom-cta p{font-size:14px;margin-top:8px}.bottom-cta .button{margin-left:auto}.site-footer{border-top:1px solid var(--line);background:color-mix(in oklch,var(--mint) 23%,var(--paper));font-size:12px}.footer-top{display:flex;align-items:center;gap:30px;padding-block:34px}.footer-top .brand{font-size:20px}.footer-top .brand-mark{width:28px;height:28px;font-size:22px}.footer-top>div{margin-left:auto;display:flex;gap:20px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:20px;color:var(--muted);font-size:10px}.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}.skip-link{position:absolute;top:-70px;left:20px;z-index:100;background:var(--ink);color:var(--surface);padding:12px}.skip-link:focus{top:10px}.page-intro{padding-block:52px 34px;max-width:850px}.page-intro h1{font-size:clamp(36px,4.5vw,56px);margin-top:16px}.page-intro p{font-size:18px;max-width:65ch;margin-top:20px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;gap:10px;margin-bottom:25px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.chart-controls{flex-wrap:wrap;gap:15px;border-block:1px solid var(--line);padding-block:18px}.chart-controls,.search-field{display:flex;align-items:center}.search-field{gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 14px;flex:1 1;min-width:210px}.search-field input{border:0;background:transparent;outline:none;width:100%;font-size:14px}.chart-controls select{padding:10px;border:1px solid var(--line);background:var(--surface);border-radius:6px;font-size:14px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{background:transparent;border-radius:4px;padding:8px 12px;font-size:12px}.filter-tabs button.active{background:var(--mint);font-weight:700}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:24px}.symbol-cell{min-height:116px;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:12px 6px}.symbol-cell:hover{background:var(--mint)}.symbol-cell .symbol-text{font-size:29px;line-height:1.5}.symbol-cell .symbol-meta{display:flex;gap:9px;font-size:10px;color:var(--muted)}.symbol-cell .key-label{font-size:13px;font-weight:700}.chart-status{font-size:12px;min-height:28px;margin-top:12px}.page-tail{padding-block:40px 70px;max-width:75ch}.page-tail h2{margin:25px 0 14px;font-size:27px}.page-tail p{margin-bottom:15px}.page-tail a,.prose a{text-decoration:underline;text-underline-offset:3px}.prose{max-width:70ch;padding-bottom:70px;font-size:17px;line-height:1.8}.prose h2{font-size:30px;margin:36px 0 16px}.prose h3{font-size:23px;margin:30px 0 12px}.prose p{margin-bottom:18px}.prose ol,.prose ul{padding-left:24px;color:var(--muted)}.prose li{margin-bottom:9px}.prose strong{color:var(--ink)}.prose code{font-size:.88em;background:var(--mint);padding:2px 5px;border-radius:3px}.prose blockquote{margin:24px 0;padding:20px;background:var(--mint);border-radius:6px}.prose blockquote p:last-child{margin:0}.prose table{width:100%;border-collapse:collapse;font-size:14px}.prose td,.prose th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:70px}.article-aside{font-size:13px;align-self:start;padding:20px;border:1px solid var(--line);border-radius:6px;position:sticky;top:30px}.article-aside>span{display:block;margin-bottom:12px}.article-aside a{display:block;padding:8px 0}.article-aside .button{margin-top:14px}.article-meta{font-size:12px;margin-bottom:30px;color:var(--muted)}.image-workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed color-mix(in oklch,var(--ink) 35%,var(--paper));border-radius:9px;min-height:260px;background:var(--surface);padding:32px;text-align:center;cursor:pointer;gap:12px}.upload-area:hover{background:var(--mint)}.upload-area strong{font-family:var(--display);font-size:24px}.upload-area span{font-size:13px;color:var(--muted)}.image-preview{background:var(--mint);border-radius:8px;overflow:auto;min-height:260px;display:flex;align-items:center;justify-content:flex-start;max-height:450px}.image-preview img{display:block;width:100%;object-fit:contain}.image-toolbar{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.image-toolbar input{width:90px;accent-color:var(--ink)}.decoded-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px}.decoded-panel textarea{font-size:24px;min-height:145px}.decoded-panel h2{font-size:22px}.decoded-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.image-symbols{padding-block:32px}.image-symbols h2{font-size:24px;margin-bottom:12px}.image-symbols .symbols-grid{max-height:435px;overflow:auto;padding:4px}.image-symbols .symbol-cell{min-height:98px}.upload-error{color:oklch(42% .12 35);margin-top:12px;font-size:14px}.empty-chart{padding:35px 0}.all-guides{padding-bottom:75px}.not-found{padding:100px 0}.not-found p{margin:20px 0 25px}@media(min-width:1600px){.hero{padding-top:85px}.container{width:min(1200px,calc(100% - 100px))}}@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero,nav{gap:20px}.hero{grid-template-columns:1fr .7fr}.symbol-art{width:290px}.art-tiles{gap:5px}.art-tiles>span{width:48px;height:60px;font-size:30px}.hero-heading-secondary{font-size:48px}.tool-actions{padding:16px}.output-options{gap:13px}.compatibility-note{display:none}.guide-grid{gap:20px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:30px}}@media(max-width:760px){.header-inner{height:auto;min-height:88px;padding-block:20px;flex-wrap:wrap;gap:16px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}nav a{min-height:36px}.hero{grid-template-columns:1fr;padding-block:38px 30px}.hero-heading-secondary{font-size:clamp(36px,7.5vw,56px);letter-spacing:-1.8px}.hero h1{font-size:28px}.hero p{font-size:16px}.symbol-art{display:none}.tool-toolbar{padding:12px;gap:12px;flex-wrap:wrap}.mode-switch{flex:1 1}.mode-switch button{flex:1 1;white-space:nowrap;padding:9px 10px;font-size:12px}.font-select,.font-select select{width:100%}.editor-grid{grid-template-columns:1fr}.input-editor{border-right:0;border-bottom:1px solid var(--line)}.editor{padding:14px 18px}.editor textarea{min-height:135px;font-size:24px}.editor-label{min-height:28px}.swap-button{top:50%;left:auto;right:18px;transform:translateY(-50%) rotate(90deg)}.tool-actions{flex-wrap:wrap;padding:16px;gap:16px}.output-options{width:100%;justify-content:space-between}.action-buttons{width:100%}.action-buttons>.copy-control,.action-buttons>button{flex:1 1}.copy-control>.button{width:100%}.trust-row{gap:13px;flex-wrap:wrap;font-size:10px;padding:18px 0}.trust-row svg{width:12px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading h2{font-size:28px;max-width:24ch}.quick-chart{padding-block:35px 45px}.alphabet-preview{grid-template-columns:repeat(6,1fr)}.alphabet-preview a{border-bottom:1px solid var(--line);padding:14px 0 10px;gap:6px}.alphabet-preview a:nth-child(6){border-right:0}.alphabet-preview a:nth-child(n+7){border-bottom:0}.how-inner{grid-template-columns:1fr;gap:32px;padding-block:40px}.how-inner h2{font-size:35px}.how-inner h2 br{display:none}.how-inner ol{gap:25px}.guide-section{padding-block:45px}.guide-grid{grid-template-columns:1fr;gap:30px}.guide-card{display:grid;grid-template-columns:110px 1fr;gap:5px 18px}.guide-art{grid-row:1/5;height:125px;font-size:24px;margin:0;letter-spacing:1px;flex-wrap:wrap;word-break:break-all;padding:15px}.guide-art span{font-size:7px;left:10px;bottom:8px;letter-spacing:.5px}.guide-card h3{font-size:22px;margin:0;grid-column:2}.guide-card p{font-size:13px;margin:5px 0 0;grid-column:2}.guide-card .eyebrow{margin:0;align-self:start;font-size:8px}.guide-arrow{display:none}.faq-section{grid-template-columns:1fr;gap:24px;padding-block:25px 45px}.faq-section h2 br{display:none}.faq-list summary{font-size:14px;min-height:64px}.bottom-cta{gap:18px;flex-wrap:wrap;padding-block:28px 40px}.bottom-cta>.symbol-text{display:none}.bottom-cta .button{margin:0}.footer-top{flex-wrap:wrap;gap:20px;padding-block:25px}.footer-top p{width:100%;order:3;font-size:12px}.footer-top>div{gap:14px}.footer-bottom{flex-direction:column;gap:5px;padding-block:16px}.page-intro{padding-block:35px 28px}.page-intro h1{font-size:36px}.page-intro p{font-size:16px}.chart-controls{gap:12px}.search-field{width:100%;flex-basis:100%}.chart-controls>select{width:100%}.filter-tabs button{padding:8px 10px}.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.symbol-cell{min-height:104px}.article-layout{display:block}.article-aside{position:static;margin-bottom:35px}.prose{font-size:16px}.prose h2{font-size:26px}.prose table{display:block;overflow:auto}.image-workspace{grid-template-columns:1fr}.image-symbols .symbols-grid{max-height:370px}.upload-area{min-height:220px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}