.palette-wrapper[data-astro-cid-5xdey4hn]{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:2rem;margin:2rem 0}.palette-tabs[data-astro-cid-5xdey4hn]{display:flex;gap:.5rem;margin-bottom:1.5rem}.palette-tab[data-astro-cid-5xdey4hn]{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;min-height:44px;cursor:pointer;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:2px;transition:all .3s ease}.palette-tab[data-astro-cid-5xdey4hn].active{background:var(--border);color:var(--text);border-color:var(--color-olive)}.palette-grid[data-astro-cid-5xdey4hn]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.palette-swatch[data-astro-cid-5xdey4hn]{display:flex;align-items:center;gap:.75rem}.swatch-color[data-astro-cid-5xdey4hn]{width:40px;height:40px;border-radius:2px;border:1px solid var(--border);flex-shrink:0;transition:background .5s ease}.swatch-info[data-astro-cid-5xdey4hn]{display:flex;flex-direction:column;gap:.15rem}.swatch-label[data-astro-cid-5xdey4hn]{font-size:13px;color:var(--text)}.swatch-hex[data-astro-cid-5xdey4hn]{font-family:var(--font-mono);font-size:12px;color:var(--muted);transition:color .3s ease}@media(max-width:640px){.palette-grid[data-astro-cid-5xdey4hn]{grid-template-columns:repeat(2,1fr)}}.hanko-explain[data-astro-cid-aqqm2bce]{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:2.5rem;margin:2rem 0;display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.hanko-visual[data-astro-cid-aqqm2bce]{position:relative}.hanko-large[data-astro-cid-aqqm2bce]{width:120px;height:120px;border:2px solid var(--color-olive);display:flex;align-items:center;justify-content:center}.hanko-large-grid[data-astro-cid-aqqm2bce]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:80px;height:80px}.hanko-large-grid[data-astro-cid-aqqm2bce] span[data-astro-cid-aqqm2bce]{font-family:serif;font-size:32px;line-height:1;color:var(--color-olive);display:flex;align-items:center;justify-content:center}.hanko-arrows[data-astro-cid-aqqm2bce]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.arrow-h[data-astro-cid-aqqm2bce]{position:absolute;top:-2rem;left:0;width:120px}.arrow-v[data-astro-cid-aqqm2bce]{position:absolute;top:0;left:calc(100% + 1rem);height:120px;writing-mode:vertical-rl}.arrow-label[data-astro-cid-aqqm2bce]{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.05em}.hanko-meaning[data-astro-cid-aqqm2bce]{display:flex;flex-direction:column;gap:.75rem}.meaning-row[data-astro-cid-aqqm2bce]{display:flex;align-items:baseline;gap:1.25rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--color-chrome) 10%,transparent)}.kanji[data-astro-cid-aqqm2bce]{font-family:serif;font-size:24px;color:var(--color-olive);width:32px}.romaji[data-astro-cid-aqqm2bce]{font-family:var(--font-mono);font-size:13px;color:var(--muted);width:40px}.translation[data-astro-cid-aqqm2bce]{font-size:15px;color:var(--text)}.meaning-result[data-astro-cid-aqqm2bce]{display:flex;align-items:baseline;gap:1.25rem;padding-top:.75rem}.result-kanji[data-astro-cid-aqqm2bce]{font-family:serif;font-size:24px;color:var(--color-olive-light)}.result-romaji[data-astro-cid-aqqm2bce]{font-family:var(--font-mono);font-size:13px;color:var(--muted);font-style:italic}.result-translation[data-astro-cid-aqqm2bce]{font-family:var(--font-serif);font-size:15px;font-style:italic;color:var(--text)}@media(max-width:640px){.hanko-explain[data-astro-cid-aqqm2bce]{grid-template-columns:1fr;gap:2rem}.hanko-visual[data-astro-cid-aqqm2bce]{justify-self:center}.arrow-v[data-astro-cid-aqqm2bce]{display:none}}.hover-demo[data-astro-cid-3tde7hs6]{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:2rem;margin:2rem 0}.hover-demo-hint[data-astro-cid-3tde7hs6]{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:1.5rem}.hover-demo-grid[data-astro-cid-3tde7hs6]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.demo-card[data-astro-cid-3tde7hs6]{padding:1.5rem;border:1px solid var(--border);border-radius:2px}.demo-number[data-astro-cid-3tde7hs6]{font-size:13px;color:var(--muted);display:block;margin-bottom:.5rem}.demo-active[data-astro-cid-3tde7hs6] .demo-number[data-astro-cid-3tde7hs6]{color:var(--color-olive-light)}.demo-title[data-astro-cid-3tde7hs6]{font-family:var(--font-serif);font-size:1.25rem;color:var(--text);display:block;margin-bottom:.75rem}.demo-active[data-astro-cid-3tde7hs6] .demo-title[data-astro-cid-3tde7hs6]{color:var(--color-olive-light)}.demo-bar[data-astro-cid-3tde7hs6]{height:1px;background:var(--border);margin-bottom:.75rem}.demo-bar-fill[data-astro-cid-3tde7hs6]{height:1px;width:0;background:var(--color-olive-light)}.demo-bar-fill[data-astro-cid-3tde7hs6].active{width:100%}.demo-desc[data-astro-cid-3tde7hs6]{font-size:14px;color:var(--muted);font-style:italic}.demo-rest[data-astro-cid-3tde7hs6] .demo-desc[data-astro-cid-3tde7hs6]{display:none}.hover-demo-live[data-astro-cid-3tde7hs6]{display:flex;flex-direction:column}.demo-live-item[data-astro-cid-3tde7hs6]{display:flex;align-items:baseline;gap:1rem;padding:1.25rem 0;border-top:1px solid color-mix(in srgb,var(--color-chrome) 12%,transparent);position:relative;cursor:default}.demo-live-item[data-astro-cid-3tde7hs6]:last-child{border-bottom:1px solid color-mix(in srgb,var(--color-chrome) 12%,transparent)}.demo-live-item[data-astro-cid-3tde7hs6]:before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:var(--color-olive-light);transition:width .6s cubic-bezier(.16,1,.3,1)}.demo-live-item[data-astro-cid-3tde7hs6]:hover:before{width:100%}.demo-live-number[data-astro-cid-3tde7hs6]{font-size:13px;color:var(--muted);opacity:.5;transition:opacity .4s ease,color .4s ease}.demo-live-item[data-astro-cid-3tde7hs6]:hover .demo-live-number[data-astro-cid-3tde7hs6]{opacity:1;color:var(--color-olive-light)}.demo-live-title[data-astro-cid-3tde7hs6]{font-family:var(--font-serif);font-size:1.15rem;color:var(--text)}@media(max-width:640px){.hover-demo-grid[data-astro-cid-3tde7hs6]{grid-template-columns:1fr}}