:root{--bg:#f8f9fc;--panel:#fff;--text:#242536;--muted:#9294a5;--line:#ececf3;--accent:#8060dc;--soft:#f0ebfb;--symbol-size:30px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,-apple-system,"Segoe UI",sans-serif}body.dark{--bg:#171721;--panel:#21212f;--text:#eceaf7;--muted:#a19db5;--line:#343242;--soft:#38304e}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button{border:0;background:transparent}button:hover{color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:65px;padding:0 36px;background:var(--panel);position:sticky;top:0;z-index:10}.brand{font-size:23px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center}.brand span{color:var(--accent)}.brand small{font-size:12px;color:var(--muted);font-weight:400;align-self:flex-end;margin-bottom:7px;letter-spacing:0}.logo{background:var(--accent);color:white;border-radius:12px;width:36px;height:36px;display:inline-grid;place-items:center;font-size:29px;margin-right:10px}nav{display:flex;align-self:stretch;gap:35px}.nav{font-size:14px;position:relative;color:#888894}.nav.active{color:var(--accent);font-weight:650}.nav.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--accent);left:0;right:0;border-radius:4px}.header-right{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:12px;color:var(--muted)}#theme{border:1px solid var(--line);border-radius:10px;width:35px;height:35px;font-size:22px}aside{width:232px;position:fixed;top:80px;bottom:0;overflow:auto;background:var(--panel);border-right:1px solid var(--line);padding:32px 18px 110px}.side-label{font-size:11px;color:var(--muted);padding:0 14px;margin-bottom:14px;letter-spacing:1px}.category-label{margin-top:30px;display:flex;justify-content:space-between}.category-label span{font-size:9px;letter-spacing:1px}aside button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;margin:3px 0;border-radius:9px;text-align:left;color:#77788a;font-size:13px}aside button em{font-style:normal;width:22px;font-size:19px}aside button small{margin-left:auto;color:#aaa6b7;font-size:10px}aside button.selected{background:var(--soft);color:var(--accent);font-weight:650}.side-note{margin:30px 10px 0;padding:20px 13px;background:linear-gradient(145deg,var(--soft),var(--bg));border-radius:14px}.side-note>span{font-size:32px;color:var(--accent);display:block;margin-bottom:13px}.side-note b{font-size:12px}.side-note p{font-size:11px;line-height:1.9;color:var(--muted)}main{margin-left:232px;padding:0 48px 94px;max-width:1700px}.hero{padding:45px 0 26px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--accent);font-weight:650;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9d83e4}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.4;margin:17px 0 13px}h1 span{color:var(--accent)}.hero p{font-size:13px;line-height:1.9;color:#8b8b9c;margin-bottom:25px}.hero-art{position:absolute;right:40px;top:30px;width:290px;height:155px;pointer-events:none}.float{position:absolute;display:grid;place-items:center;width:80px;height:80px;border-radius:23px;box-shadow:0 12px 28px #7b5bae10}.f1{left:10px;top:24px;background:#f0e8fd;color:#9473dd;font-size:65px;transform:rotate(-14deg)}.f2{left:100px;top:64px;background:#fff5d7;color:#dab340;font-size:62px;transform:rotate(10deg)}.f3{left:190px;top:10px;background:#fce9ef;color:#de8fa7;font-size:66px;transform:rotate(13deg)}.tiny{position:absolute;color:#bea5dc;font-size:30px}.t1{left:130px;top:0}.t2{left:265px;top:110px}.t3{left:0;top:120px}.search-wrap{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid #ded8ed;box-shadow:0 5px 20px #7653ab05;border-radius:12px;padding:15px 18px;position:relative;z-index:1}.search-wrap>span{font-size:27px;color:var(--accent);line-height:1}.search-wrap input{border:0;outline:none;flex:1;min-width:0;background:transparent;color:var(--text);font:inherit;font-size:13px}.search-wrap:focus-within{border-color:var(--accent)}kbd{border:1px solid var(--line);color:var(--muted);padding:2px 7px;border-radius:4px;font-size:12px}.trending{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:12px}.trending button{font-size:11px;background:var(--panel);border:1px solid var(--line);padding:4px 10px;border-radius:6px;color:#8b839a}.collection-summary{display:flex;align-items:center;gap:35px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.collection-summary div{display:flex;gap:9px;align-items:baseline}.collection-summary b{font-size:15px;font-weight:650}.collection-summary span{font-size:10px;color:var(--muted)}.collection-summary i{width:1px;height:20px;background:var(--line)}.collection-summary .summary-star{margin-left:auto;font-size:28px;color:#b19bde}.workspace{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-kicker{font-size:9px;letter-spacing:1.7px;color:#aaa2b9}h2{font-size:21px;margin:7px 0 6px;letter-spacing:-.5px}h2 span{color:#b7a4dc;font-size:19px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.view-tools{display:flex;gap:20px;font-size:10px;color:var(--muted);align-items:center}.view-tools label{display:flex;align-items:center;gap:8px}.view-tools input{width:65px;accent-color:var(--accent);height:3px}#tabs{display:flex;gap:9px;margin:23px 0 20px;border-bottom:1px solid var(--line);padding-bottom:14px}#tabs button{font-size:11px;padding:8px 16px;border-radius:7px;color:#898698}#tabs button.selected{color:var(--accent);background:var(--soft);font-weight:650}#grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:11px;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);border-color:#c4b0ea;box-shadow:0 8px 15px #684c9c0a}.copy-symbol{width:100%;height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 5px 9px}.glyph{font-size:var(--symbol-size);line-height:1.25;font-family:"Segoe UI Symbol","Apple Color Emoji","Noto Color Emoji",sans-serif}.card.wide{grid-column:span 2}.card.wide .glyph{font-size:calc(var(--symbol-size) * .66)}.card-label{font-size:9px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a19baa;text-transform:lowercase}.favorite{position:absolute;right:5px;top:4px;font-size:14px;color:#c6bfd2;opacity:0;padding:2px 4px}.favorite.saved{opacity:1;color:#b28bdc}.card:hover .favorite,.card:focus-within .favorite{opacity:1}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0;font-size:11px;color:var(--muted)}.pagination button{border:1px solid var(--line);background:var(--panel);padding:8px 13px;border-radius:7px}.pagination button:disabled{opacity:.35;cursor:default}.bottom-note{border:1px solid var(--line);border-radius:12px;padding:20px 23px;display:flex;gap:17px;align-items:center;background:linear-gradient(100deg,var(--panel),var(--soft))}.bottom-note>span{font-size:37px;color:#a58ad3}.bottom-note h3{font-size:13px;margin:0 0 7px}.bottom-note p{font-size:10px;color:var(--muted);margin:0}.bottom-note button{margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:10px}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:25px 0}footer button{font-size:10px}.composer{position:fixed;bottom:0;left:232px;right:0;background:var(--panel);border-top:1px solid var(--line);z-index:10;display:flex;align-items:center;padding:15px 30px;gap:14px;box-shadow:0 -4px 20px #00000003}.composer label{font-size:11px;white-space:nowrap}.composer-icon{color:var(--accent);font-size:24px}.composer input{flex:1;min-width:0;padding:10px 13px;border-radius:7px;background:var(--bg);border:1px solid var(--line);font:inherit;color:var(--text);font-size:12px}.composer button{white-space:nowrap;font-size:11px}.primary{background:var(--accent);color:white;border-radius:7px;padding:11px 20px}.primary:hover{color:white;background:#6d4ac9}.primary span{margin-left:10px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#292139;color:white;padding:12px 25px;border-radius:9px;z-index:30;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#empty{text-align:center;padding:70px 15px;color:var(--muted)}#loading{text-align:center;padding:30px;color:var(--muted)}#loading[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);max-width:530px;padding:32px;line-height:1.9}dialog::backdrop{background:#17122466}dialog p{font-size:13px;color:var(--muted)}dialog a{color:var(--accent)}#close-info{float:right;font-size:24px}@media(min-width:1500px){#grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:1150px){main{padding-left:28px;padding-right:28px}aside{width:200px}main{margin-left:200px}.composer{left:200px}#grid{grid-template-columns:repeat(6,minmax(0,1fr))}.collection-summary{gap:16px}.collection-summary div{flex-direction:column;gap:4px}.header-right>span{display:none}.hero-art{right:0;transform:scale(.8);transform-origin:right top}header{gap:40px;padding:0 24px}}@media(max-width:760px){header{height:65px;padding:0 18px;gap:15px}.brand{font-size:20px}.brand small{display:none}.logo{width:30px;height:30px;font-size:25px}nav{gap:13px;margin-left:auto}.nav{font-size:11px}.header-right{margin-left:0}#theme{width:29px;height:29px;font-size:18px}aside{position:static;width:auto;padding:10px 16px;display:flex;overflow:auto;gap:8px;border-bottom:1px solid var(--line)}.side-label,.side-note{display:none}#personal,#categories{display:contents}aside button{width:auto;white-space:nowrap;padding:7px 10px;font-size:11px;margin:0}aside button em{font-size:14px;width:auto}aside button small{display:none}main{margin:0;padding:0 20px 130px}.hero{padding-top:30px}h1{font-size:29px;margin-top:13px}.hero p{font-size:11px}.hero-art{opacity:.35;right:0;top:14px;transform:scale(.55)}.eyebrow{font-size:8px}.search-wrap{padding:12px}.search-wrap input{font-size:11px}.trending{gap:6px;font-size:10px}.trending button{padding:4px 7px;font-size:10px}.collection-summary{padding:15px;gap:13px;justify-content:space-between}.collection-summary b{font-size:12px}.collection-summary span{font-size:8px}.collection-summary .summary-star{display:none}.workspace{margin-top:27px}.section-kicker{font-size:7px}h2{font-size:19px}.section-heading p{font-size:10px}.view-tools{gap:6px;flex-direction:column;align-items:flex-end}.view-tools label{font-size:9px}#tabs{gap:2px;overflow:auto;white-space:nowrap}#tabs button{padding:7px 10px;font-size:10px}#grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.copy-symbol{height:92px}.favorite{opacity:1;font-size:12px}.card-label{font-size:8px}.bottom-note{padding:16px;gap:10px}.bottom-note h3{font-size:11px}.bottom-note p{font-size:9px}.bottom-note button{font-size:9px;padding:7px;max-width:80px}.bottom-note>span{font-size:28px}footer{font-size:8px;gap:12px}footer span:nth-child(2){display:none}.composer{left:0;padding:12px 15px;gap:9px;flex-wrap:wrap}.composer label{font-size:10px}.composer input{flex-basis:60%;order:2}.composer #clear{order:3}.composer #copy-all{margin-left:auto;font-size:10px;padding:8px 13px}.composer-icon{font-size:18px}#toast{bottom:125px;max-width:90%;white-space:nowrap}}
@media(max-width:760px){header{gap:10px}.brand{font-size:18px;flex-shrink:0}.brand .logo{margin-right:7px}nav{gap:10px}.nav{white-space:nowrap;font-size:10px;padding:0}.hero-art{right:-6px;top:5px;transform:scale(.38);opacity:.22}.card.wide .glyph{overflow-wrap:anywhere}.glyph{max-width:100%}}
@media(max-width:360px){header{padding:0 12px;gap:6px}.brand{font-size:16px}.brand .logo{width:26px;height:26px;font-size:22px}nav{gap:8px}.trending{gap:4px}.trending button{padding:4px 5px}}
#filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#filters[hidden]{display:none}#filters button{padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:var(--panel);font-size:11px;color:var(--muted)}#filters button.selected{background:var(--soft);color:var(--accent);border-color:#c9b9e6}
#tabs[hidden]{display:none}
.apple-logo{width:30px;height:34px;display:block}body.dark .apple-logo{filter:invert(1)}.trending button{white-space:nowrap}.trending{flex-wrap:wrap}
.card.art{grid-column:span 4}.card.art .copy-symbol{height:250px;align-items:stretch;padding:18px 12px 10px;justify-content:space-between}.card.art .glyph{display:block;white-space:pre;overflow:auto;max-height:205px;font:11px/1.15 ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;text-align:left;tab-size:8}.card.art .card-label{text-align:center;max-width:100%;display:block}.card.art .favorite{opacity:1;background:var(--panel);border-radius:5px}@media(max-width:760px){.card.art{grid-column:1/-1}.card.art .glyph{font-size:9px}}
#archive-toolbar{display:flex;justify-content:space-between;gap:15px;margin:20px 0;color:var(--accent);font-size:12px}#archive-toolbar[hidden]{display:none}.folder .copy-symbol{height:140px;gap:9px}.folder .glyph{color:var(--accent)}.folder-name{font-size:12px;line-height:1.5;max-width:95%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card.sjis .glyph{font-family:"MS PGothic","Saitamaar","Mona","IPAMonaPGothic",sans-serif;font-size:11px;line-height:1.2}#loading button{margin-left:8px;color:var(--accent)}@media(max-width:760px){.folder .copy-symbol{height:145px}.folder-name{font-size:11px}.card.sjis .glyph{font-size:9px}}
#reference-tools{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:var(--muted)}#reference-tools[hidden]{display:none}#reference-category{max-width:65%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:10px;font:inherit}#reference-tools a{margin-left:auto;white-space:nowrap;color:var(--accent)}@media(max-width:760px){#reference-tools{gap:8px;font-size:10px}#reference-category{max-width:57%;padding:8px}}
.card.long .copy-symbol{height:145px}.card.long .glyph{font-size:16px;overflow-wrap:anywhere;white-space:pre-wrap;max-height:105px;overflow:auto}
#language{max-width:145px;padding:8px 6px;border:1px solid var(--border,#e5e5ee);border-radius:8px;background:var(--card,#fff);color:inherit;font:inherit;font-size:12px}.header-right{gap:10px}.glyph{direction:ltr;unicode-bidi:isolate}.brand{direction:ltr}#compose{direction:auto}html[dir=rtl] .card-label,html[dir=rtl] .folder-name{direction:rtl}html[dir=rtl] aside{left:auto;right:0}html[dir=rtl] main{margin-left:0;margin-right:232px}@media(max-width:1150px){html[dir=rtl] main{margin-right:200px}}@media(max-width:760px){header nav{display:none}#language{max-width:110px}html[dir=rtl] main{margin-right:0}}

.seo-browse{margin:28px 0 10px;color:var(--muted);font-size:13px;line-height:1.8}.seo-browse nav{display:flex;flex-wrap:wrap;gap:10px 18px}.seo-browse a{color:var(--purple,#7859e8)}