:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5fb;--surface:#fff;--ink:#2b2a3d;--ink-2:#57566c;--ink-3:#6b6a80;--line:#e9e6f2;--primary:#6f5bd6;--primary-ink:#5642c0;--primary-soft:#ece6ff;--primary-mist:#d9cffd;--primary-hover-soft:#ddd3ff;--dot-peach:#ffc9a8;--dot-mint:#a8e0c8;--dot-rose:#f7b3c9;--scrollbar:#d6d0ea;--primary-on:#fff;--ring:#6f5bd659;--shadow-sm:0 1px 2px #2b2a3d0d, 0 2px 8px #2b2a3d0d;--shadow-md:0 4px 10px #2b2a3d0f, 0 14px 30px #2b2a3d14;--hero-wash:linear-gradient(135deg, #ece6ff 0%, #e4f4ee 52%, #ffecdc 100%);--lavender-bg:#efe9ff;--lavender-ink:#5b45c2;--peach-bg:#ffeadf;--peach-ink:#a4502a;--mint-bg:#e0f4ea;--mint-ink:#2b7656;--butter-bg:#fff3cf;--butter-ink:#806200;--rose-bg:#ffe6ee;--rose-ink:#a83c64;--sky-bg:#e2f0fa;--sky-ink:#2c6893;--font-display:"Nunito", "Huninn", "Noto Sans TC", "PingFang TC", sans-serif;--font-text:"Nunito", "Noto Sans TC", "PingFang TC", sans-serif;--radius-sm:10px;--radius:16px;--radius-lg:28px;--radius-pill:999px;--max:72rem;--gutter:max(1rem, 3vw);--ease-out:cubic-bezier(.16, 1, .3, 1);--breath:10s}@font-face{font-family:Huninn;src:url(/fonts/huninn-subset.woff2)format("woff2");font-weight:400 900;font-display:swap}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-text);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;accent-color:var(--primary);caret-color:var(--primary);scrollbar-color:var(--scrollbar) var(--bg);scroll-padding-top:9rem;font-size:16px;line-height:1.6}body{background:var(--bg);min-height:100dvh;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}::selection{background:var(--primary-soft);color:var(--primary-ink)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--primary);color:var(--primary-on);border-radius:var(--radius-pill);z-index:20;padding:.5rem 1.1rem;font-weight:700;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.container{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.topbar__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:1.1rem;display:flex}.logo{align-items:center;gap:.7rem;display:inline-flex}.logo__mark{flex:none;width:2.4rem;height:2.4rem}.logo__text{line-height:1.15;display:grid}.logo__latin{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.logo__cjk{font-family:var(--font-display);font-synthesis:none;color:var(--ink-2);letter-spacing:.08em;font-size:.85rem;font-weight:600}.page{outline:none;flex:1;padding-block:.5rem 4.5rem}.footer{border-top:1px solid var(--line);color:var(--ink-2);font-size:.9rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:1.6rem;display:flex}.footer__brand{color:var(--ink);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.footer__mark{width:1.6rem;height:1.6rem}.chip--lavender,.topic--lavender{--tone-bg:var(--lavender-bg);--tone-ink:var(--lavender-ink)}.chip--peach,.topic--peach{--tone-bg:var(--peach-bg);--tone-ink:var(--peach-ink)}.chip--mint,.topic--mint{--tone-bg:var(--mint-bg);--tone-ink:var(--mint-ink)}.chip--butter,.topic--butter{--tone-bg:var(--butter-bg);--tone-ink:var(--butter-ink)}.chip--rose,.topic--rose{--tone-bg:var(--rose-bg);--tone-ink:var(--rose-ink)}.chip--sky,.topic--sky{--tone-bg:var(--sky-bg);--tone-ink:var(--sky-ink)}.hero{background:var(--hero-wash);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.hero__copy{gap:1.25rem;display:grid}.hero__title{font-family:var(--font-display);font-synthesis:none;letter-spacing:.02em;text-wrap:balance;font-size:clamp(2.8rem,7vw,4.8rem);font-weight:800;line-height:1.05}.hero__lede{max-width:34em;color:var(--ink-2);font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.75}.breath{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,20rem);display:grid;position:relative}.breath__art{width:100%;height:100%;overflow:visible}.breath__ring,.breath__core{transform-box:fill-box;transform-origin:50%;animation:breathe var(--breath) ease-in-out infinite}.breath__ring--outer{fill:#ffffff73}.breath__ring--mid{fill:#fff9;animation-delay:.15s}.breath__ring--inner{fill:var(--primary-mist);animation-delay:.3s}.breath__core{fill:var(--primary);animation-delay:.45s}.breath__dot{animation:14s ease-in-out infinite alternate drift}.breath__dot--a{fill:var(--dot-peach)}.breath__dot--b{fill:var(--dot-mint);animation-delay:-5s}.breath__dot--c{fill:var(--dot-rose);animation-delay:-9s}.breath__caption{color:var(--primary-on);letter-spacing:.2em;place-items:center;font-size:.95rem;font-weight:800;display:grid;position:absolute}.breath__caption>span{animation:caption var(--breath) ease-in-out infinite;grid-area:1/1}.breath__out{animation-name:caption-out!important}@keyframes breathe{0%,to{transform:scale(.82)}40%{transform:scale(1)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-10px,8px)}}@keyframes caption{0%,38%{opacity:1}42%,96%{opacity:0}to{opacity:1}}@keyframes caption-out{0%,38%{opacity:0}42%,96%{opacity:1}to{opacity:0}}.toolbar{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#f7f5fbeb;gap:.75rem;margin-block:1.75rem 2.5rem;padding-block:.75rem;display:grid;position:sticky;top:0}.search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);align-items:center;gap:.75rem;padding:.4rem .5rem .4rem 1.2rem;display:flex}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.search__icon{width:1.25rem;height:1.25rem;color:var(--primary);flex:none}.search__input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding-block:.55rem;font-size:1.05rem}.search__input::placeholder{color:var(--ink-3)}.search__input::-webkit-search-cancel-button{appearance:none}.search__key{border:1px solid var(--line);width:1.7rem;height:1.7rem;color:var(--ink-3);font:inherit;border-radius:8px;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.search__clear{background:var(--primary-soft);width:2rem;height:2rem;color:var(--primary-ink);cursor:pointer;transition:background .16s var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.search__clear:hover{background:var(--primary-hover-soft)}.search__clear-icon{width:1rem;height:1rem}.search__count{background:var(--bg);border-radius:var(--radius-pill);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;padding:.45rem .9rem;font-size:.9rem;font-weight:700}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out);align-items:center;gap:.45rem;padding:.45rem .6rem .45rem .8rem;font-size:.95rem;font-weight:700;display:inline-flex}.chip__glyph{width:1.1rem;height:1.1rem;color:var(--tone-ink)}.chip__count{background:var(--tone-bg);border-radius:var(--radius-pill);min-width:1.6rem;color:var(--tone-ink);text-align:center;font-variant-numeric:tabular-nums;padding:.05rem .45rem;font-size:.8rem}.chip:hover{border-color:var(--tone-ink);transform:translateY(-1px)}.chip.is-active{background:var(--tone-bg);color:var(--tone-ink);border-color:#0000}.chip.is-active .chip__count{background:var(--surface)}.chip.is-empty{color:var(--ink-3);pointer-events:none}.chip.is-empty .chip__glyph,.chip.is-empty .chip__count{color:var(--ink-3)}.chip.is-empty .chip__count{background:var(--bg)}.empty{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;justify-items:center;gap:.4rem;margin-block:-1rem 2.5rem;padding:2rem 1.5rem;display:grid}.empty__title{font-size:1.15rem;font-weight:800}.empty__hint{color:var(--ink-2)}.topic{margin-block-end:3.5rem;scroll-margin-top:9rem}.topic.is-empty{display:none}.topic__head{align-items:center;gap:.85rem;margin-block-end:1.1rem;display:flex}.topic__badge{background:var(--tone-bg);width:2.9rem;height:2.9rem;color:var(--tone-ink);border-radius:14px;flex:none;place-items:center;display:inline-grid}.topic__glyph{width:1.5rem;height:1.5rem}.topic__name{font-family:var(--font-display);font-synthesis:none;letter-spacing:.04em;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:800}.topic__count{background:var(--tone-bg);border-radius:var(--radius-pill);color:var(--tone-ink);white-space:nowrap;margin-inline-start:auto;padding:.3rem .85rem;font-size:.9rem;font-weight:700}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.cards__item{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), display .22s allow-discrete}.cards__item.is-miss{opacity:0;display:none;transform:translateY(6px)scale(.98)}.card{background:var(--surface);border-radius:var(--radius);height:100%;box-shadow:var(--shadow-sm);transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out);grid-template-rows:1fr auto;gap:.9rem;padding:1.15rem 1.2rem 1rem;display:grid}.card__title{overflow-wrap:anywhere;font-size:1.02rem;font-weight:700;line-height:1.55}.card__foot{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card__domain{background:var(--tone-bg);border-radius:var(--radius-pill);min-width:0;color:var(--tone-ink);white-space:nowrap;text-overflow:ellipsis;padding:.2rem .65rem;font-size:.82rem;font-weight:700;overflow:hidden}.card__arrow{width:1.3rem;height:1.3rem;color:var(--ink-3);transition:color .2s var(--ease-out), transform .24s var(--ease-out);flex:none}.card__note{color:var(--ink-2);font-size:.9rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card:hover .card__arrow{color:var(--tone-ink);transform:translate(2px,-2px)}.card:visited .card__title{color:var(--ink-2)}.lost{background:var(--hero-wash);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:1rem;margin-block-start:1rem;padding:4rem 1.5rem;display:grid}.lost__code{font-family:var(--font-display);color:var(--primary);font-size:clamp(3.5rem,10vw,5.5rem);font-weight:800;line-height:1}.lost__title{font-size:1.5rem;font-weight:800}.lost__text{color:var(--ink-2)}.lost__home{background:var(--primary);color:var(--primary-on);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:background .2s var(--ease-out), transform .2s var(--ease-out);margin-block-start:.5rem;padding:.7rem 1.6rem;font-weight:800}.lost__home:hover{background:var(--primary-ink);transform:translateY(-1px)}@media (width<=48rem){.hero{text-align:start;grid-template-columns:1fr}.breath{order:-1;justify-self:start;width:min(60%,12rem)}.chips{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.chip{flex:none}.search__key{display:none}}@media (prefers-reduced-motion:reduce){.breath__ring,.breath__core,.breath__dot,.breath__caption>span{animation:none}.breath__out{opacity:0}.card,.chip,.cards__item{transition:none}}