:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-text:#fff;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}input,select{font:inherit}.app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.sentence-bar{background:var(--surface);border-bottom:1px solid var(--border);gap:8px;padding:8px;display:flex}.speak-area{border:2px solid var(--primary);text-align:left;background:#eff6ff;border-radius:14px;flex:1;align-items:center;gap:8px;min-height:84px;padding:6px 10px;display:flex;overflow:hidden}.sentence-placeholder{color:var(--muted);flex:1}.sentence-items{flex:1;gap:6px;display:flex;overflow-x:auto}.chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:none;align-items:center;min-width:56px;padding:4px;font-size:30px;line-height:1.1;display:flex}.chip img{object-fit:cover;border-radius:6px;width:40px;height:40px}.chip small{white-space:nowrap;font-size:12px}.speak-icon{font-size:32px}.sentence-actions{flex-direction:column;gap:6px;display:flex}.sentence-actions button{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;width:56px;font-size:22px}.tabs{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;gap:6px;padding:8px;display:flex;overflow-x:auto}.tab{background:var(--tab-color);border:2px solid #0000;border-radius:999px;flex:none;align-items:center;gap:4px;padding:8px 14px;font-weight:600;display:flex}.tab.active{border-color:var(--text)}.tab-emoji{font-size:20px}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));background:color-mix(in srgb, var(--cat-color) 35%, var(--bg));flex:1;grid-auto-rows:min-content;gap:10px;padding:10px;display:grid;overflow-y:auto}.card-wrap{position:relative}.card{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px;transition:transform 80ms;display:flex;box-shadow:0 1px 3px #00000014}.card:active{background:#eff6ff;transform:scale(.95)}.card-emoji{font-size:calc(160px / var(--cols));line-height:1}.card-image{aspect-ratio:1;object-fit:contain;border-radius:10px;width:78%}.card-label{font-size:calc(10px + 24px / var(--cols));text-align:center;word-break:keep-all;font-weight:700;line-height:1.2}.add-card{color:var(--muted);background:0 0;border-style:dashed}.card-delete{color:#fff;background:#ef4444;border:none;border-radius:50%;width:30px;height:30px;font-weight:700;position:absolute;top:-6px;right:-6px}.toolbar{background:var(--surface);border-top:1px solid var(--border);gap:8px;padding:8px;display:flex}.toolbar button{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;padding:10px;font-weight:600}.toolbar button.on{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.sheet-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:90%;padding:20px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);-webkit-user-select:text;user-select:text;border-radius:20px 20px 0 0;overflow-y:auto}.sheet h2{margin:0 0 12px;font-size:20px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field span{font-size:15px;font-weight:600}.field input:not([type=range]):not([type=file]),.field select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}.toggle{align-items:center;gap:10px;padding:8px 0;font-weight:600;display:flex}.toggle input{width:22px;height:22px}.sheet-actions{gap:8px;margin-top:16px;display:flex}.sheet-actions button{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;padding:12px;font-weight:600}.sheet-actions .primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.preview{aspect-ratio:1;border:1px solid var(--border);--cols:3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:120px;margin:0 auto 16px;display:flex}.preview img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:70%}.search-row{gap:6px;display:flex}.search-row input{border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:10px 12px}.search-row button{background:var(--primary);color:var(--primary-text);border:none;border-radius:10px;padding:0 16px;font-weight:600}.search-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:260px;display:grid;overflow-y:auto}.search-results button{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;align-items:center;padding:4px;display:flex}.search-results img{aspect-ratio:1;object-fit:contain;width:100%}.search-results small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.error{color:#dc2626}.credit{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.5}.card-image{object-fit:contain;background:#fff}