:root{--brand:#BC552D;--ink:#302A26;--muted:#89786B;--line:#EBE4DE;--pale:#FBF9F6}*{box-sizing:border-box}html{scroll-padding-top:78px;scroll-behavior:smooth}body{margin:0;background:#FFFEFC;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.topbar{height:65px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line);background:#fffefa;position:sticky;top:0;z-index:30;padding:0 24px}.brand{display:flex;gap:10px;align-items:center;min-width:168px}.brand-icon,.brand-icon svg{width:35px;height:35px;display:block;flex-shrink:0}.brand strong{font-size:22px;font-weight:800;letter-spacing:-1.1px;line-height:1.1}.brand-en{display:block;font-size:7px;letter-spacing:1.5px;font-weight:500;color:#9A8A7F;margin-top:4px}.topbar nav{display:flex;gap:26px;align-items:center;height:100%;font-size:12px;color:#998679}.topbar nav a{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent}.topbar nav .selected{color:var(--brand);border-color:var(--brand);font-weight:650}.saved-top{margin-left:auto;background:#FCF3EC;border:1px solid #F1DED1;border-radius:6px;font-size:11px;padding:8px 12px;white-space:nowrap;color:#A2603E}.saved-top>span{margin-right:4px;font-size:15px}.saved-top b{font-size:10px;margin-left:6px;background:#fff;padding:2px 4px;border-radius:3px}.layout{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1600px;margin:auto}.sidebar{background:#FCFAF7;border-right:1px solid var(--line);position:sticky;top:65px;height:calc(100vh - 65px);overflow:auto;padding:22px 12px;scrollbar-width:thin}.sidebar-title{font-size:10px;color:#AE9C8C;letter-spacing:.7px;margin:0 10px 10px}.sidebar a,.sidebar>button{display:flex;width:100%;align-items:center;text-align:left;padding:7px 9px;gap:7px;font-size:11px;color:#8B7563;border-radius:4px;margin:1px 0}.sidebar .all-link{background:#F6E8DC;font-weight:650;color:#A34D2A}.sidebar a:hover,.sidebar button:hover,.sidebar a.active{background:#F7EADD;color:#A34D2A}.sidebar nav a>span{font-size:15px;width:20px;line-height:1.2;text-align:center;flex-shrink:0}.sidebar small{margin-left:auto;color:#BEA997;font-size:9px}.categories-label{margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}.sidebar-note{margin:20px 9px;font-size:9px;line-height:1.8;color:#B4A28F;border-top:1px solid var(--line);padding-top:15px}main{min-width:0;padding:22px 26px 0}.right-rail{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}.breadcrumb{font-size:10px;color:#B09A89}.page-heading h1{font-size:26px;letter-spacing:-1px;line-height:1.3;margin:6px 0;font-weight:750}.page-heading h1 em{font-style:normal;color:var(--brand)}.page-heading p{font-size:11px;color:#A18A78;margin:0}.count-label{color:#B39E8E;font-size:10px;white-space:nowrap;margin-bottom:3px}.count-label b{font-size:11px;font-weight:650;color:#A46F4C}.count-label i{margin:0 5px;font-style:normal}.search-row{display:flex;gap:8px;max-width:900px}.search-box{height:39px;border:1px solid #E2CDBA;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 11px;flex:1;min-width:0;background:white}.search-box>span{font-size:23px;color:var(--brand);line-height:1}.search-box input{height:100%;min-width:0;flex:1;font-size:12px;border:0;outline:none;background:none;color:var(--ink)}input::placeholder{color:#B3A293}.search-box:focus-within{border-color:#CE9777;box-shadow:0 0 0 2px #BC552D0B}kbd{font-size:10px;border:1px solid #F1E6DD;border-radius:3px;padding:0 4px;color:#B49F8B}.outline{border:1px solid #E7DACE;border-radius:5px;padding:7px 11px;background:#fff;font-size:10px;white-space:nowrap;color:#9F8069}.composer{margin:9px 0 14px;max-width:900px;border:1px solid #EFE4DA;background:#FDFBF8;border-radius:5px}.composer summary{display:flex;align-items:center;gap:8px;list-style:none;padding:8px 11px;cursor:pointer;color:#AD9986;font-size:9px}.composer summary::-webkit-details-marker{display:none}.composer summary strong{font-size:10px;color:#9A7A61;font-weight:550}.compose-icon{font-size:16px;line-height:1}.composer summary b{margin-left:auto;font-size:14px;font-weight:400}.composer[open] summary{border-bottom:1px solid #EFE4DA}.composer[open] summary b{transform:rotate(180deg)}.composer-body{padding:11px}.composer-title{display:flex;align-items:center;gap:14px;margin-bottom:8px;font-size:10px;color:#AA9582}.composer-title label{display:flex;align-items:center;gap:5px;cursor:pointer}.composer-title input{accent-color:var(--brand);margin:0}.composer-title>span{font-size:9px}.compose-row{display:flex;gap:7px;position:relative}.compose-row>input{flex:1;min-width:0;padding:7px 27px 7px 9px;border:1px solid #E6D6C9;background:#fff;border-radius:4px;font-size:11px}.clear{font-size:19px;padding:0 5px;position:absolute;right:83px;top:0;color:#B4A18F}.primary{background:var(--brand);color:white;border-radius:4px;font-size:11px;padding:8px 12px;white-space:nowrap}.recent-strip{display:flex;align-items:center;gap:10px;margin:0 0 13px}.recent-strip h2{font-size:10px;font-weight:450;color:#AE9785;white-space:nowrap;margin:0}.recent-strip h2 span{margin-left:4px;font-size:9px}.recent-strip .tiles{overflow:auto;flex-wrap:nowrap;max-width:100%;padding:1px;scrollbar-width:thin}.recent-strip .favorite{display:none}.recent-strip .symbol{width:29px;min-width:29px;height:29px;font-size:17px;background:#fff}.recent-strip .wide .symbol{min-width:66px;font-size:12px}.popular{margin:0 0 23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.section-heading h2{font-size:18px;font-weight:650;color:#A44929;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:7px}.section-heading h2>span:not(.section-icon){font-size:10px;color:#BC9C83;font-weight:400;letter-spacing:0}.section-icon{display:none}.section-heading>a{font-size:10px;color:#B68B69;white-space:nowrap}.section-heading>a:hover{text-decoration:underline}.hint{display:flex;align-items:center;gap:4px;font-size:10px;color:#BEA389}.live-dot{height:4px;width:4px;border-radius:50%;background:#CA9F7B}.tiles{display:flex;flex-wrap:wrap;gap:4px}.tile{display:inline-flex;position:relative;vertical-align:middle}.symbol{width:38px;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid #DFD8D1;border-radius:6px;background:#fff;font-size:24px;line-height:1;color:#37312C;white-space:pre-wrap;transition:background .1s,border-color .1s}.symbol:hover{background:#FCF0E5;border-color:#C58962;color:#B4542C}.symbol:active{background:#F5DEC8}.tile.wide .symbol{width:auto;min-width:84px;max-width:100%;font-size:16px;line-height:1.3;padding:5px 10px}.favorite{position:absolute;top:0;right:0;width:14px;height:14px;border-radius:0 5px 0 3px;background:#ffffffeb;opacity:0;padding:0;font-size:9px;line-height:1;color:#B3A08B}.favorite:hover{color:#BC552D}.tile:hover .favorite,.tile:focus-within .favorite,.favorite[aria-pressed=true]{opacity:1}.favorite[aria-pressed=true]{color:#C28B20}.symbol-section{padding:0;margin:0 0 24px;border:0;background:none;border-radius:0;content-visibility:visible;scroll-margin-top:83px}.symbol-section>p{font-size:10px;color:#AA917D;margin:0 0 9px}.mobile-category{display:none}.category-index{display:none}.ad-banner{height:45px;border:1px dashed #EEE1D5;background:#FCFAF6;position:relative;display:flex;align-items:center;justify-content:center;margin:16px 0 22px;color:#C6B19C;border-radius:3px;text-align:center}.ad-banner>span{position:absolute;left:7px;top:5px;font-size:7px}.ad-banner>div{font-size:7px;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.ad-banner small{font-size:8px;letter-spacing:0}.ad-banner b{display:none}.usage-note{font-size:11px;line-height:1.9;color:#A58D77;border-top:1px solid var(--line);padding:19px 0;margin-top:26px}.usage-note strong{font-size:11px;font-weight:600}.usage-note p{font-size:10px}.usage-note a{font-size:10px;color:#B97648}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 0;font-size:10px;color:#B49D86}footer strong{font-size:15px;color:#AA8060}footer strong span{font-size:8px;margin-left:4px;font-weight:400}footer div{display:flex;gap:14px;margin-left:auto}footer small{font-size:9px;width:100%}.info{padding:10px 0;max-width:800px;line-height:2;color:#8C7664;min-height:65vh;font-size:13px}.info h1{font-size:27px;color:#6E4931;margin-bottom:28px}.info h2{font-size:18px;color:#8B5B3C;margin-top:28px}.info a{color:#B56132;text-decoration:underline}.large-symbols .symbol{width:50px;min-width:50px;height:50px;font-size:31px}.large-symbols .wide .symbol{width:auto;min-width:106px;font-size:20px}#filter-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0}#filter-title{font-size:19px;color:#A24E2E;font-weight:650}#empty{padding:40px 20px;text-align:center;background:#FCF6EF;border:1px dashed var(--line);border-radius:5px;color:#A28165;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);padding:12px 20px;background:#573B2D;color:#fff;border-radius:7px;box-shadow:0 5px 20px #573B2D30;font-size:12px;opacity:0;pointer-events:none;transition:.15s;z-index:80}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-60px}.skip:focus{top:0;background:white;padding:14px;z-index:100}dialog{border:1px solid var(--line);border-radius:10px;padding:24px;max-width:90vw}dialog::backdrop{background:#573B2D55}dialog textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:5px;padding:10px;display:block;margin:15px 0}dialog h2{font-size:20px}dialog p{font-size:12px;color:#9D7F66}[hidden]{display:none!important}@media(min-width:1450px){.symbol{width:41px;min-width:41px;height:41px;font-size:26px}main{padding:25px 30px 0}.layout{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:720px){.topbar{height:59px;padding:0 13px;gap:8px}.brand{min-width:0;margin-right:auto;gap:8px}.brand strong{font-size:20px}.brand-icon,.brand-icon svg{width:31px;height:31px}.brand-en{font-size:6px;margin-top:3px;letter-spacing:1px}.topbar nav{display:none}.saved-top{padding:7px 9px;font-size:10px;margin:0}.saved-top>span{font-size:12px}.layout{display:block}.sidebar{display:none}main{padding:17px 12px 0}.page-heading{display:block;margin-bottom:12px}.page-heading h1{font-size:23px;margin:5px 0 7px}.page-heading p{font-size:10px;line-height:1.8}.breadcrumb{font-size:9px}.count-label{display:block;margin-top:5px;font-size:9px}.count-label b{font-size:10px}.search-box{height:38px;padding:0 9px}.search-box input{font-size:11px}.search-box kbd{display:none}.search-row{gap:6px}.outline{font-size:9px;padding:7px 9px}.composer{margin:8px 0 13px}.composer summary{padding:8px 9px}.composer summary>span:not(.compose-icon){font-size:8px}.composer summary strong{font-size:10px}.composer-title>span{display:none}.compose-row>input{font-size:10px}.primary{font-size:10px;padding:8px 10px}.clear{right:70px}.recent-strip h2{font-size:9px}.recent-strip h2 span{display:none}.recent-strip{margin-bottom:13px}.symbol{width:36px;min-width:36px;height:36px;font-size:23px;border-radius:5px}.tiles{gap:4px}.tile.wide .symbol{font-size:14px;min-width:78px;padding:5px 8px}.favorite{opacity:.42;width:13px;height:13px;font-size:8px}.section-heading h2{font-size:17px}.section-heading>a{font-size:9px}.section-heading h2>span:not(.section-icon){font-size:9px}.symbol-section>p{font-size:9px}.hint{display:none}.popular{margin-bottom:19px}.symbol-section{margin-bottom:22px;scroll-margin-top:75px}.ad-banner{margin:14px 0 15px;height:37px}.ad-banner>div{font-size:6px;gap:8px}.ad-banner small{font-size:7px}.mobile-category{display:flex;align-items:center;gap:10px;font-size:10px;color:#A17A5A;margin:0 0 20px}.mobile-category select{flex:1;min-width:0;border:1px solid #EAD8C8;border-radius:4px;background:#FFFDFA;color:#9C6A45;padding:8px;font-size:11px}.large-symbols .symbol{width:46px;min-width:46px;height:46px;font-size:28px}.large-symbols .wide .symbol{width:auto;min-width:100px;font-size:19px}footer{font-size:9px;gap:12px}footer div{gap:10px}footer strong{font-size:13px}.usage-note{font-size:10px}.usage-note p{font-size:9px}#toast{white-space:nowrap;font-size:11px;max-width:94vw}.info{font-size:12px}.info h1{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#toast,.symbol{transition:none}}
.symbol{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Apple Symbols','Segoe UI Symbol','Apple Color Emoji','Segoe UI Emoji',sans-serif}
/* Find common expressions first, then browse the complete grouped catalog. */
.nav-group{padding:8px 0 12px;border-bottom:1px solid var(--line)}.sidebar .nav-group-title{font-size:10px;font-weight:700;color:#8D624A;padding:8px 9px 5px;min-height:0}.sidebar .categories-label{margin-bottom:0}.sidebar .nav-group:last-child{border:0}.group-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 17px}.group-shortcuts a{border:1px solid #E9DAD0;background:#FFFDF9;padding:7px 12px;border-radius:5px;font-size:11px;color:#82543A;display:flex;gap:18px;align-items:center}.group-shortcuts a:hover{background:#FAEADD;border-color:#C9967B}.group-shortcuts a span{color:#C08A69}.popular{border:1px solid #EADCD2;background:#FFFEFC;padding:15px 15px 7px;border-radius:7px;margin-bottom:18px}.featured-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-top:1px solid #F0E8E0}.featured-label{font-size:11px;color:#866A57;font-weight:600;padding-top:7px;line-height:1.6}.featured-label span{display:block;font-size:9px;font-weight:400;color:#B99A84;margin-top:4px}.featured-row .tiles{gap:4px}.featured-row .tile.wide .symbol{min-width:59px;font-size:14px;padding:5px 9px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 6px}.catalog-toolbar>div{display:flex;align-items:center;gap:10px}.catalog-toolbar strong{font-size:15px;color:#604732}.catalog-toolbar>div>span{font-size:10px;color:#A78B77}.sort-control{display:flex;align-items:center;gap:8px;font-size:10px;color:#94755E;white-space:nowrap}.sort-control select{padding:6px 22px 6px 8px;border:1px solid #DCC7B8;border-radius:4px;background:white;color:#7A4A30;font-size:11px}.sort-note{font-size:9px;line-height:1.7;color:#AB9380;margin:0 0 22px}.catalog-group{margin:30px 0 19px;padding:17px 0 10px;border-top:2px solid #DDC2AF;scroll-margin-top:83px}.catalog-group h2{font-size:19px;color:#76533C;font-weight:650;margin:0 0 6px}.catalog-group p{font-size:10px;color:#A38A77;margin:0}.frequent-strip{display:flex;align-items:flex-start;gap:12px;margin:14px 0 10px}.frequent-strip h2{font-size:10px;color:#986C4A;font-weight:500;white-space:nowrap;padding-top:7px;min-width:94px}.frequent-strip h2 span{display:block;font-size:8px;color:#B49B86;font-weight:400;margin-top:5px}.frequent-strip .symbol{height:30px;min-width:30px;width:30px;font-size:20px}.frequent-strip .tile.wide .symbol{width:auto;min-width:56px;font-size:13px}.recent-strip .tile.wide .symbol{font-size:13px;min-width:56px}.recent-strip{margin-bottom:10px}.section-icon{display:none}
@media(max-width:720px){.group-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:13px 0}.group-shortcuts a{font-size:10px;justify-content:space-between;padding:7px 9px}.popular{padding:12px 9px 2px}.popular .section-heading{margin-bottom:8px}.featured-row{grid-template-columns:1fr;gap:7px;padding:9px 0}.featured-label{font-size:10px;padding:0;display:flex;justify-content:space-between}.featured-label span{display:inline;margin:0;font-size:9px}.featured-row .tile.wide .symbol{font-size:13px;min-width:53px;padding:5px 7px}.catalog-toolbar{margin-top:20px}.catalog-toolbar>div>span{display:none}.catalog-toolbar strong{font-size:13px}.sort-control select{font-size:10px;padding:6px}.sort-note{font-size:9px;margin-bottom:15px}.catalog-group{margin:23px 0 15px;padding-top:13px;scroll-margin-top:76px}.catalog-group h2{font-size:18px}.catalog-group p{font-size:9px}.frequent-strip{gap:8px}.frequent-strip h2{font-size:9px;min-width:75px}.frequent-strip h2 span{font-size:7px}.frequent-strip .symbol{width:29px;min-width:29px;height:29px}.frequent-strip .tile.wide .symbol{width:auto;font-size:12px;min-width:49px}}

.tile.wide .symbol{white-space:pre}.featured-row .tile.wide .symbol{min-width:44px}.featured-row .symbol{flex-shrink:0}

.personal-history{display:flex;gap:25px;flex-wrap:wrap;margin:13px 0}.personal-history .frequent-strip,.personal-history .recent-strip{margin:0;flex:0 1 auto}.personal-history .frequent-strip h2{padding-top:6px}.personal-history .frequent-strip h2 span{margin-top:2px}.personal-history .recent-strip{align-items:flex-start}.personal-history .recent-strip h2{padding-top:7px}.personal-history .tiles{max-width:590px}@media(max-width:720px){.personal-history{gap:8px;margin:10px 0}.personal-history .tiles{max-width:100%}.personal-history .recent-strip h2{padding-top:6px}}

html{scroll-behavior:auto}
/* Always available: select one symbol, build a phrase, copy the whole phrase. */
.composer{position:sticky;top:65px;z-index:25;max-width:none;margin:12px 0 16px;padding:12px 14px 10px;border:1px solid #DFC4B2;background:#FFFDF9;border-radius:7px;box-shadow:0 3px 12px #6B472311}
.composer-topline{display:flex;align-items:center;gap:12px;margin-bottom:9px}.composer-topline h2{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#8D3C23;white-space:nowrap;margin:0}.composer-topline h2>span{font-size:17px;color:#BC552D}.composer-topline p{font-size:10px;color:#A08570;margin:0;line-height:1.6}.composer-topline #compose-count{margin-left:auto;font-size:10px;color:#AE9581;white-space:nowrap;font-variant-numeric:tabular-nums}.composer-topline #compose-count.over-limit{color:#B13425}.compose-row{display:flex;align-items:stretch;gap:8px}.compose-row textarea{display:block;flex:1;min-width:0;height:59px;padding:9px 12px;border:1px solid #D8C5B5;border-radius:5px;background:#fff;color:#4B3B30;resize:none;font-family:inherit;font-size:20px;line-height:1.6;box-shadow:inset 0 1px 2px #62421E06}.compose-row textarea::placeholder{font-size:12px;color:#B7A697;line-height:2.8}.compose-row textarea:focus{outline:2px solid #BC552D44;border-color:#BC552D}.compose-row textarea[aria-invalid=true]{border-color:#B13425}.compose-row .primary{padding:0 21px;min-width:104px;border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap}.composer-actions{display:flex;align-items:center;gap:7px;margin-top:8px}.composer-actions>span{margin-right:auto;font-size:9px;color:#B39A85}.composer-actions .outline{font-size:10px;padding:4px 8px;min-height:25px;background:#FFFDF9}.composer button:disabled{opacity:.42;cursor:default;box-shadow:none}.composer .primary:disabled{background:#DBC2AE;color:#fff}.symbol.is-copied{background:#F7DFC8;border-color:#BC552D;color:#8D3C23}.symbol-section,.catalog-group{scroll-margin-top:calc(65px + var(--composer-height,145px) + 16px)}#filter-summary,#popular{scroll-margin-top:calc(65px + var(--composer-height,145px) + 16px)}
@media(max-width:720px){.composer{top:59px;margin:10px 0 13px;padding:9px 9px 8px;border-radius:6px}.composer-topline{gap:8px;flex-wrap:wrap;margin-bottom:7px}.composer-topline h2{font-size:11px}.composer-topline p{order:3;width:100%;font-size:9px;line-height:1.5;margin-top:-3px}.composer-topline #compose-count{font-size:9px}.compose-row{gap:6px}.compose-row textarea{height:55px;font-size:18px;padding:7px 9px}.compose-row textarea::placeholder{font-size:10px;line-height:1.8}.compose-row .primary{min-width:75px;padding:0 10px;font-size:11px}.composer-actions{gap:5px;margin-top:6px}.composer-actions>span{font-size:8px;max-width:45%;line-height:1.5}.composer-actions .outline{font-size:9px;padding:4px 6px}.symbol-section,.catalog-group,#filter-summary,#popular{scroll-margin-top:calc(59px + var(--composer-height,155px) + 12px)}}
/* Independent search inside each category. */
.category-search{display:flex;align-items:center;gap:12px;margin:10px 0 12px}.category-search-field{display:flex;align-items:center;flex:0 1 355px;min-width:0;height:34px;border:1px solid #E3D6CB;border-radius:5px;background:#FFFEFB;overflow:hidden}.category-search-field:focus-within{border-color:#BC552D;box-shadow:0 0 0 2px #BC552D14}.category-search-icon{padding:0 8px 0 10px;font-size:18px;color:#B7744E;line-height:1}.category-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:11px;color:#624B38;padding:7px 0}.category-search-input::placeholder{color:#AE9B8B}.category-search-input::-webkit-search-cancel-button{display:none}.category-search-field>button{flex:0 0 30px;align-self:stretch;background:transparent;color:#AD8669;font-size:19px;line-height:1;padding:0}.category-search-field>button:hover{background:#FAEADD;color:#8D3C23}.category-search-status{white-space:nowrap;font-size:10px;color:#A78B75;min-width:45px;font-variant-numeric:tabular-nums}.category-empty{padding:22px 16px;border:1px dashed #E5D4C5;border-radius:5px;background:#FFFBF6;text-align:center;font-size:11px;color:#AA886D}.category-empty strong{font-size:12px;color:#826047;font-weight:550}.category-empty p{margin:7px 0 12px}.flag-match .symbol{display:flex;align-items:center;gap:9px;width:auto;min-width:160px;max-width:100%;height:52px;padding:6px 12px;text-align:left}.flag-match .flag-icon{font-size:28px;line-height:1.2;flex:none}.flag-caption{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;line-height:1.5;color:#604833;white-space:normal}.flag-caption small{display:block;font-size:10px;color:#A08773;font-weight:400}.large-symbols .flag-match .symbol{width:auto;min-width:180px;height:62px}.large-symbols .flag-icon{font-size:35px}
@media(max-width:720px){.category-search{gap:9px;margin:9px 0 11px}.category-search-field{height:36px;flex:1 1 auto}.category-search-input{font-size:11px}.category-search-status{font-size:9px;min-width:40px}.category-search-field>button{flex-basis:32px}.flag-match .symbol{min-width:145px;max-width:100%;height:50px;padding:6px 10px;gap:8px}.flag-match .flag-icon{font-size:27px}.flag-caption{font-size:11px}.flag-caption small{font-size:9px}}
/* Named currency and measurement pickers. */
.reference-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 18px}.reference-card{min-width:0;border:1px solid #E3D1C3;background:#FFFDF9;border-radius:7px;padding:15px}.reference-card h3{font-size:14px;color:#865033;margin:0 0 5px;font-weight:650}.reference-card>p{font-size:10px;color:#AE937D;margin:0 0 14px;line-height:1.7}.reference-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:10px;color:#98765D}.reference-field select{display:block;width:100%;min-width:0;height:38px;padding:0 28px 0 9px;border:1px solid #DCC7B7;border-radius:5px;background:#fff;color:#634630;font-family:inherit;font-size:11px;cursor:pointer}.reference-field select:focus{outline:2px solid #BC552D30;border-color:#BC552D}.unit-selects{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.reference-preview{display:flex;align-items:center;gap:12px;padding:15px 0 13px;min-height:105px}.reference-glyph{flex:0 0 54px;min-width:0;max-width:80px;color:#8D3C23;font-size:31px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;text-align:center}.reference-glyph.unit-glyph{font-size:24px}.reference-preview>div{min-width:0}.reference-preview strong{display:block;font-size:12px;color:#755137;font-weight:650;line-height:1.7}.reference-preview span{display:block;font-size:10px;color:#A88A73;line-height:1.7}.reference-preview small{display:block;font-size:10px;color:#927963;margin-top:5px;line-height:1.6}.reference-copy{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap}.reference-copy .primary,.reference-copy .outline{font-size:10px;padding:9px 11px;min-height:34px;border-radius:4px}.reference-note{grid-column:1/-1;font-size:9px;line-height:1.8;color:#B09882;margin:0}.reference-note a{color:#A1603B;text-decoration:underline}.reference-symbol-group{margin:17px 0 20px}.reference-symbol-group h3{font-size:12px;color:#9C785B;font-weight:600;margin:0 0 10px}.named-tile .symbol,.tile.wide.named-tile .symbol{display:flex;align-items:center;gap:9px;width:174px;min-width:0;height:61px;padding:7px 10px;text-align:left;white-space:normal}.named-glyph{flex:0 0 43px;min-width:0;font-size:22px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.named-caption{display:block;min-width:0;font-size:11px;font-family:inherit;color:#72513B;line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis}.named-caption small{display:block;font-size:9px;font-weight:400;color:#AF9279;line-height:1.5;margin-top:3px;white-space:normal}.large-symbols .named-tile .symbol{width:205px;height:73px}.large-symbols .named-glyph{font-size:27px}.large-symbols .named-caption{font-size:12px}.personal-history .named-tile .symbol{width:132px;height:42px;gap:4px;padding:4px 6px}.personal-history .named-glyph{font-size:18px;flex-basis:29px}.personal-history .named-caption{font-size:9px}.personal-history .named-caption small{font-size:8px;margin-top:0}
@media(max-width:1060px){.reference-tools{grid-template-columns:1fr}.named-tile .symbol,.tile.wide.named-tile .symbol{width:166px}}@media(max-width:720px){.reference-tools{gap:10px;margin:12px 0 16px}.reference-card{padding:13px}.reference-card h3{font-size:13px}.reference-card>p{font-size:10px;margin-bottom:12px}.reference-field{font-size:10px}.reference-field select{height:40px;font-size:11px}.reference-preview{min-height:97px;padding:12px 0}.reference-preview strong{font-size:12px}.reference-copy .primary,.reference-copy .outline{min-height:37px;font-size:10px}.reference-note{font-size:9px}.named-tile .symbol,.tile.wide.named-tile .symbol{width:calc((100vw - 32px)/2);height:65px;padding:7px 8px;gap:6px}.named-glyph{flex-basis:37px;font-size:23px}.named-caption{font-size:10px}.named-caption small{font-size:9px}.large-symbols .named-tile .symbol{width:calc((100vw - 32px)/2);height:76px}.large-symbols .named-glyph{font-size:27px}.large-symbols .named-caption{font-size:11px}}
/* Account and category order editor */
.account-menu{display:flex;align-items:center;gap:10px;margin-left:12px;font-size:12px;white-space:nowrap}.account-menu span{max-width:120px;overflow:hidden;text-overflow:ellipsis;color:#766b65}.account-menu a{border:1px solid #dec9bd;border-radius:7px;padding:7px 10px;color:#93401f;font-weight:700}.categories-label{display:flex;justify-content:space-between;align-items:center;gap:6px}.categories-label .order-open{padding:3px 5px;font-size:10px;letter-spacing:0;font-weight:600}.catalog-toolbar .order-open{margin-left:auto;margin-right:14px;font-size:12px;white-space:nowrap}.catalog-toolbar{flex-wrap:wrap;gap:10px}.nav-personal{display:flex;flex-direction:column}.nav-personal[hidden],.nav-group[hidden]{display:none}.category-group-anchor{display:block;scroll-margin-top:calc(90px + var(--composer-height,150px))}
.order-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dfd4cd;border-radius:18px;box-shadow:0 24px 100px #32160733;color:#352d29;background:#fffdfb;overflow:hidden}.order-dialog[open]{display:flex;flex-direction:column}.order-dialog::backdrop{background:#29201ccc;backdrop-filter:blur(3px)}.order-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 10px;gap:12px}.order-eyebrow{font-size:10px;letter-spacing:1.7px;color:#b3542e;font-weight:800}.order-dialog-header h2{font-size:23px;letter-spacing:-1px;margin:7px 0 0}.order-close{border:0;background:#f3eeea;border-radius:50%;width:32px;height:32px;font-size:25px;color:#70645d;flex-shrink:0}.order-description{margin:0;padding:0 26px 17px;font-size:13px;line-height:1.65;color:#80716a}.order-account-note{margin:0 26px 14px;padding:12px 14px;background:#faeee5;border:1px solid #efdbcd;border-radius:9px;color:#8e4928;font-size:12px;line-height:1.6}.order-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 27px 10px;font-size:12px}.order-list-head span{color:#b4532e;margin-left:4px}.order-reset{background:none;border:0;font-size:12px;color:#80736b;text-decoration:underline;text-underline-offset:3px}.order-list{list-style:none;margin:0 16px;padding:0 8px;min-height:100px;height:min(44dvh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddc5b8 transparent}.order-item{display:flex;gap:10px;align-items:center;border:1px solid #e8dfd9;border-radius:9px;background:white;margin-bottom:7px;padding:10px 12px;cursor:grab;min-height:62px;box-sizing:border-box}.order-item.dragging{opacity:.4}.order-item.drop-target{border-color:#bc552d;box-shadow:0 -3px #bc552d}.drag-handle{font-size:21px;color:#c8bab1}.order-number{font-size:12px;font-variant-numeric:tabular-nums;color:#a9978c;min-width:16px}.order-symbol{font-size:23px;width:31px;text-align:center;color:#9d4d2c}.order-name{font-size:13px;font-weight:700;line-height:1.35;flex:1}.order-name small{display:block;font-size:10px;font-weight:400;color:#a08c80;margin-top:3px}.order-moves{display:flex;gap:4px}.order-moves button{border:1px solid #e7dcd5;background:#fffcf9;border-radius:6px;width:32px;height:32px;color:#8e563b;font-size:16px}.order-moves button:hover:not(:disabled){background:#faeadd;border-color:#c27e5b}.order-moves button:disabled{opacity:.25;cursor:default}.order-dialog button:focus-visible,.account-menu a:focus-visible{outline:3px solid #bc552d;outline-offset:2px}.order-feedback{padding:8px 26px;margin:0;min-height:32px;font-size:12px;color:#a04426;line-height:1.5;box-sizing:border-box}.order-dialog-footer{padding:15px 26px 20px;border-top:1px solid #ede3dd;display:flex;gap:8px;align-items:center;background:#faf6f2;flex-wrap:wrap}.order-dialog-footer .primary,.order-dialog-footer .outline{padding:11px 16px;font-size:12px}.order-dialog-footer .primary{margin-left:auto}.order-signin{width:100%;text-align:right;color:#a24926;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.order-signin[hidden]{display:none}
@media(max-width:1000px){.account-menu span{display:none}.account-menu{margin-left:0}.topbar{gap:14px}.account-menu a{font-size:11px;padding:7px}.catalog-toolbar>div>span{display:none}}
@media(max-width:600px){.order-dialog-header{padding:20px 18px 9px}.order-dialog-header h2{font-size:20px}.order-description{padding:0 18px 12px;font-size:12px}.order-account-note{margin:0 18px 12px}.order-list-head{padding:0 19px 10px}.order-list{margin:0 8px;padding:0 8px;height:40dvh}.order-item{gap:6px;padding:9px 8px}.order-symbol{width:23px;font-size:20px}.order-name{font-size:12px}.order-moves button{width:30px;height:34px}.order-dialog-footer{padding:13px 18px 16px}.order-feedback{padding:8px 18px}.catalog-toolbar .order-open{margin-right:0;margin-left:0}.catalog-toolbar .sort-control{margin-left:auto}.topbar .saved-top{font-size:0;gap:3px}.topbar .saved-top span,.topbar .saved-top b{font-size:12px}.account-menu a{padding:6px 8px}.topbar{gap:8px}}
.drag-handle{touch-action:none;user-select:none;cursor:grab;padding:7px 2px}.drag-handle:active{cursor:grabbing}
/* Compact money tiles; names remain available in the picker and tooltip. */
.tile.currency-tile .symbol{width:52px;min-width:52px;height:42px;padding:4px;font-size:24px;white-space:nowrap}.tile.currency-code .symbol{font-size:15px;letter-spacing:0}.large-symbols .tile.currency-tile .symbol{width:62px;min-width:62px;height:52px;font-size:30px}.large-symbols .tile.currency-code .symbol{font-size:18px}.personal-history .tile.currency-tile .symbol{width:42px;min-width:42px;height:30px;font-size:19px}.personal-history .tile.currency-code .symbol{font-size:12px}
/* Readable secondary text and a language selector that fits small headers. */
.language-control{display:flex;align-items:center;gap:8px;color:#775a47;margin-left:auto;flex-shrink:0}.language-control .language-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}.language-icon{width:17px;height:17px;flex-shrink:0;color:var(--brand)}.language-control select{max-width:105px;height:33px;padding:4px 19px 4px 7px;border:1px solid #dfd0c4;border-radius:5px;background:#fffdfa;color:#70503a;font-size:11px}.topbar{gap:22px}.topbar nav{gap:18px}.topbar .saved-top{margin-left:0}.symbol-section>p,.page-heading p,.sort-note,.reference-card>p,.reference-preview span,.reference-preview small,.named-caption small{color:#796958}.sidebar a,.sidebar-title,.sidebar small,.category-search-status,.reference-note{color:#806a58}.section-heading>a{color:#926142}html:not([data-locale=ko]) .brand strong{font-size:20px;letter-spacing:-.5px}html:not([data-locale=ko]) .brand-en,html:not([data-locale=ko]) footer>strong>span{display:none}html:not([data-locale=ko]) .composer-topline{flex-wrap:wrap}html:not([data-locale=ko]) .composer-topline p{font-size:10px}html:not([data-locale=ko]) .composer-actions>span{font-size:9px}
@media(max-width:1080px){.topbar nav{display:none}.language-control{margin-left:auto}.topbar{gap:12px}.brand{margin-right:0}}
@media(max-width:720px){.topbar{gap:7px}.language-control{flex-direction:column;align-items:flex-start;gap:2px}.language-control .language-label{font-size:9px;gap:3px;line-height:1.1}.language-icon{width:12px;height:12px}.language-control select{height:27px;max-width:88px;padding:3px 4px;font-size:10px}.brand{margin-right:0;flex:0 1 auto}.brand strong{font-size:18px}html:not([data-locale=ko]) .brand strong{font-size:17px}.brand-icon,.brand-icon svg{width:27px;height:27px}.saved-top{padding:6px}.topbar .saved-top{font-size:0;gap:2px}.topbar .saved-top>span,.topbar .saved-top b{font-size:11px}.topbar .saved-top b{margin-left:2px}.account-menu a{font-size:10px;padding:6px}.account-menu{margin-left:0}html:not([data-locale=ko]) .composer-topline p{order:3;width:100%;font-size:9px}html:not([data-locale=ko]) .composer-actions>span{font-size:8px}.order-dialog-header h2{line-height:1.35}html:not([data-locale=ko]) .order-dialog-header h2{font-size:19px}}
/* History must scroll inside its row instead of widening the page. */
.personal-history>.recent-strip,.personal-history>.frequent-strip{min-width:0;max-width:100%}.personal-history .tiles{min-width:0}.personal-history .recent-strip .tiles{flex:1 1 auto}html:not([data-locale=ko]) .count-label b{margin-right:3px}

/* Consistent, readable controls across Latin, CJK and Devanagari scripts. */
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic','Hiragino Kaku Gothic ProN','PingFang SC','Kohinoor Devanagari','Nirmala UI',sans-serif}
.language-control select{max-width:144px;min-width:90px;font-size:12px;height:35px;padding-left:9px}.language-label{line-height:1.4}.topbar{gap:18px}.topbar nav{gap:16px}
html[data-locale=hi] body{line-height:1.7}html[data-locale=hi] .section-heading h2{line-height:1.6}html:not([data-locale=ko]) .featured-row{grid-template-columns:112px minmax(0,1fr)}
.locale-links{display:flex;flex-wrap:wrap;gap:7px 14px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;color:#72513c}.locale-links a[aria-current=page]{font-weight:700;color:var(--brand)}
.seo-intro{margin:30px 0 24px;padding:24px;background:var(--pale);border:1px solid var(--line);border-radius:8px;max-width:100%;font-size:13px;line-height:1.85;color:#635448}.seo-intro h2{font-size:19px;line-height:1.5;color:var(--ink);margin:0 0 10px}.seo-intro h3{font-size:14px;margin:18px 0 5px;color:#604432}.seo-intro p{margin:6px 0}.seo-intro a{color:#a84824;text-decoration:underline;text-underline-offset:3px}.seo-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin:14px 0}.seo-intro details{border-top:1px solid var(--line);padding:12px 0}.seo-intro summary{cursor:pointer;font-weight:600;color:#604432}.seo-intro details p{margin:9px 0 0}.seo-intro .seo-kicker{font-size:11px;color:var(--brand);letter-spacing:.04em}
@media(max-width:1080px){.topbar{gap:10px}.language-control select{max-width:132px}}
@media(max-width:720px){.topbar{gap:6px}.language-control select{min-width:78px;max-width:104px;height:28px;font-size:11px}.language-control .language-label{font-size:9px}.locale-links{font-size:11px;gap:10px 13px}.seo-intro{padding:17px 14px;font-size:12px;line-height:1.9}.seo-intro h2{font-size:17px}.seo-intro h3{font-size:13px}html:not([data-locale=ko]) .featured-row{grid-template-columns:1fr}html[data-locale=hi] .brand strong{font-size:16px}}
/* Keep the dense symbol grid while making navigation and helper text easier to read. */
.sidebar a[data-category]{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:6px;line-height:1.5;font-size:12px;min-height:34px}.sidebar a[data-category]>span{font-size:14px;text-align:center}.sidebar a[data-category] small{margin-left:0;justify-self:end;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar .nav-group-title{font-size:11px}.sidebar-title{font-size:11px}
.search-box input{font-size:14px}.category-search-input{font-size:12px}.symbol-section>p,.page-heading p{font-size:12px;line-height:1.7}.category-search-status,.sort-note{font-size:10px}.composer-topline p{font-size:11px}.catalog-toolbar>div{flex-wrap:wrap;row-gap:7px}.seo-intro{font-size:14px}.language-control{max-width:100%}
@media(max-width:720px){.search-box input{font-size:12px}.category-search-input{font-size:12px}.symbol-section>p,.page-heading p{font-size:11px}.composer-topline p{font-size:10px}.seo-intro{font-size:12px}.language-control select{width:104px}.topbar .brand{min-width:0}.topbar .brand strong{font-size:17px}.topbar .brand-icon,.topbar .brand-icon svg{width:27px;height:27px}.language-control .language-label{font-size:9px}}