:root{--bg: #ffffff;--fg: #0b0b0b;--accent: #00e5a8;--muted: #f2f2f2;--border: #0b0b0b;--radius: 4px;--gap: 16px;--font-ui: Inter, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Noto Mono", monospace}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.app{max-width:980px;margin:32px auto;padding:24px;border:6px solid var(--border);background:linear-gradient(180deg,var(--muted),transparent 40%)}.header-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}h1{margin:0;font-weight:700;font-size:20px;display:inline-block;padding:6px 10px;border:3px solid var(--border);background:var(--bg)}.font-selector{display:flex;align-items:center;gap:8px;margin-left:auto}.font-select{padding:6px 8px;border:4px solid var(--border);background:var(--bg);font-family:var(--font-ui);font-size:13px;border-radius:2px}nav{display:flex;gap:8px;margin-top:16px;margin-bottom:24px}nav a{padding:8px 14px;border:4px solid var(--border);background:var(--bg);color:var(--fg);font-weight:700;text-decoration:none;border-radius:2px}nav a:hover{background:var(--accent)}.search{display:flex;gap:8px;margin-bottom:18px}.input{flex:1;padding:14px;font-size:16px;border:4px solid var(--border);background:transparent;outline:none;border-radius:var(--radius)}.input::placeholder{color:#777}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gap);margin-top:12px}.card{border:4px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}.card-header{display:flex;gap:12px;align-items:center}.char{font-family:var(--font-mono);font-size:48px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:3px solid var(--border);width:72px;height:72px;text-align:center;flex-shrink:0}.char.emoji{font-family:-apple-system,"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif}.card-id{display:flex;flex-direction:column;gap:4px;min-width:0}.name{font-size:13px;word-break:break-all}.card-body{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.label{font-weight:700;border-bottom:2px solid var(--border);padding-bottom:2px;margin-right:4px;font-size:13px;white-space:nowrap}.kv{font-family:var(--font-mono);background:#fff;padding:4px 8px;border:2px dashed var(--border);border-radius:2px;font-size:13px}.table-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.block-select{flex:1;min-width:240px;padding:10px;font-size:14px;border:4px solid var(--border);background:var(--bg);font-family:var(--font-ui);border-radius:2px}.table-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin-bottom:16px}.table-cell{font-family:var(--font-mono);font-size:18px;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--bg);cursor:pointer;padding:0;color:var(--fg);border-radius:2px}.table-cell:hover{background:var(--accent)}.table-cell.emoji{font-family:-apple-system,"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif}.export-bar{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:8px 12px;border:3px solid var(--border);background:var(--muted)}.export-btn{padding:6px 12px;font-size:13px;border:3px solid var(--border);background:var(--bg);cursor:pointer;border-radius:2px;font-weight:700}.export-btn:hover{background:var(--accent)}.history-card{border:4px solid var(--border);padding:16px;background:var(--bg);grid-column:1 / -1}.history-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.history-tag{padding:6px 12px;border:3px solid var(--border);background:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:13px;border-radius:2px}.history-tag:hover{background:var(--accent)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px}.btn{padding:10px 16px;border:4px solid var(--border);background:var(--accent);color:var(--fg);font-weight:700;cursor:pointer;border-radius:2px;font-family:var(--font-ui);font-size:14px}.btn:disabled{opacity:.4;cursor:default}.copy-btn{border:2px solid var(--border);background:var(--bg);cursor:pointer;padding:2px 6px;font-size:13px;border-radius:2px;line-height:1}.copy-btn:hover{background:var(--accent)}.norm-toggle{margin-top:4px;font-size:13px;padding:6px 10px;border:3px solid var(--border);background:var(--muted);cursor:pointer;text-align:left;border-radius:2px;font-family:var(--font-ui);font-weight:700}.norm-toggle:hover{background:var(--accent)}.norm-forms{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px dashed var(--border);background:var(--muted);border-radius:2px}.emoji-tree{display:flex;flex-direction:column;gap:4px;padding:8px 0}.emoji-tree-row{display:flex;gap:8px;align-items:center}.emoji-tree-indent{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.emoji-tree-branch{font-family:var(--font-mono);font-size:13px;color:#666}.emoji-tree-char{font-family:var(--font-mono);font-size:24px;width:36px;text-align:center;flex-shrink:0}.emoji-tree-info{display:flex;flex-direction:column;gap:2px;min-width:0}.emoji-tree-role{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.small{font-size:13px;color:#333}@media(max-width:640px){.cards{grid-template-columns:1fr}.char{font-size:40px;width:60px;height:60px}.table-grid{grid-template-columns:repeat(8,1fr)}.header-top{flex-direction:column;align-items:flex-start}.font-selector{margin-left:0}}