.symbols-page,.symbol-detail{min-width:0}body.symbols-page-body{overflow-x:clip;background:var(--bg)}body.symbols-page-body .site-header{position:relative;z-index:1}.symbols-hero,.symbol-detail__top{position:relative;isolation:isolate}.symbols-hero:before,.symbol-detail__top:before{content:"";position:absolute;z-index:-1;inset:-110px auto -32px 50%;width:100vw;transform:translate(-50%);background:radial-gradient(1200px 700px at 10% 0%,var(--body-glow-primary),transparent 55%),radial-gradient(900px 600px at 80% 10%,var(--body-glow-secondary),transparent 60%),var(--bg)}html[data-theme=dark] body.symbols-page-body .symbol-key,html[data-theme=dark] body.symbols-page-body .symbol-showcase{background:var(--surface-soft)}html[data-theme=dark] body.symbols-page-body .symbol-key:hover,html[data-theme=dark] body.symbols-page-body .symbol-showcase:hover{background:var(--surface-hover)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:8px;min-height:24px;margin:2px 0 10px;color:var(--muted);font-size:13px;line-height:1.4}.breadcrumbs a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.breadcrumbs a:hover{color:var(--text);text-decoration-color:currentColor}.breadcrumbs__separator{color:var(--line);font-size:16px}.symbols-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:24px}.symbols-intro .h1,.symbol-detail__copy .h1{margin-top:0;margin-bottom:10px}.symbols-intro__lead,.symbol-detail__lead{max-width:78ch;margin:0;color:var(--text-soft);font-size:clamp(16px,1.5vw,18px);line-height:1.55}.symbols-intro__count{display:inline-flex;min-height:40px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.symbol-tools{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--keyboard-bg);box-shadow:var(--shadow)}.symbol-filters{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}.symbol-filter{min-height:42px;flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle);color:var(--text-soft);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .06s ease}.symbol-filter:hover{background:var(--surface-hover)}.symbol-filter:active{transform:translateY(1px)}.symbol-filter[aria-pressed=true]{border-color:var(--primary-line);background:var(--primary-soft);color:var(--text)}.symbol-filter:focus-visible,.symbol-key:focus-visible,.symbol-showcase:focus-visible,.code-copy:focus-visible,.symbols-backlink:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.symbol-category{margin-top:32px;scroll-margin-top:16px}.symbol-category__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.symbol-category__head .h2{margin:0 0 4px}.symbol-category__description{max-width:72ch;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.symbol-category__count{color:var(--muted);font-size:13px;white-space:nowrap}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.symbol-card{min-width:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-subtle);text-align:center;transition:background .2s ease,border-color .2s ease}.symbol-card:hover{border-color:var(--control-line);background:var(--surface-subtle-hover)}.symbol-card[hidden],.symbol-category[hidden]{display:none}.symbol-key{position:relative;display:flex;width:100%;min-height:76px;align-items:center;justify-content:center;overflow:hidden;padding:8px;border:1px solid var(--control-line);border-radius:14px;background:linear-gradient(to bottom,var(--key-bg-top),var(--key-bg-bottom));box-shadow:inset 0 -3px 0 var(--line);color:var(--text);cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}.symbol-key:hover{background:linear-gradient(to bottom,var(--key-hover-top),var(--key-hover-bottom))}.symbol-key:active{transform:translateY(1px)}.symbol-key.is-copied{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}.symbol-key__value{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1;transition:opacity .15s ease,transform .15s ease}.symbol-key--named .symbol-key__value{font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.05em}.symbol-key__copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--success-text);font-size:12px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.symbol-key.is-copied .symbol-key__value{opacity:0;transform:translateY(-4px)}.symbol-key.is-copied .symbol-key__copy{opacity:1;transform:translateY(0)}.symbol-card__link{display:block;overflow:hidden;margin-top:9px;color:var(--text-soft);font-size:13px;font-weight:750;line-height:1.3;text-decoration:underline;text-decoration-color:transparent;text-overflow:ellipsis;transition:color .2s ease,text-decoration-color .2s ease}.symbol-card__link:hover{color:var(--text);text-decoration-color:currentColor}.symbol-card__shortcut{display:block;overflow:hidden;margin-top:4px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.symbols-guide{max-width:82ch;margin-top:40px}.symbols-guide section+section{margin-top:32px}.symbols-guide .h2{margin-top:0}.symbols-guide__list{display:grid;gap:8px;margin:12px 0 0;padding-left:22px;line-height:1.55}.shift-table-wrap,.code-table-wrap{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}.shift-table,.code-table{width:100%;border-collapse:collapse;text-align:left}.shift-table th,.shift-table td,.code-table th,.code-table td{padding:12px 14px;border-bottom:1px solid var(--line)}.shift-table tr:last-child td,.code-table tr:last-child th,.code-table tr:last-child td{border-bottom:0}.shift-table th,.code-table th{color:var(--muted);font-size:13px;font-weight:700}.shift-table td:first-child{width:90px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.shift-table th:nth-child(n+2),.shift-table td:nth-child(n+2){text-align:center}.shift-table__symbols{display:flex;align-items:center;gap:8px}.shift-table__symbol{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--control-line);border-radius:12px;background:var(--surface-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;font-weight:800}.shift-table__symbol:hover{background:var(--surface-hover);text-decoration:none}.symbol-detail__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:stretch}.symbol-detail__copy,.symbol-detail__meta{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--keyboard-bg);box-shadow:var(--shadow)}.symbol-detail__category{display:inline-flex;min-height:30px;align-items:center;margin-bottom:10px;padding:4px 9px;border:1px solid var(--primary-line);border-radius:999px;background:var(--primary-soft);color:var(--text-soft);font-size:12px;font-weight:750}.symbol-showcase{display:grid;width:100%;min-height:220px;place-items:center;align-content:center;gap:18px;margin-top:18px;padding:20px;border:1px solid var(--control-line);border-radius:16px;background:linear-gradient(to bottom,var(--key-bg-top),var(--key-bg-bottom));box-shadow:inset 0 -4px 0 var(--line);color:var(--text);cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}.symbol-showcase:hover{background:linear-gradient(to bottom,var(--key-hover-top),var(--key-hover-bottom))}.symbol-showcase:active{transform:translateY(1px)}.symbol-showcase.is-copied{border-color:var(--success-line);background:var(--success-bg)}.symbol-showcase__value{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(76px,12vw,132px);font-weight:700;line-height:.9}.symbol-showcase__value--named{font-family:inherit;font-size:clamp(22px,4vw,40px);font-weight:900;letter-spacing:.04em}.symbol-showcase__action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid var(--primary-line);border-radius:14px;background:var(--primary-soft);color:var(--text);font-size:14px;font-weight:800}.symbol-showcase.is-copied .symbol-showcase__action{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}.symbol-showcase__action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.symbol-detail__meta{display:flex;flex-direction:column}.symbol-detail__meta-title{margin:0 0 14px;font-size:16px;font-weight:900}.symbol-facts{display:grid;gap:0;margin:0}.symbol-facts__item{display:grid;grid-template-columns:minmax(95px,.75fr) minmax(0,1.25fr);gap:10px;padding:12px 0;border-top:1px solid var(--line)}.symbol-facts__item:first-child{border-top:0;padding-top:0}.symbol-facts dt{color:var(--muted);font-size:13px}.symbol-facts dd{min-width:0;margin:0;color:var(--text-soft);font-size:13px;font-weight:700;overflow-wrap:anywhere}.symbol-article{max-width:82ch;margin-top:36px}.symbol-article section+section{margin-top:32px}.symbol-article .h2{margin-top:0}.symbol-example{display:flex;align-items:center;gap:10px;min-height:52px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle);color:var(--text);font-size:16px;line-height:1.45}.symbol-example__label{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:700}.keyboard-methods{display:grid;gap:10px;margin-top:14px}.keyboard-method{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.7fr);gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle)}.keyboard-method dt{color:var(--muted);font-size:13px;font-weight:700}.keyboard-method dd{margin:0;color:var(--text);font-size:14px;font-weight:700}.code-table th{width:160px}.code-table td:last-child{width:54px;padding-left:4px}.code-table code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.code-copy{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.code-copy:hover{background:var(--surface-hover);color:var(--text)}.code-copy.is-copied{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}.code-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.symbol-related{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.symbol-related__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.symbol-related__head .h2{margin:0}.symbols-backlink{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text-soft);font-size:13px;font-weight:750}.symbols-backlink:hover{background:var(--surface-hover);text-decoration:none}.copy-toast{position:fixed;z-index:60;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 32px));padding:11px 14px;border:1px solid var(--success-line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);color:var(--success-text);font-size:14px;font-weight:750;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.copy-toast.is-visible{opacity:1;transform:translateY(0)}.copy-toast.is-error{border-color:var(--line);color:var(--text)}@media(max-width:820px){.symbol-detail__hero{grid-template-columns:1fr}}@media(max-width:620px){.symbols-intro{grid-template-columns:1fr;align-items:start;gap:12px}.symbols-intro__count{justify-self:start}.symbol-category__head,.symbol-related__head{align-items:start;flex-direction:column}.symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.symbol-card{padding:7px;border-radius:14px}.symbol-key{min-height:68px}.symbol-card__link{font-size:12px}.symbol-card__shortcut{font-size:10px}.keyboard-method{grid-template-columns:1fr;gap:4px}.symbol-showcase{min-height:190px}}@media(max-width:390px){.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-tools,.symbol-detail__copy,.symbol-detail__meta{padding:12px}.symbol-example{align-items:flex-start;flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){.breadcrumbs a,.symbol-filter,.symbol-card,.symbol-key,.symbol-key__value,.symbol-key__copy,.symbol-card__link,.symbol-showcase,.code-copy,.copy-toast{transition:none}}