@font-face{font-family:Source Han Serif;src:url(/fonts/source_han_serif/SourceHanSerif-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BabelStone Han;src:url(/fonts/babelstone_han/BabelStoneHan-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZCOOL XiaoWei;src:url(/fonts/zcool_xiaowei/ZCOOLXiaoWei-Regular-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/zcool_kuaile/ZCOOLKuaiLe-Regular-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZCOOL QingKe HuangYou;src:url(/fonts/zcool_qingke_huangyou/ZCOOLQingKeHuangYou-Regular-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Long Cang;src:url(/fonts/long_cang/LongCang-Regular-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--page-bg:#11121d;--text-color:#c0caf5;--muted-text:#7982ac;--card-bg:#1a1b2d;--menu-bg:#1b1d2d;--border-color:#24273a;--accent:#7dcfff;--accent-strong:#7dcfff;--pill-bg:#2d2f42;--pill-active-bg:#7dcfff;--pill-active-text:#11121d;--chinese-font-default:"BabelStone Han",serif;--chinese-font:var(--chinese-font-default);--tile-word-min:22px;--tile-word-max:36px;--detail-title-min:44px;--detail-title-max:96px;font-family:Noto Sans,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}body{background-color:var(--page-bg);color:var(--text-color);margin:0}body.theme-bright{--page-bg:#f4ead7;--text-color:#2b211c;--muted-text:#7c6758;--card-bg:#fff5e5;--menu-bg:#eadcc7;--border-color:#d8c4b2;--accent:#c56f46;--accent-strong:#a4502b;--pill-bg:#e4d2c1;--pill-active-bg:#c56f46;--pill-active-text:#2b211c}body.theme-tokyo{--page-bg:#11121d;--text-color:#c0caf5;--muted-text:#7982ac;--card-bg:#1a1b2d;--menu-bg:#1b1d2d;--border-color:#24273a;--accent:#7dcfff;--accent-strong:#7aa2f7;--pill-bg:#2d2f42;--pill-active-bg:#7dcfff;--pill-active-text:#11121d}body.theme-gruvbox{--page-bg:#1d2021;--text-color:#ebdbb2;--muted-text:#bdae93;--card-bg:#282828;--menu-bg:#262a2b;--border-color:#3c3836;--accent:#fabd2f;--accent-strong:#fe8019;--pill-bg:#3c3836;--pill-active-bg:#d79921;--pill-active-text:#1d2021}body.theme-cobalt-neon{--page-bg:#142838;--text-color:#8ff586;--muted-text:#6cbc67;--card-bg:#142631;--menu-bg:#1b3346;--border-color:#1f3a52;--accent:#3ba5ff;--accent-strong:#c4206f;--pill-bg:#0f2f4a;--pill-active-bg:#3ba5ff;--pill-active-text:#142838}main.app-shell{min-height:100vh;padding:1.5rem}.page{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.page__header h1{margin:0;font-size:1.75rem}.page__header p{color:var(--muted-text);margin:.25rem 0 0}.filter-toolbar{align-items:flex-start;gap:.75rem;display:flex}.filter-panel{flex:1}.control-bar{box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;flex:1;align-items:flex-start;gap:.6rem;padding:0;display:flex}.control-bar__button{border-radius:12px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .8rem;font-size:.95rem;font-weight:600;line-height:1.2;display:inline-flex}.hamburger-wrapper{align-self:flex-start;display:flex;position:relative}.hamburger-button{border:1px solid var(--border-color);background:var(--page-bg);color:var(--text-color);cursor:pointer;width:auto;min-width:44px}.hamburger-button__icon{font-size:1.1rem}.hamburger-menu{background:var(--menu-bg);border:1px solid var(--border-color);border-radius:12px;width:340px;max-width:90vw;padding:0;font-size:.9rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 8px 24px rgba(0,0,0,.35)}.hamburger-menu__accordion{flex-direction:column;gap:0;display:flex}.hamburger-menu__section{border-bottom:1px solid var(--border-color);background:var(--menu-bg);border-radius:0;overflow:hidden}.hamburger-menu__section:last-child{border-bottom:none}.hamburger-menu__section-header{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-weight:600;display:flex}.hamburger-menu__section-icon{color:var(--muted-text);font-size:.8rem}.hamburger-menu__section-body{flex-direction:column;gap:.5rem;padding:0 .5rem .5rem;display:flex}.hamburger-menu__slider{flex-direction:column;gap:.5rem;display:flex}.hamburger-menu__range{width:100%;accent-color:var(--accent)}.hamburger-menu__ticks{grid-template-columns:repeat(var(--tick-count),minmax(0,1fr));gap:0;display:grid}.hamburger-menu__tick{border:1px solid var(--border-color);background:var(--surface);color:var(--text);cursor:pointer;border-radius:0;width:100%;min-height:1.75rem;padding:.25rem .4rem;font-size:.75rem;transition:border-color .2s,box-shadow .2s,background .2s}.hamburger-menu__tick--active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent-strong)}.hamburger-menu__tick:focus-visible{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.hamburger-menu__tick+.hamburger-menu__tick{border-left-color:transparent}.hamburger-menu__tick:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.hamburger-menu__tick:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.hamburger-menu__themes{grid-template-columns:repeat(4,minmax(70px,1fr));gap:.5rem;display:grid}.hamburger-menu__theme{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:12px;padding:.4rem}.hamburger-menu__theme--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hamburger-menu__theme-grid{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:.3rem;display:grid}.hamburger-menu__theme-swatch{border:1px solid rgba(0,0,0,.08);border-radius:6px}.hamburger-menu__theme[data-theme=bright]{--palette-bg:#f4ead7;--palette-surface:#fff5e5;--palette-text:#2b211c;--palette-accent:#c56f46}.hamburger-menu__theme[data-theme=tokyo]{--palette-bg:#11121d;--palette-surface:#1a1b2d;--palette-text:#c0caf5;--palette-accent:#7dcfff}.hamburger-menu__theme[data-theme=gruvbox]{--palette-bg:#1d2021;--palette-surface:#282828;--palette-text:#ebdbb2;--palette-accent:#fabd2f}.hamburger-menu__theme[data-theme=cobalt-neon]{--palette-bg:#142838;--palette-surface:#142631;--palette-text:#8ff586;--palette-accent:#3ba5ff}.hamburger-menu__theme-swatch[data-role=background]{background:var(--palette-bg)}.hamburger-menu__theme-swatch[data-role=surface]{background:var(--palette-surface)}.hamburger-menu__theme-swatch[data-role=text]{background:var(--palette-text)}.hamburger-menu__theme-swatch[data-role=accent]{background:var(--palette-accent)}.hamburger-menu__fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.hamburger-menu__font-card{border:1px solid var(--border-color);background:var(--pill-bg);color:var(--text-color);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.35rem;min-width:0;padding:.5rem .75rem;display:flex}.hamburger-menu__font-card--active{border-color:var(--accent);background:var(--pill-active-bg);color:var(--pill-active-text)}.hamburger-menu__font-label{color:var(--muted-text);overflow-wrap:anywhere;font-size:.8rem}.hamburger-menu__font-card--active .hamburger-menu__font-label{color:var(--pill-active-text)}.hamburger-menu__font-sample{font-size:1.5rem}@media (width>=600px){.hamburger-menu__fonts{grid-template-columns:repeat(2,minmax(160px,1fr))}}.filter-panel__toggle{border:1px solid var(--border-color);background:var(--page-bg);width:100%;color:var(--text-color);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.filter-panel__chevron{color:var(--muted-text);font-size:.9rem}.filter-panel__body{border-top:1px solid var(--border-color);overscroll-behavior:contain;flex-direction:column;gap:.75rem;max-height:50vh;margin-top:.75rem;padding-top:.75rem;padding-right:.5rem;display:none;overflow-y:auto}.filter-panel--open .filter-panel__body{display:flex}.filter-panel__choices{flex-wrap:wrap;gap:.5rem;display:flex}.filter-panel__close{background:var(--pill-bg);color:var(--text-color);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:.3rem .9rem;font-size:.85rem}.filter-panel__close:hover{background:var(--pill-active-bg);color:var(--pill-active-text)}.filter-panel__choice{background:var(--pill-bg);color:var(--text-color);font-size:.9rem;font-family:var(--chinese-font-default);border-radius:999px;padding:.25rem .75rem;line-height:1.3;text-decoration:none;transition:background-color .15s}.filter-panel__choice:hover{background:var(--pill-active-bg);color:var(--pill-active-text)}.filter-panel__choice--active{background:var(--accent);color:var(--pill-active-text)}.workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"info""tiles";gap:1.5rem;display:grid}.workspace__info{z-index:5;flex-direction:column;grid-area:info;gap:1.25rem;display:flex;position:sticky;top:1rem}@media (width<=999px){.workspace__info{background:var(--page-bg);margin-top:-1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.85rem 1.5rem .35rem;top:0}}.info-panel{flex-direction:column;gap:.9rem;transition:gap .18s;display:flex}.info-panel__detail{display:block}.workspace__toolbar{overflow:visible}.tiles{grid-area:tiles;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=480px){.tiles{gap:.5rem}.tile{padding:.5rem}}@media (width>=700px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=900px){.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1000px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"info tiles";align-items:start;column-gap:1.25rem}}.tile{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 8px 24px rgba(0,0,0,.25);container-type:inline-size}.tile:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35)}.tile--selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,0,0,.4)}.tile__word{font-size:clamp(var(--tile-word-min),20cqi,var(--tile-word-max));font-weight:500;font-family:var(--chinese-font);white-space:normal;width:4ic;word-break:break-all;line-break:anywhere;text-align:center;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;max-inline-size:4ic;line-height:1.1;display:block}.tile__meta{color:var(--muted-text);font-size:.9rem}.detail{box-shadow:none;background:0 0;border:none;border-radius:0;min-height:200px;padding:0}.detail__body h2{font-size:clamp(var(--detail-title-min),18cqi,var(--detail-title-max));white-space:nowrap;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;max-inline-size:4ch;margin-top:0;margin-bottom:.35rem;font-weight:400;line-height:1;display:inline-block}.detail__word{font-family:var(--chinese-font)}.detail__body p{margin:.2rem 0}.detail__body{container-type:inline-size}.component-list{font-family:var(--chinese-font-default);flex-wrap:wrap;gap:.4rem;display:inline-flex}.component-list__item{background:var(--pill-bg);color:var(--text-color);font-size:.9rem;font-family:var(--chinese-font-default);border-radius:8px;padding:.15rem .6rem;text-decoration:none}.component-list__item--active{background:var(--accent);color:var(--pill-active-text)}