.container.svelte-gpe21l{max-width:1200px;margin:0 auto;padding:20px 20px 60px}.page-header.svelte-gpe21l{text-align:center;padding:40px 0}.page-header.svelte-gpe21l h1:where(.svelte-gpe21l){font-size:36px;margin:0 0 12px;color:var(--text-primary)}.subtitle.svelte-gpe21l{font-size:18px;color:var(--text-secondary);margin:0 0 20px}.intro.svelte-gpe21l{max-width:700px;margin:0 auto;font-size:15px;color:var(--text-tertiary);line-height:1.6}.emoji-section.svelte-gpe21l{margin-bottom:50px}.emoji-section.svelte-gpe21l h2:where(.svelte-gpe21l){font-size:24px;margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid var(--border-color);color:var(--text-primary)}.section-intro.svelte-gpe21l{margin:0 0 20px;color:var(--text-secondary);font-size:14px}.emoji-grid.svelte-gpe21l{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.kanji-grid.svelte-gpe21l{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.emoji-card.svelte-gpe21l{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.emoji-card.svelte-gpe21l:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.emoji-large.svelte-gpe21l{font-size:48px;margin-bottom:12px}.kanji-card.svelte-gpe21l .kanji-info:where(.svelte-gpe21l){display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.kanji-char.svelte-gpe21l{font-size:24px;font-weight:600;color:var(--text-primary);font-family:var(--font-cjk)}.reading.svelte-gpe21l{font-size:14px;color:var(--color-kunyomi);font-style:italic}.card-header.svelte-gpe21l{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-header.svelte-gpe21l .emoji-large:where(.svelte-gpe21l){margin-bottom:0}.emoji-card.svelte-gpe21l h3:where(.svelte-gpe21l){font-size:16px;margin:0 0 8px;color:var(--text-primary)}.description.svelte-gpe21l{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 8px}.usage.svelte-gpe21l{font-size:12px;color:var(--text-muted);margin:0 0 12px;padding-top:8px;border-top:1px solid var(--border-color)}.card-links.svelte-gpe21l{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.card-links.svelte-gpe21l a:where(.svelte-gpe21l){display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.card-links.svelte-gpe21l a:where(.svelte-gpe21l):hover{color:var(--accent);border-color:var(--accent);background:var(--bg-secondary)}.finding-examples.svelte-gpe21l{background:var(--bg-tertiary);padding:30px;border-radius:var(--radius-lg);margin-top:40px}.tips-grid.svelte-gpe21l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.tip-card.svelte-gpe21l{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.tip-card.svelte-gpe21l h3:where(.svelte-gpe21l){font-size:16px;margin:0 0 10px;color:var(--text-primary)}.tip-card.svelte-gpe21l p:where(.svelte-gpe21l){font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.tip-card.svelte-gpe21l ul:where(.svelte-gpe21l){margin:0 0 12px;padding-left:20px}.tip-card.svelte-gpe21l li:where(.svelte-gpe21l){font-size:12px;color:var(--text-secondary);margin-bottom:4px}.tip-card.svelte-gpe21l code:where(.svelte-gpe21l){background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:11px}.tip-link.svelte-gpe21l{display:inline-block;font-size:13px;color:var(--accent);text-decoration:none}.tip-link.svelte-gpe21l:hover{text-decoration:underline}@media (max-width: 768px){.container.svelte-gpe21l{padding:10px 16px 40px}.page-header.svelte-gpe21l{padding:30px 0}.page-header.svelte-gpe21l h1:where(.svelte-gpe21l){font-size:28px}.subtitle.svelte-gpe21l{font-size:16px}.emoji-section.svelte-gpe21l h2:where(.svelte-gpe21l){font-size:20px}.emoji-grid.svelte-gpe21l,.kanji-grid.svelte-gpe21l,.tips-grid.svelte-gpe21l{grid-template-columns:1fr}.finding-examples.svelte-gpe21l{padding:20px}}