/* symbols · compact, self-hosted, accessible interface */
:root{color-scheme:light;--bg:#faf8fc;--surface:#fff;--surface2:#f6f2fb;--ink:#352a47;--muted:#72657f;--line:#e9e1f1;--accent:#7851b7;--accent-strong:#624093;--accent-soft:#eee5fa;--pink:#f9e6ee;--green:#e8f2ed;--shadow:0 3px 14px #49305e05;--header:rgba(250,248,252,.96);--symbol-font:Arial,'Segoe UI Symbol','Apple Symbols','Noto Sans Symbols 2','Noto Sans Symbols','Noto Sans','DejaVu Sans','Noto Sans CJK TC','Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#17141e;--surface:#211c2b;--surface2:#2a2336;--ink:#f0eafa;--muted:#b8abc9;--line:#3d324b;--accent:#c5a4f3;--accent-strong:#ddc6ff;--accent-soft:#39284d;--pink:#3c2838;--green:#243b34;--shadow:0 3px 14px #00000010;--header:rgba(23,20,30,.96)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,input,summary{touch-action:manipulation}button{border:0}svg{display:block;flex-shrink:0}img{max-width:100%;display:block}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}button::-moz-focus-inner{border:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:-60px;inset-inline-start:12px;z-index:100;padding:10px 16px;background:var(--surface);border:2px solid var(--accent);border-radius:9px}.skip-link:focus{inset-block-start:10px}.wrap{max-width:1280px;margin-inline:auto;padding-inline:24px}.header{height:66px;position:sticky;inset-block-start:0;z-index:30;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr}.brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}.brand img{width:34px;height:34px}.brand-word{padding-bottom:3px}.header-actions{display:flex;align-items:center;gap:17px}.external-link{font-size:13px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-weight:600;white-space:nowrap}.external-link:hover{color:var(--accent)}.external-link svg{width:13px;height:13px}.language-picker{position:relative}.language-picker>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);min-height:38px;font-size:12px;font-weight:600;max-width:200px}.language-picker>summary::-webkit-details-marker{display:none}.language-picker>summary svg{width:16px;height:16px}.language-picker>summary .chevron{width:12px;height:12px}.language-picker[open]>summary{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:350px;max-width:calc(100vw - 24px);max-height:min(510px,75vh);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 50px #25163122;padding:12px;overscroll-behavior:contain}.language-menu-title{color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.04em;padding:3px 8px 9px;direction:inherit}.language-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}.language-links a{min-height:40px;display:flex;align-items:center;justify-content:flex-start;padding:8px 10px;border-radius:9px;font-size:13px;direction:initial}.language-links a:hover,.language-links a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:155px;padding-block:24px 25px;position:relative}.hero-copy{min-width:0;max-width:910px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:var(--accent);margin-bottom:6px}.hero h1{font-size:clamp(24px,2.7vw,35px);line-height:1.25;letter-spacing:-.8px;font-weight:800}.hero p{color:var(--muted);font-size:14px;margin-top:8px;max-width:800px}.hero-meta{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:11px;color:var(--muted)}.meta-pill{border:1px solid var(--line);border-radius:20px;padding:3px 9px;background:var(--surface);display:inline-flex;align-items:center;gap:5px}.meta-pill svg{width:12px;height:12px;color:var(--accent)}.hero-art{position:relative;width:170px;height:110px;flex-shrink:0;isolation:isolate;direction:ltr}.hero-art:before{content:'';position:absolute;inset:6px 10px;background:var(--accent-soft);border-radius:48% 52% 60% 40%;transform:rotate(-14deg);z-index:-1}.art-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:67px;height:70px;border:2px solid var(--surface);border-radius:18px;box-shadow:0 6px 0 #37214d0a;color:var(--accent-strong);font-family:var(--symbol-font);font-size:42px;background:var(--surface);transform:rotate(-12deg);left:16px;top:22px}.art-tile:nth-child(2){left:82px;top:9px;transform:rotate(13deg);color:#a64f78;background:var(--pink);font-size:47px}.art-spark{position:absolute;left:122px;top:83px;font-family:var(--symbol-font);font-size:25px;color:var(--accent)}.art-dot{width:8px;height:8px;background:#b4c8b6;border-radius:50%;position:absolute;left:9px;top:8px}.layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:22px;align-items:start}.sidebar{position:sticky;top:85px;max-height:calc(100dvh - 108px);overflow:auto;padding:0 9px 10px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.side-heading{font-weight:800;font-size:11px;letter-spacing:.6px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding:2px 10px 11px}.category-total{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:0 5px;font-variant-numeric:tabular-nums}.category-nav{display:flex;flex-direction:column;gap:3px}.category-nav a{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:10px;min-height:36px;font-size:12px;line-height:1.35;color:var(--muted)}.category-nav a:hover{background:var(--surface);color:var(--accent)}.category-nav a.active,.category-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.nav-icon{font-family:var(--symbol-font);font-size:18px;line-height:1;flex:0 0 21px;text-align:center;direction:ltr}.nav-icon svg{width:17px;height:17px;margin:auto}.nav-label{min-width:0;overflow-wrap:anywhere}.sidebar-note{border-top:1px solid var(--line);margin-top:15px;padding:13px 9px 0;color:var(--muted);font-size:10px;line-height:1.6}.main-content{min-width:0}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.search-form{display:flex;align-items:center;gap:8px;position:relative;flex:1;min-width:0;height:46px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-form input{border:0;outline:none!important;background:transparent;width:100%;height:100%;padding:0;color:var(--ink);font-size:13px;min-width:0;appearance:none}.search-form input::placeholder{color:var(--muted);opacity:.85}.search-form input::-webkit-search-cancel-button{display:none}.search-submit{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);background:none;border-radius:10px}.search-submit svg{width:18px;height:18px}.clear-search{background:none;color:var(--muted);width:36px;height:42px;display:grid;place-items:center;flex-shrink:0}.clear-search svg{width:15px;height:15px}.shortcut{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;min-width:21px;text-align:center;margin-inline-end:12px;line-height:22px}.tool-button{height:46px;min-width:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;box-shadow:var(--shadow);color:var(--muted);font-size:12px;font-weight:600}.tool-button:hover{color:var(--accent);border-color:var(--accent)}.tool-button svg{width:18px;height:18px}.theme-button{padding:0;width:46px;flex-shrink:0}.theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:block}.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:0 2px 12px;min-height:27px}.catalog-intro .hint{display:flex;align-items:center;gap:5px}.catalog-intro svg{height:13px;width:13px}.results-count{color:var(--accent);font-variant-numeric:tabular-nums}.recent-row{background:var(--green);border-radius:11px;padding:7px 10px;display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:44px}.recent-label{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}.recent-symbols{display:flex;gap:5px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:none}.recent-symbols .symbol{height:31px;min-width:32px;width:auto;padding-inline:7px;font-size:20px;border-color:transparent;border-radius:7px;background:var(--surface)}.recent-symbols .symbol.wide{font-size:13px}.text-button{background:none;font-size:11px;color:var(--muted);padding:7px 3px;min-height:30px;white-space:nowrap}.text-button:hover{color:var(--accent)}.catalog{display:flex;flex-direction:column;gap:13px}.symbol-section{scroll-margin-top:82px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 13px 9px;gap:12px}.section-title{display:flex;align-items:center;gap:8px;min-width:0}.section-title h2{font-size:14px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}.section-icon{font-family:var(--symbol-font);width:27px;height:27px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;flex-shrink:0;font-size:19px;direction:ltr}.symbol-section:nth-child(3n+2) .section-icon{background:var(--pink);color:#a04c72}.symbol-section:nth-child(3n+3) .section-icon{background:var(--green);color:#407c68}:root[data-theme=dark] .symbol-section:nth-child(3n+2) .section-icon{color:#efadc9}:root[data-theme=dark] .symbol-section:nth-child(3n+3) .section-icon{color:#9cd1ba}.section-count{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}.section-link{display:flex;align-items:center;gap:6px;color:var(--muted);min-width:28px;min-height:28px;justify-content:center;border-radius:6px}.section-link:hover{color:var(--accent);background:var(--accent-soft)}.section-link svg{width:15px;height:15px}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;padding:0 12px 12px;direction:ltr}.symbol{font-family:var(--symbol-font);font-size:25px;font-weight:400;line-height:1;min-width:0;height:45px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);display:flex;align-items:center;justify-content:center;position:relative;transition:background .12s,border-color .12s,transform .12s;unicode-bidi:isolate;direction:ltr;white-space:pre}.js .symbol{user-select:none}.symbol:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);transform:translateY(-2px);z-index:1}.symbol:active{transform:scale(.92)}.symbol.is-copied{background:var(--green);border-color:#7cab94;transform:scale(.96)}.symbol.wide{grid-column:span 3;font-size:17px}.symbol.very-wide{grid-column:span 4;font-size:16px}.symbol[data-symbol=" "]{display:none}.empty-state{border:1px dashed var(--line);border-radius:16px;text-align:center;padding:38px 20px;background:var(--surface)}.empty-art{font-family:var(--symbol-font);font-size:36px;color:var(--accent);margin-bottom:12px}.empty-state h2{font-size:17px;margin-bottom:7px}.empty-state p{color:var(--muted);font-size:13px}.compat-note{font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;padding:16px 3px 21px;line-height:1.65}.compat-note svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px}.faq{padding:19px 20px 10px;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:18px}.faq h2{font-size:16px;letter-spacing:-.2px;margin-bottom:10px}.faq details{border-top:1px solid var(--line)}.faq summary{font-size:12px;font-weight:650;cursor:pointer;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::after{content:'+';color:var(--accent);font-size:16px;line-height:1.2;font-weight:400}.faq details[open] summary::after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:14px;max-width:850px}.footer{margin-top:20px;padding-block:20px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-copy{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.footer .tiny-heart{font-family:var(--symbol-font);color:var(--accent);font-size:15px}.top-link{display:inline-flex;align-items:center;gap:5px;min-height:30px}.top-link svg{width:13px;height:13px}.breadcrumb{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:9px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--accent)}.breadcrumb svg{width:11px;height:11px}.category-hero .hero-art{width:110px;height:100px}.category-hero .category-art{font-family:var(--symbol-font);font-size:65px;display:grid;place-items:center;height:100%;color:var(--accent-strong);transform:rotate(-8deg)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:100;border:1px solid var(--line);background:var(--ink);color:var(--surface);padding:11px 18px;border-radius:50px;box-shadow:0 10px 35px #0002;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 28px);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;font-size:13px;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.toast-symbol{font-family:var(--symbol-font);font-size:22px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;max-width:160px}.toast-check{color:#c2e2d2;flex-shrink:0}.toast-check svg{width:16px;height:16px}:root[data-theme=dark] .toast-check{color:#307057}.offline-banner,.noscript-banner{border:1px solid var(--line);background:var(--pink);padding:10px 16px;margin-top:12px;border-radius:10px;font-size:12px}.offline-banner{display:flex;align-items:center;gap:8px}.offline-banner svg{width:16px;height:16px}.dialog{width:min(440px,calc(100vw - 28px));padding:24px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--surface);box-shadow:0 30px 100px #0003}.dialog::backdrop{background:#1c122b70;backdrop-filter:blur(3px)}.dialog h2{font-size:20px;line-height:1.35;margin-bottom:10px;padding-inline-end:30px}.dialog p{color:var(--muted);font-size:13px;line-height:1.8}.dialog-close{position:absolute;inset-inline-end:12px;top:12px;background:var(--surface2);color:var(--muted);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.dialog-close svg{width:16px;height:16px}.dialog-input{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:15px;font-family:var(--symbol-font);font-size:27px;text-align:center;color:var(--ink);margin-top:18px}.dialog-logo{height:54px;width:54px;margin-bottom:14px}.clipboard-helper{position:fixed;left:-9999px;top:0;font-size:16px;opacity:0}.standalone .install-button{display:none}.not-found{max-width:680px;margin:60px auto;text-align:center}.not-found h1{font-size:36px;margin:16px}.not-found p{color:var(--muted);margin-bottom:24px}.primary-link{background:var(--accent);color:var(--surface);display:inline-block;padding:11px 18px;border-radius:12px;font-weight:650}.not-found .language-links{margin-top:30px}.not-found .language-links a{justify-content:center}.no-js-only{display:none}html:not(.js) .no-js-only{display:block}html:not(.js) .js-only{display:none!important}
@media(min-width:1400px){.wrap{max-width:1330px}.layout{grid-template-columns:214px minmax(0,1fr)}}
@media(max-width:1000px){.wrap{padding-inline:18px}.layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.hero-art{width:150px}.hero h1{font-size:29px}.category-nav a{font-size:11px}.install-label{display:none}.tool-button{padding:0;width:46px}.eyebrow{font-size:9px;letter-spacing:1.1px}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(43px,1fr))}}
@media(max-width:760px){html{scroll-padding-top:118px}.wrap{padding-inline:14px}.header{height:59px}.brand{font-size:24px}.brand img{height:30px;width:30px}.header-actions{gap:11px}.external-link{font-size:12px}.language-picker>summary{padding:7px 9px;min-height:35px;font-size:11px;gap:6px}.hero{padding-block:20px;min-height:140px;gap:8px}.hero h1{font-size:27px;letter-spacing:-.7px;line-height:1.25}.hero p{font-size:12px;line-height:1.65;max-width:540px}.hero-meta{margin-top:9px;font-size:10px}.hero-art{width:117px;height:95px}.art-tile{width:52px;height:58px;left:0;top:20px;font-size:34px;border-radius:14px}.art-tile:nth-child(2){left:52px;top:9px;font-size:37px}.art-spark{left:92px;top:70px;font-size:22px}.art-dot{left:6px;top:6px;width:6px;height:6px}.hero-art:before{inset:6px 2px}.layout{display:block}.sidebar{position:sticky;top:59px;z-index:20;max-height:none;overflow:visible;padding:8px 0;margin:0 -14px 12px;background:var(--header);backdrop-filter:blur(12px);border-block:1px solid var(--line)}.side-heading,.sidebar-note{display:none}.category-nav{flex-direction:row;overflow-x:auto;gap:6px;padding-inline:14px;scrollbar-width:none;overscroll-behavior-inline:contain}.category-nav::-webkit-scrollbar{display:none}.category-nav a{white-space:nowrap;min-height:32px;flex-shrink:0;font-size:11px;padding:6px 10px;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:9px}.category-nav .nav-icon{font-size:16px;flex-basis:auto;min-width:14px}.category-nav .nav-label{overflow-wrap:normal}.category-nav a.active,.category-nav a[aria-current=page]{border-color:var(--accent-soft)}.toolbar{gap:7px}.tool-button,.search-form{height:44px;border-radius:11px}.tool-button{min-width:44px;width:44px}.shortcut{display:none}.search-submit{width:36px;height:40px}.search-form input{font-size:12px}.catalog-intro{font-size:10px;padding-bottom:10px}.catalog{gap:11px}.symbol-section{scroll-margin-top:121px;border-radius:13px}.section-heading{padding:10px 10px 8px}.section-title h2{font-size:13px}.symbol-grid{padding:0 9px 10px;gap:4px;grid-template-columns:repeat(auto-fill,minmax(43px,1fr))}.symbol{height:44px;font-size:24px;border-radius:8px}.symbol.wide{font-size:15px}.symbol.very-wide{font-size:14px}.recent-row{padding:6px 8px;gap:6px}.recent-label{font-size:9px;max-width:85px;white-space:normal;line-height:1.35}.recent-symbols .symbol{height:31px}.faq{padding:16px 14px 6px}.faq h2{font-size:15px}.footer{margin-top:14px;padding-block:16px;font-size:10px}.footer-right{display:none}.toast{bottom:max(19px,env(safe-area-inset-bottom));padding:10px 16px;font-size:12px}.category-hero .hero-art{width:65px;height:75px}.category-hero .category-art{font-size:48px}.category-hero h1{font-size:26px}.compat-note{font-size:10px;padding-block:13px 17px}}
@media(max-width:420px){.header-inner{gap:8px}.header-actions{gap:8px}.brand{gap:6px;font-size:23px}.brand img{width:27px;height:27px}.external-link{font-size:11px;gap:3px}.external-link svg{height:11px;width:11px}.language-picker>summary{max-width:143px;padding-inline:8px}.language-current{max-width:91px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-picker>summary .chevron{display:none}.hero-art{display:none}.hero{min-height:auto;padding-block:19px 17px}.hero h1{font-size:27px}.hero p{font-size:12px}.hero-meta{margin-top:10px}.eyebrow{font-size:8px;letter-spacing:1.2px}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.category-hero h1{font-size:24px}.section-count{font-size:9px}.footer{align-items:flex-start}.footer-copy{max-width:240px}.footer .top-link{font-size:0;min-width:25px}.footer .top-link svg{width:16px;height:16px}.language-menu{width:320px}.recent-label{max-width:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(display-mode:standalone){.install-button{display:none}.header{padding-top:env(safe-area-inset-top);height:calc(59px + env(safe-area-inset-top))}.footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media print{.header,.sidebar,.toolbar,.recent-row,.toast,.faq,.hero-art,.top-link,.install-button{display:none!important}body{background:white;color:black}.layout{display:block}.symbol-section{break-inside:avoid}.symbol{background:white;color:black;border-color:#ddd}.wrap{max-width:none;padding:0}.symbol-section{margin-bottom:10px}.hero{padding-block:0 15px}}

/* Expanded catalog */
.nav-icon,.section-icon,.category-art{position:relative}
.nav-icon .symbol-visual{width:19px;height:20px}
.nav-icon .emoji-art{transform:scale(.65);transform-origin:center}
.nav-icon .glyph-art{width:19px;height:19px;flex-basis:19px}
.symbol-visual{display:inline-flex;align-items:center;justify-content:center;gap:0;direction:ltr;unicode-bidi:isolate;white-space:pre;max-width:100%}
.emoji-art{display:inline-block;flex:0 0 28px;width:28px;height:28px;background-size:448px 448px;background-repeat:no-repeat;vertical-align:middle}
.glyph-art{width:29px;height:29px;flex:0 0 29px;overflow:visible;fill:currentColor}
.symbol.wide .glyph-art{width:19px;height:24px;flex-basis:19px}
.symbol.very-wide{grid-column:span 4;font-size:14px}
.type-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.type-filter{min-height:32px;padding:5px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;font-weight:600;color:var(--muted)}
.type-filter[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}
.type-filter:hover{border-color:var(--accent)}
.section-note{margin:0 12px 10px;padding:7px 9px;background:var(--accent-soft);border-radius:8px;color:var(--muted);font-size:11px;line-height:1.6}
.section-icon svg,.nav-icon svg{width:20px;height:20px}
.skin-variants{border-top:1px solid var(--line);margin:0 10px 9px}
.skin-variants>summary{padding:9px 3px;cursor:pointer;font-size:11px;color:var(--accent);font-weight:650}
.skin-variants .symbol-grid{padding:3px 0 1px}
.skin-variants .section-count{margin-inline-start:6px}
.symbol-section{content-visibility:auto;contain-intrinsic-size:auto 220px}
.symbol-section:target{content-visibility:visible}
.toast-symbol .symbol-visual{font-size:18px}.toast-symbol .glyph-art{width:25px;height:25px;flex-basis:25px}
.hero-meta{flex-wrap:wrap}.catalog-intro{gap:8px}.results-count{flex-shrink:0}
.recent-symbols{scrollbar-width:thin}.recent-symbols .symbol{min-width:34px;flex-shrink:0}.recent-symbols .symbol.wide{min-width:110px;padding-inline:8px}
@media(max-width:760px){.type-filter{font-size:10px;padding-inline:9px}.section-note{font-size:10px;margin-inline:9px}.glyph-art{width:27px;height:27px;flex-basis:27px}}
@media(max-width:360px){.symbol.very-wide{grid-column:span 4;font-size:11px}.hero h1{font-size:24px}.header-actions{gap:5px}.language-picker>summary{max-width:115px}.language-current{max-width:65px}}
@media(prefers-reduced-motion:reduce){.symbol-section{content-visibility:visible}}
.sheet-0{background-image:url("/assets/emoji-0.26461088e4.webp")}
.sheet-1{background-image:url("/assets/emoji-1.2120443922.webp")}
.sheet-2{background-image:url("/assets/emoji-2.7d35442183.webp")}
.sheet-3{background-image:url("/assets/emoji-3.155fa88f3e.webp")}
.sheet-4{background-image:url("/assets/emoji-4.431e69577c.webp")}
.sheet-5{background-image:url("/assets/emoji-5.02027bd636.webp")}
.sheet-6{background-image:url("/assets/emoji-6.a50f638fc2.webp")}
.sheet-7{background-image:url("/assets/emoji-7.26b6dc02fc.webp")}
.sheet-8{background-image:url("/assets/emoji-8.966bc57448.webp")}
.sheet-9{background-image:url("/assets/emoji-9.9ada3bea85.webp")}
.sheet-10{background-image:url("/assets/emoji-10.f40c5192a7.webp")}
.sheet-11{background-image:url("/assets/emoji-11.a7cb586583.webp")}
.sheet-12{background-image:url("/assets/emoji-12.76a1577068.webp")}
.sheet-13{background-image:url("/assets/emoji-13.17bc7e75e5.webp")}
.sheet-14{background-image:url("/assets/emoji-14.43de60f693.webp")}
.p-0{background-position:0px 0px}
.p-1{background-position:-28px 0px}
.p-2{background-position:-56px 0px}
.p-3{background-position:-84px 0px}
.p-4{background-position:-112px 0px}
.p-5{background-position:-140px 0px}
.p-6{background-position:-168px 0px}
.p-7{background-position:-196px 0px}
.p-8{background-position:-224px 0px}
.p-9{background-position:-252px 0px}
.p-10{background-position:-280px 0px}
.p-11{background-position:-308px 0px}
.p-12{background-position:-336px 0px}
.p-13{background-position:-364px 0px}
.p-14{background-position:-392px 0px}
.p-15{background-position:-420px 0px}
.p-16{background-position:0px -28px}
.p-17{background-position:-28px -28px}
.p-18{background-position:-56px -28px}
.p-19{background-position:-84px -28px}
.p-20{background-position:-112px -28px}
.p-21{background-position:-140px -28px}
.p-22{background-position:-168px -28px}
.p-23{background-position:-196px -28px}
.p-24{background-position:-224px -28px}
.p-25{background-position:-252px -28px}
.p-26{background-position:-280px -28px}
.p-27{background-position:-308px -28px}
.p-28{background-position:-336px -28px}
.p-29{background-position:-364px -28px}
.p-30{background-position:-392px -28px}
.p-31{background-position:-420px -28px}
.p-32{background-position:0px -56px}
.p-33{background-position:-28px -56px}
.p-34{background-position:-56px -56px}
.p-35{background-position:-84px -56px}
.p-36{background-position:-112px -56px}
.p-37{background-position:-140px -56px}
.p-38{background-position:-168px -56px}
.p-39{background-position:-196px -56px}
.p-40{background-position:-224px -56px}
.p-41{background-position:-252px -56px}
.p-42{background-position:-280px -56px}
.p-43{background-position:-308px -56px}
.p-44{background-position:-336px -56px}
.p-45{background-position:-364px -56px}
.p-46{background-position:-392px -56px}
.p-47{background-position:-420px -56px}
.p-48{background-position:0px -84px}
.p-49{background-position:-28px -84px}
.p-50{background-position:-56px -84px}
.p-51{background-position:-84px -84px}
.p-52{background-position:-112px -84px}
.p-53{background-position:-140px -84px}
.p-54{background-position:-168px -84px}
.p-55{background-position:-196px -84px}
.p-56{background-position:-224px -84px}
.p-57{background-position:-252px -84px}
.p-58{background-position:-280px -84px}
.p-59{background-position:-308px -84px}
.p-60{background-position:-336px -84px}
.p-61{background-position:-364px -84px}
.p-62{background-position:-392px -84px}
.p-63{background-position:-420px -84px}
.p-64{background-position:0px -112px}
.p-65{background-position:-28px -112px}
.p-66{background-position:-56px -112px}
.p-67{background-position:-84px -112px}
.p-68{background-position:-112px -112px}
.p-69{background-position:-140px -112px}
.p-70{background-position:-168px -112px}
.p-71{background-position:-196px -112px}
.p-72{background-position:-224px -112px}
.p-73{background-position:-252px -112px}
.p-74{background-position:-280px -112px}
.p-75{background-position:-308px -112px}
.p-76{background-position:-336px -112px}
.p-77{background-position:-364px -112px}
.p-78{background-position:-392px -112px}
.p-79{background-position:-420px -112px}
.p-80{background-position:0px -140px}
.p-81{background-position:-28px -140px}
.p-82{background-position:-56px -140px}
.p-83{background-position:-84px -140px}
.p-84{background-position:-112px -140px}
.p-85{background-position:-140px -140px}
.p-86{background-position:-168px -140px}
.p-87{background-position:-196px -140px}
.p-88{background-position:-224px -140px}
.p-89{background-position:-252px -140px}
.p-90{background-position:-280px -140px}
.p-91{background-position:-308px -140px}
.p-92{background-position:-336px -140px}
.p-93{background-position:-364px -140px}
.p-94{background-position:-392px -140px}
.p-95{background-position:-420px -140px}
.p-96{background-position:0px -168px}
.p-97{background-position:-28px -168px}
.p-98{background-position:-56px -168px}
.p-99{background-position:-84px -168px}
.p-100{background-position:-112px -168px}
.p-101{background-position:-140px -168px}
.p-102{background-position:-168px -168px}
.p-103{background-position:-196px -168px}
.p-104{background-position:-224px -168px}
.p-105{background-position:-252px -168px}
.p-106{background-position:-280px -168px}
.p-107{background-position:-308px -168px}
.p-108{background-position:-336px -168px}
.p-109{background-position:-364px -168px}
.p-110{background-position:-392px -168px}
.p-111{background-position:-420px -168px}
.p-112{background-position:0px -196px}
.p-113{background-position:-28px -196px}
.p-114{background-position:-56px -196px}
.p-115{background-position:-84px -196px}
.p-116{background-position:-112px -196px}
.p-117{background-position:-140px -196px}
.p-118{background-position:-168px -196px}
.p-119{background-position:-196px -196px}
.p-120{background-position:-224px -196px}
.p-121{background-position:-252px -196px}
.p-122{background-position:-280px -196px}
.p-123{background-position:-308px -196px}
.p-124{background-position:-336px -196px}
.p-125{background-position:-364px -196px}
.p-126{background-position:-392px -196px}
.p-127{background-position:-420px -196px}
.p-128{background-position:0px -224px}
.p-129{background-position:-28px -224px}
.p-130{background-position:-56px -224px}
.p-131{background-position:-84px -224px}
.p-132{background-position:-112px -224px}
.p-133{background-position:-140px -224px}
.p-134{background-position:-168px -224px}
.p-135{background-position:-196px -224px}
.p-136{background-position:-224px -224px}
.p-137{background-position:-252px -224px}
.p-138{background-position:-280px -224px}
.p-139{background-position:-308px -224px}
.p-140{background-position:-336px -224px}
.p-141{background-position:-364px -224px}
.p-142{background-position:-392px -224px}
.p-143{background-position:-420px -224px}
.p-144{background-position:0px -252px}
.p-145{background-position:-28px -252px}
.p-146{background-position:-56px -252px}
.p-147{background-position:-84px -252px}
.p-148{background-position:-112px -252px}
.p-149{background-position:-140px -252px}
.p-150{background-position:-168px -252px}
.p-151{background-position:-196px -252px}
.p-152{background-position:-224px -252px}
.p-153{background-position:-252px -252px}
.p-154{background-position:-280px -252px}
.p-155{background-position:-308px -252px}
.p-156{background-position:-336px -252px}
.p-157{background-position:-364px -252px}
.p-158{background-position:-392px -252px}
.p-159{background-position:-420px -252px}
.p-160{background-position:0px -280px}
.p-161{background-position:-28px -280px}
.p-162{background-position:-56px -280px}
.p-163{background-position:-84px -280px}
.p-164{background-position:-112px -280px}
.p-165{background-position:-140px -280px}
.p-166{background-position:-168px -280px}
.p-167{background-position:-196px -280px}
.p-168{background-position:-224px -280px}
.p-169{background-position:-252px -280px}
.p-170{background-position:-280px -280px}
.p-171{background-position:-308px -280px}
.p-172{background-position:-336px -280px}
.p-173{background-position:-364px -280px}
.p-174{background-position:-392px -280px}
.p-175{background-position:-420px -280px}
.p-176{background-position:0px -308px}
.p-177{background-position:-28px -308px}
.p-178{background-position:-56px -308px}
.p-179{background-position:-84px -308px}
.p-180{background-position:-112px -308px}
.p-181{background-position:-140px -308px}
.p-182{background-position:-168px -308px}
.p-183{background-position:-196px -308px}
.p-184{background-position:-224px -308px}
.p-185{background-position:-252px -308px}
.p-186{background-position:-280px -308px}
.p-187{background-position:-308px -308px}
.p-188{background-position:-336px -308px}
.p-189{background-position:-364px -308px}
.p-190{background-position:-392px -308px}
.p-191{background-position:-420px -308px}
.p-192{background-position:0px -336px}
.p-193{background-position:-28px -336px}
.p-194{background-position:-56px -336px}
.p-195{background-position:-84px -336px}
.p-196{background-position:-112px -336px}
.p-197{background-position:-140px -336px}
.p-198{background-position:-168px -336px}
.p-199{background-position:-196px -336px}
.p-200{background-position:-224px -336px}
.p-201{background-position:-252px -336px}
.p-202{background-position:-280px -336px}
.p-203{background-position:-308px -336px}
.p-204{background-position:-336px -336px}
.p-205{background-position:-364px -336px}
.p-206{background-position:-392px -336px}
.p-207{background-position:-420px -336px}
.p-208{background-position:0px -364px}
.p-209{background-position:-28px -364px}
.p-210{background-position:-56px -364px}
.p-211{background-position:-84px -364px}
.p-212{background-position:-112px -364px}
.p-213{background-position:-140px -364px}
.p-214{background-position:-168px -364px}
.p-215{background-position:-196px -364px}
.p-216{background-position:-224px -364px}
.p-217{background-position:-252px -364px}
.p-218{background-position:-280px -364px}
.p-219{background-position:-308px -364px}
.p-220{background-position:-336px -364px}
.p-221{background-position:-364px -364px}
.p-222{background-position:-392px -364px}
.p-223{background-position:-420px -364px}
.p-224{background-position:0px -392px}
.p-225{background-position:-28px -392px}
.p-226{background-position:-56px -392px}
.p-227{background-position:-84px -392px}
.p-228{background-position:-112px -392px}
.p-229{background-position:-140px -392px}
.p-230{background-position:-168px -392px}
.p-231{background-position:-196px -392px}
.p-232{background-position:-224px -392px}
.p-233{background-position:-252px -392px}
.p-234{background-position:-280px -392px}
.p-235{background-position:-308px -392px}
.p-236{background-position:-336px -392px}
.p-237{background-position:-364px -392px}
.p-238{background-position:-392px -392px}
.p-239{background-position:-420px -392px}
.p-240{background-position:0px -420px}
.p-241{background-position:-28px -420px}
.p-242{background-position:-56px -420px}
.p-243{background-position:-84px -420px}
.p-244{background-position:-112px -420px}
.p-245{background-position:-140px -420px}
.p-246{background-position:-168px -420px}
.p-247{background-position:-196px -420px}
.p-248{background-position:-224px -420px}
.p-249{background-position:-252px -420px}
.p-250{background-position:-280px -420px}
.p-251{background-position:-308px -420px}
.p-252{background-position:-336px -420px}
.p-253{background-position:-364px -420px}
.p-254{background-position:-392px -420px}
.p-255{background-position:-420px -420px}